chore: remove React Compiler and @rolldown/plugin-babel

- Add @rolldown/plugin-babel for React compiler support
- Update TypeScript to 6.0.2
- Update TanStack packages (@tanstack/react-query, @tanstack/react-router, @tanstack/react-start)
- Update @vitejs/plugin-react to 6.0.1
- Update Vite to 8.0.2 and Nitro nightly
- Refactor vite.config.ts to use separate babel plugin with reactCompilerPreset

.vscode/settings.json

@@ -43,6 +43,7 @@
   "files.watcherExclude": {
     "**/routeTree.gen.ts": true
   },
+  "js/ts.tsdk.path": "node_modules/typescript/lib",
   "search.exclude": {
     "**/routeTree.gen.ts": true
   }

AGENTS.md

@@ -4,7 +4,7 @@ Guidelines for AI agents working in this Bun monorepo.
 
 ## Project Overview
 
-> **This project uses [Bun](https://bun.sh) exclusively as both the JavaScript runtime and package manager. Do NOT use Node.js / npm / yarn / pnpm. All commands start with `bun` — use `bun install` for dependencies and `bun run` / `bun <script>` for scripts. Never use `npm`, `npx`, or `node`.**
+> **This project uses [Bun](https://bun.sh) exclusively as both the JavaScript runtime and package manager. Do NOT use Node.js / npm / yarn / pnpm. All commands start with `bun` — use `bun install` for dependencies and `bun run <script>` for scripts. Always prefer `bun run <script>` over `bun <script>` to avoid conflicts with Bun built-in subcommands (e.g. `bun build` invokes Bun's bundler, NOT your package.json script). Never use `npm`, `npx`, or `node`.**
 
 - **Monorepo**: Bun workspaces + Turborepo orchestration
 - **Runtime**: Bun (see `mise.toml` for version) — **NOT Node.js**
@@ -18,57 +18,57 @@ Guidelines for AI agents working in this Bun monorepo.
 
 ### Root Commands (via Turbo)
 ```bash
-bun dev              # Start all apps in dev mode
+bun run dev              # Start all apps in dev mode
-bun build            # Build all apps
+bun run build            # Build all apps
-bun compile          # Compile server to standalone binary (current platform)
+bun run compile          # Compile server to standalone binary (current platform)
-bun compile:darwin   # Compile server for macOS (arm64 + x64)
+bun run compile:darwin   # Compile server for macOS (arm64 + x64)
-bun compile:linux    # Compile server for Linux (x64 + arm64)
+bun run compile:linux    # Compile server for Linux (x64 + arm64)
-bun compile:windows  # Compile server for Windows x64
+bun run compile:windows  # Compile server for Windows x64
-bun dist             # Package desktop distributable (current platform)
+bun run dist             # Package desktop distributable (current platform)
-bun dist:linux       # Package desktop for Linux (x64 + arm64)
+bun run dist:linux       # Package desktop for Linux (x64 + arm64)
-bun dist:mac         # Package desktop for macOS (arm64 + x64)
+bun run dist:mac         # Package desktop for macOS (arm64 + x64)
-bun dist:win         # Package desktop for Windows x64
+bun run dist:win         # Package desktop for Windows x64
-bun fix              # Lint + format (Biome auto-fix)
+bun run fix              # Lint + format (Biome auto-fix)
-bun typecheck        # TypeScript check across monorepo
+bun run typecheck        # TypeScript check across monorepo
 ```
 
 ### Server App (`apps/server`)
 ```bash
-bun dev                   # Vite dev server (localhost:3000)
+bun run dev                   # Vite dev server (localhost:3000)
-bun build                 # Production build -> .output/
+bun run build                 # Production build -> .output/
-bun compile               # Compile to standalone binary (current platform)
+bun run compile               # Compile to standalone binary (current platform)
-bun compile:darwin        # Compile for macOS (arm64 + x64)
+bun run compile:darwin        # Compile for macOS (arm64 + x64)
-bun compile:darwin:arm64  # Compile for macOS arm64
+bun run compile:darwin:arm64  # Compile for macOS arm64
-bun compile:darwin:x64    # Compile for macOS x64
+bun run compile:darwin:x64    # Compile for macOS x64
-bun compile:linux         # Compile for Linux (x64 + arm64)
+bun run compile:linux         # Compile for Linux (x64 + arm64)
-bun compile:linux:arm64   # Compile for Linux arm64
+bun run compile:linux:arm64   # Compile for Linux arm64
-bun compile:linux:x64     # Compile for Linux x64
+bun run compile:linux:x64     # Compile for Linux x64
-bun compile:windows       # Compile for Windows (default: x64)
+bun run compile:windows       # Compile for Windows (default: x64)
-bun compile:windows:x64   # Compile for Windows x64
+bun run compile:windows:x64   # Compile for Windows x64
-bun fix                   # Biome auto-fix
+bun run fix                   # Biome auto-fix
-bun typecheck             # TypeScript check
+bun run typecheck             # TypeScript check
 
 # Database (Drizzle)
-bun db:generate           # Generate migrations from schema
+bun run db:generate           # Generate migrations from schema
-bun db:migrate            # Run migrations
+bun run db:migrate            # Run migrations
-bun db:push               # Push schema (dev only)
+bun run db:push               # Push schema (dev only)
-bun db:studio             # Open Drizzle Studio
+bun run db:studio             # Open Drizzle Studio
 ```
 
 ### Desktop App (`apps/desktop`)
 ```bash
-bun dev                   # electron-vite dev mode (requires server dev running)
+bun run dev                   # electron-vite dev mode (requires server dev running)
-bun build                 # electron-vite build (main + preload)
+bun run build                 # electron-vite build (main + preload)
-bun dist                  # Build + package for current platform
+bun run dist                  # Build + package for current platform
-bun dist:linux            # Build + package for Linux (x64 + arm64)
+bun run dist:linux            # Build + package for Linux (x64 + arm64)
-bun dist:linux:x64        # Build + package for Linux x64
+bun run dist:linux:x64        # Build + package for Linux x64
-bun dist:linux:arm64      # Build + package for Linux arm64
+bun run dist:linux:arm64      # Build + package for Linux arm64
-bun dist:mac              # Build + package for macOS (arm64 + x64)
+bun run dist:mac              # Build + package for macOS (arm64 + x64)
-bun dist:mac:arm64        # Build + package for macOS arm64
+bun run dist:mac:arm64        # Build + package for macOS arm64
-bun dist:mac:x64          # Build + package for macOS x64
+bun run dist:mac:x64          # Build + package for macOS x64
-bun dist:win              # Build + package for Windows x64
+bun run dist:win              # Build + package for Windows x64
-bun fix                   # Biome auto-fix
+bun run fix                   # Biome auto-fix
-bun typecheck             # TypeScript check
+bun run typecheck             # TypeScript check
 ```
 
 ### Testing
@@ -113,7 +113,6 @@ import type { ReactNode } from 'react'
 - Components: arrow functions (enforced by Biome)
 - Routes: TanStack Router file conventions (`export const Route = createFileRoute(...)`)
 - Data fetching: `useSuspenseQuery(orpc.feature.list.queryOptions())`
-- Let React Compiler handle memoization (no manual `useMemo`/`useCallback`)
 
 ### Error Handling
 - Use `try-catch` for async operations; throw descriptive errors
@@ -160,7 +159,7 @@ export const myTable = pgTable('my_table', {
 ## Critical Rules
 
 **DO:**
-- Run `bun fix` before committing
+- Run `bun run fix` before committing
 - Use `@/*` path aliases (not relative imports)
 - Include `createdAt`/`updatedAt` on all tables
 - Use `catalog:` for dependency versions
@@ -178,9 +177,9 @@ export const myTable = pgTable('my_table', {
 ## Git Workflow
 
 1. Make changes following style guide
-2. `bun fix` - auto-format and lint
+2. `bun run fix` - auto-format and lint
-3. `bun typecheck` - verify types
+3. `bun run typecheck` - verify types
-4. `bun dev` - test locally
+4. `bun run dev` - test locally
 5. Commit with descriptive message
 
 ## Directory Structure

apps/desktop/AGENTS.md

@@ -4,7 +4,7 @@ Thin Electron shell hosting the fullstack server app.
 
 ## Tech Stack
 
-> **⚠️ This project uses Bun as the package manager. Runtime is Electron (Node.js). Never use `npm`, `npx`, `yarn`, or `pnpm`.**
+> **⚠️ This project uses Bun as the package manager. Runtime is Electron (Node.js). Always use `bun run <script>` (not `bun <script>`) to avoid conflicts with Bun built-in subcommands. Never use `npm`, `npx`, `yarn`, or `pnpm`.**
 
 - **Type**: Electron desktop shell
 - **Design**: Server-driven desktop (thin native window hosting web app)
@@ -22,18 +22,18 @@ Thin Electron shell hosting the fullstack server app.
 ## Commands
 
 ```bash
-bun dev                    # electron-vite dev (requires server dev running)
+bun run dev                    # electron-vite dev (requires server dev running)
-bun build                  # electron-vite build (main + preload)
+bun run build                  # electron-vite build (main + preload)
-bun dist                   # Build + package for current platform
+bun run dist                   # Build + package for current platform
-bun dist:linux             # Build + package for Linux (x64 + arm64)
+bun run dist:linux             # Build + package for Linux (x64 + arm64)
-bun dist:linux:x64         # Build + package for Linux x64
+bun run dist:linux:x64         # Build + package for Linux x64
-bun dist:linux:arm64       # Build + package for Linux arm64
+bun run dist:linux:arm64       # Build + package for Linux arm64
-bun dist:mac               # Build + package for macOS (arm64 + x64)
+bun run dist:mac               # Build + package for macOS (arm64 + x64)
-bun dist:mac:arm64         # Build + package for macOS arm64
+bun run dist:mac:arm64         # Build + package for macOS arm64
-bun dist:mac:x64           # Build + package for macOS x64
+bun run dist:mac:x64           # Build + package for macOS x64
-bun dist:win               # Build + package for Windows x64
+bun run dist:win               # Build + package for Windows x64
-bun fix                    # Biome auto-fix
+bun run fix                    # Biome auto-fix
-bun typecheck              # TypeScript check
+bun run typecheck              # TypeScript check
 ```
 
 ## Directory Structure
@@ -56,13 +56,13 @@ bun typecheck              # TypeScript check
 
 ## Development Workflow
 
-1. **Start server**: `bun dev` in `apps/server` (or use root `bun dev` via Turbo).
+1. **Start server**: `bun run dev` in `apps/server` (or use root `bun run dev` via Turbo).
-2. **Start desktop**: `bun dev` in `apps/desktop`.
+2. **Start desktop**: `bun run dev` in `apps/desktop`.
 3. **Connection**: Main process polls `localhost:3000` until responsive, then opens BrowserWindow.
 
 ## Production Build Workflow
 
-From monorepo root, run `bun dist` to execute the full pipeline automatically (via Turbo task dependencies):
+From monorepo root, run `bun run dist` to execute the full pipeline automatically (via Turbo task dependencies):
 
 1. **Build server**: `apps/server` → `vite build` → `.output/`
 2. **Compile server**: `apps/server` → `bun compile.ts --target ...` → `out/server-{os}-{arch}`
@@ -70,8 +70,8 @@ From monorepo root, run `bun dist` to execute the full pipeline automatically (v
 
 The `electron-builder.yml` `extraResources` config reads binaries directly from `../server/out/`, no manual copy needed.
 
-To build for a specific platform explicitly, use `bun dist:linux` / `bun dist:mac` / `bun dist:win` in `apps/desktop`.
+To build for a specific platform explicitly, use `bun run dist:linux` / `bun run dist:mac` / `bun run dist:win` in `apps/desktop`.
-For single-arch output, use `bun dist:linux:x64`, `bun dist:linux:arm64`, `bun dist:mac:x64`, or `bun dist:mac:arm64`.
+For single-arch output, use `bun run dist:linux:x64`, `bun run dist:linux:arm64`, `bun run dist:mac:x64`, or `bun run dist:mac:arm64`.
 
 ## Development Principles
 

apps/desktop/src/main/index.ts

@@ -1,5 +1,5 @@
 import { join } from 'node:path'
-import { app, BrowserWindow, dialog, shell } from 'electron'
+import { app, BrowserWindow, dialog, session, shell } from 'electron'
 import { createSidecarRuntime } from './sidecar'
 
 const DEV_SERVER_URL = 'http://localhost:3000'
@@ -28,8 +28,7 @@ const sidecar = createSidecarRuntime({
   },
 })
 
-const toErrorMessage = (error: unknown): string =>
+const toErrorMessage = (error: unknown): string => (error instanceof Error ? error.message : String(error))
-  error instanceof Error ? error.message : String(error)
 
 const canOpenExternally = (url: string): boolean => {
   try {
@@ -62,6 +61,8 @@ const createWindow = async () => {
     webPreferences: {
       preload: join(__dirname, '../preload/index.js'),
       sandbox: true,
+      contextIsolation: true,
+      nodeIntegration: false,
     },
   })
   mainWindow = windowRef
@@ -79,6 +80,21 @@ const createWindow = async () => {
     return { action: 'deny' }
   })
 
+  windowRef.webContents.on('will-navigate', (event, url) => {
+    const allowed = [DEV_SERVER_URL, sidecar.lastResolvedUrl].filter((v): v is string => v != null)
+    const isAllowed = allowed.some((origin) => url.startsWith(origin))
+
+    if (!isAllowed) {
+      event.preventDefault()
+
+      if (canOpenExternally(url)) {
+        void shell.openExternal(url)
+      } else if (!app.isPackaged) {
+        console.warn(`Blocked navigation to: ${url}`)
+      }
+    }
+  })
+
   windowRef.on('closed', () => {
     if (mainWindow === windowRef) {
       mainWindow = null
@@ -152,7 +168,13 @@ const handleWindowCreationError = (error: unknown, context: string) => {
 
 app
   .whenReady()
-  .then(() => ensureWindow())
+  .then(() => {
+    session.defaultSession.setPermissionRequestHandler((_webContents, _permission, callback) => {
+      callback(false)
+    })
+
+    return ensureWindow()
+  })
   .catch((error) => {
     handleWindowCreationError(error, 'Failed to create window')
   })

apps/desktop/src/main/sidecar.ts

@@ -27,14 +27,12 @@ type SidecarRuntimeOptions = {
 type SidecarRuntime = {
   resolveUrl: () => Promise<string>
   stop: () => void
+  lastResolvedUrl: string | null
 }
 
-const sleep = (ms: number): Promise<void> =>
+const sleep = (ms: number): Promise<void> => new Promise((resolve) => setTimeout(resolve, ms))
-  new Promise((resolve) => setTimeout(resolve, ms))
 
-const isProcessAlive = (
+const isProcessAlive = (processToCheck: ChildProcess | null): processToCheck is ChildProcess => {
-  processToCheck: ChildProcess | null,
-): processToCheck is ChildProcess => {
   if (!processToCheck || !processToCheck.pid) {
     return false
   }
@@ -75,17 +73,15 @@ const isServerReady = async (url: string): Promise<boolean> => {
 
         return true
       }
-    } catch {}
+    } catch {
+      // Expected: probe request fails while server is still starting up
+    }
   }
 
   return false
 }
 
-const waitForServer = async (
+const waitForServer = async (url: string, isQuitting: () => boolean, processRef?: ChildProcess): Promise<boolean> => {
-  url: string,
-  isQuitting: () => boolean,
-  processRef?: ChildProcess,
-): Promise<boolean> => {
   const start = Date.now()
   while (Date.now() - start < SERVER_READY_TIMEOUT_MS && !isQuitting()) {
     if (processRef && processRef.exitCode !== null) {
@@ -119,9 +115,7 @@ const formatUnexpectedStopMessage = (
   return `Server process exited unexpectedly (code ${code ?? 'unknown'}, signal ${signal ?? 'none'}).`
 }
 
-export const createSidecarRuntime = (
+export const createSidecarRuntime = (options: SidecarRuntimeOptions): SidecarRuntime => {
-  options: SidecarRuntimeOptions,
-): SidecarRuntime => {
   const state: SidecarState = {
     process: null,
     startup: null,
@@ -162,9 +156,7 @@ export const createSidecarRuntime = (
       resetState(processRef)
 
       if (!options.isQuitting() && hadReadyServer) {
-        options.onUnexpectedStop(
+        options.onUnexpectedStop('The background service crashed unexpectedly. Please restart the app.')
-          'The background service crashed unexpectedly. Please restart the app.',
-        )
         return
       }
 
@@ -180,9 +172,7 @@ export const createSidecarRuntime = (
       resetState(processRef)
 
       if (!options.isQuitting() && hadReadyServer) {
-        options.onUnexpectedStop(
+        options.onUnexpectedStop(formatUnexpectedStopMessage(options.isPackaged, code, signal))
-          formatUnexpectedStopMessage(options.isPackaged, code, signal),
-        )
       }
     })
   }
@@ -222,11 +212,7 @@ export const createSidecarRuntime = (
       state.process = processRef
       attachLifecycleHandlers(processRef)
 
-      const ready = await waitForServer(
+      const ready = await waitForServer(nextServerUrl, options.isQuitting, processRef)
-        nextServerUrl,
-        options.isQuitting,
-        processRef,
-      )
       if (ready && isProcessAlive(processRef)) {
         state.url = nextServerUrl
         return nextServerUrl
@@ -253,16 +239,18 @@ export const createSidecarRuntime = (
 
     const ready = await waitForServer(options.devServerUrl, options.isQuitting)
     if (!ready) {
-      throw new Error(
+      throw new Error('Dev server not responding. Run `bun dev` in apps/server first.')
-        'Dev server not responding. Run `bun dev` in apps/server first.',
-      )
     }
 
+    state.url = options.devServerUrl
     return options.devServerUrl
   }
 
   return {
     resolveUrl,
     stop,
+    get lastResolvedUrl() {
+      return state.url
+    },
   }
 }

apps/desktop/src/renderer/components/SplashApp.tsx

@@ -13,12 +13,7 @@ export const SplashApp = () => {
           ease: [0.16, 1, 0.3, 1],
         }}
       >
-        <img
+        <img alt="Logo" className="h-20 w-auto object-contain" draggable={false} src={logoImage} />
-          alt="Logo"
-          className="h-20 w-auto object-contain"
-          draggable={false}
-          src={logoImage}
-        />
 
         <div className="relative h-[4px] w-36 overflow-hidden rounded-full bg-zinc-100">
           <motion.div

apps/desktop/turbo.json

@@ -10,11 +10,7 @@
       "outputs": ["dist/**"]
     },
     "dist:linux": {
-      "dependsOn": [
+      "dependsOn": ["build", "@furtherverse/server#compile:linux:arm64", "@furtherverse/server#compile:linux:x64"],
-        "build",
-        "@furtherverse/server#compile:linux:arm64",
-        "@furtherverse/server#compile:linux:x64"
-      ],
       "outputs": ["dist/**"]
     },
     "dist:linux:arm64": {
@@ -26,11 +22,7 @@
       "outputs": ["dist/**"]
     },
     "dist:mac": {
-      "dependsOn": [
+      "dependsOn": ["build", "@furtherverse/server#compile:darwin:arm64", "@furtherverse/server#compile:darwin:x64"],
-        "build",
-        "@furtherverse/server#compile:darwin:arm64",
-        "@furtherverse/server#compile:darwin:x64"
-      ],
       "outputs": ["dist/**"]
     },
     "dist:mac:arm64": {

apps/server/AGENTS.md

@@ -4,7 +4,7 @@ TanStack Start fullstack web app with ORPC (contract-first RPC).
 
 ## Tech Stack
 
-> **⚠️ This project uses Bun — NOT Node.js / npm. All commands use `bun`. Never use `npm`, `npx`, or `node`.**
+> **⚠️ This project uses Bun — NOT Node.js / npm. All commands use `bun`. Always use `bun run <script>` (not `bun <script>`) to avoid conflicts with Bun built-in subcommands. Never use `npm`, `npx`, or `node`.**
 
 - **Framework**: TanStack Start (React 19 SSR, file-based routing)
 - **Runtime**: Bun — **NOT Node.js**
@@ -20,29 +20,29 @@ TanStack Start fullstack web app with ORPC (contract-first RPC).
 
 ```bash
 # Development
-bun dev                    # Vite dev server (localhost:3000)
+bun run dev                    # Vite dev server (localhost:3000)
-bun db:studio              # Drizzle Studio GUI
+bun run db:studio              # Drizzle Studio GUI
 
 # Build
-bun build                  # Production build → .output/
+bun run build                  # Production build → .output/
-bun compile                # Compile to standalone binary (current platform, depends on build)
+bun run compile                # Compile to standalone binary (current platform, depends on build)
-bun compile:darwin         # Compile for macOS (arm64 + x64)
+bun run compile:darwin         # Compile for macOS (arm64 + x64)
-bun compile:darwin:arm64   # Compile for macOS arm64
+bun run compile:darwin:arm64   # Compile for macOS arm64
-bun compile:darwin:x64     # Compile for macOS x64
+bun run compile:darwin:x64     # Compile for macOS x64
-bun compile:linux          # Compile for Linux (x64 + arm64)
+bun run compile:linux          # Compile for Linux (x64 + arm64)
-bun compile:linux:arm64    # Compile for Linux arm64
+bun run compile:linux:arm64    # Compile for Linux arm64
-bun compile:linux:x64      # Compile for Linux x64
+bun run compile:linux:x64      # Compile for Linux x64
-bun compile:windows        # Compile for Windows (default: x64)
+bun run compile:windows        # Compile for Windows (default: x64)
-bun compile:windows:x64    # Compile for Windows x64
+bun run compile:windows:x64    # Compile for Windows x64
 
 # Code Quality
-bun fix                    # Biome auto-fix
+bun run fix                    # Biome auto-fix
-bun typecheck              # TypeScript check
+bun run typecheck              # TypeScript check
 
 # Database
-bun db:generate            # Generate migrations from schema
+bun run db:generate            # Generate migrations from schema
-bun db:migrate             # Run migrations
+bun run db:migrate             # Run migrations
-bun db:push                # Push schema directly (dev only)
+bun run db:push                # Push schema directly (dev only)
 
 # Testing (not yet configured)
 bun test path/to/test.ts       # Run single test
@@ -226,7 +226,6 @@ import type { ReactNode } from 'react'
 ### React
 - Use arrow functions for components (Biome enforced)
 - Use `useSuspenseQuery` for guaranteed data
-- Let React Compiler handle memoization (no manual `useMemo`/`useCallback`)
 
 ## Environment Variables
 
@@ -257,7 +256,7 @@ export const env = createEnv({
 ## Critical Rules
 
 **DO:**
-- Run `bun fix` before committing
+- Run `bun run fix` before committing
 - Use `@/*` path aliases
 - Include `createdAt`/`updatedAt` on all tables
 - Use `ORPCError` with proper codes

apps/server/compile.ts

@@ -24,9 +24,7 @@ const { values } = parseArgs({
 const resolveTarget = (): Bun.Build.CompileTarget => {
   if (values.target !== undefined) {
     if (!isSupportedTarget(values.target)) {
-      throw new Error(
+      throw new Error(`Invalid target: ${values.target}\nAllowed: ${SUPPORTED_TARGETS.join(', ')}`)
-        `Invalid target: ${values.target}\nAllowed: ${SUPPORTED_TARGETS.join(', ')}`,
-      )
     }
     return values.target
   }
@@ -45,10 +43,7 @@ const main = async () => {
   const outfile = `server-${suffix}`
 
   await mkdir(OUTDIR, { recursive: true })
-  await Promise.all([
+  await Promise.all([rm(`${OUTDIR}/${outfile}`, { force: true }), rm(`${OUTDIR}/${outfile}.exe`, { force: true })])
-    rm(`${OUTDIR}/${outfile}`, { force: true }),
-    rm(`${OUTDIR}/${outfile}.exe`, { force: true }),
-  ])
 
   const result = await Bun.build({
     entrypoints: [ENTRYPOINT],

apps/server/package.json

@@ -50,11 +50,9 @@
     "@tanstack/react-router-devtools": "catalog:",
     "@types/bun": "catalog:",
     "@vitejs/plugin-react": "catalog:",
-    "babel-plugin-react-compiler": "catalog:",
     "drizzle-kit": "catalog:",
     "nitro": "catalog:",
     "tailwindcss": "catalog:",
-    "vite": "catalog:",
+    "vite": "catalog:"
-    "vite-tsconfig-paths": "catalog:"
   }
 }

apps/server/src/router.tsx

@@ -5,7 +5,14 @@ import type { RouterContext } from './routes/__root'
 import { routeTree } from './routeTree.gen'
 
 export const getRouter = () => {
-  const queryClient = new QueryClient()
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: {
+        staleTime: 30 * 1000,
+        retry: 1,
+      },
+    },
+  })
 
   const router = createRouter({
     routeTree,

apps/server/src/routes/__root.tsx

@@ -1,11 +1,7 @@
 import { TanStackDevtools } from '@tanstack/react-devtools'
 import type { QueryClient } from '@tanstack/react-query'
 import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools'
-import {
+import { createRootRouteWithContext, HeadContent, Scripts } from '@tanstack/react-router'
-  createRootRouteWithContext,
-  HeadContent,
-  Scripts,
-} from '@tanstack/react-router'
 import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
 import type { ReactNode } from 'react'
 import { ErrorComponent } from '@/components/Error'
@@ -50,6 +46,7 @@ function RootDocument({ children }: Readonly<{ children: ReactNode }>) {
       </head>
       <body>
         {children}
+        {import.meta.env.DEV && (
           <TanStackDevtools
             config={{
               position: 'bottom-right',
@@ -65,6 +62,7 @@ function RootDocument({ children }: Readonly<{ children: ReactNode }>) {
               },
             ]}
           />
+        )}
         <Scripts />
       </body>
     </html>

apps/server/src/routes/index.tsx

@@ -53,9 +53,7 @@ function Todos() {
         {/* Header */}
         <div className="flex items-end justify-between">
           <div>
-            <h1 className="text-3xl font-bold text-slate-900 tracking-tight">
+            <h1 className="text-3xl font-bold text-slate-900 tracking-tight">我的待办</h1>
-              我的待办
-            </h1>
             <p className="text-slate-500 mt-1">保持专注，逐个击破</p>
           </div>
           <div className="text-right">
@@ -63,9 +61,7 @@ function Todos() {
               {completedCount}
               <span className="text-slate-400 text-lg">/{totalCount}</span>
             </div>
-            <div className="text-xs font-medium text-slate-400 uppercase tracking-wider">
+            <div className="text-xs font-medium text-slate-400 uppercase tracking-wider">已完成</div>
-              已完成
-            </div>
           </div>
         </div>
 
@@ -112,18 +108,11 @@ function Todos() {
                   stroke="currentColor"
                   aria-hidden="true"
                 >
-                  <path
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={1.5}
-                    d="M12 6v6m0 0v6m0-6h6m-6 0H6"
-                  />
                 </svg>
               </div>
               <p className="text-slate-500 text-lg font-medium">没有待办事项</p>
-              <p className="text-slate-400 text-sm mt-1">
+              <p className="text-slate-400 text-sm mt-1">输入上方内容添加您的第一个任务</p>
-                输入上方内容添加您的第一个任务
-              </p>
             </div>
           ) : (
             todos.map((todo) => (
@@ -151,11 +140,7 @@ function Todos() {
                       strokeWidth={3}
                       aria-hidden="true"
                     >
-                      <path
+                      <path strokeLinecap="round" strokeLinejoin="round" d="M5 13l4 4L19 7" />
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        d="M5 13l4 4L19 7"
-                      />
                     </svg>
                   )}
                 </button>

apps/server/src/server/api/contracts/todo.contract.ts

@@ -1,25 +1,14 @@
 import { oc } from '@orpc/contract'
-import {
+import { createInsertSchema, createSelectSchema, createUpdateSchema } from 'drizzle-orm/zod'
-  createInsertSchema,
-  createSelectSchema,
-  createUpdateSchema,
-} from 'drizzle-orm/zod'
 import { z } from 'zod'
+import { generatedFieldKeys } from '@/server/db/fields'
 import { todoTable } from '@/server/db/schema'
 
 const selectSchema = createSelectSchema(todoTable)
 
-const insertSchema = createInsertSchema(todoTable).omit({
+const insertSchema = createInsertSchema(todoTable).omit(generatedFieldKeys)
-  id: true,
-  createdAt: true,
-  updatedAt: true,
-})
 
-const updateSchema = createUpdateSchema(todoTable).omit({
+const updateSchema = createUpdateSchema(todoTable).omit(generatedFieldKeys)
-  id: true,
-  createdAt: true,
-  updatedAt: true,
-})
 
 export const list = oc.input(z.void()).output(z.array(selectSchema))
 

apps/server/src/server/api/interceptors.ts

@@ -6,11 +6,7 @@ export const logError = (error: unknown) => {
 }
 
 export const handleValidationError = (error: unknown) => {
-  if (
+  if (error instanceof ORPCError && error.code === 'BAD_REQUEST' && error.cause instanceof ValidationError) {
-    error instanceof ORPCError &&
-    error.code === 'BAD_REQUEST' &&
-    error.cause instanceof ValidationError
-  ) {
     // If you only use Zod you can safely cast to ZodIssue[] (per ORPC official docs)
     const zodError = new z.ZodError(error.cause.issues as z.core.$ZodIssue[])
 
@@ -22,11 +18,7 @@ export const handleValidationError = (error: unknown) => {
     })
   }
 
-  if (
+  if (error instanceof ORPCError && error.code === 'INTERNAL_SERVER_ERROR' && error.cause instanceof ValidationError) {
-    error instanceof ORPCError &&
-    error.code === 'INTERNAL_SERVER_ERROR' &&
-    error.cause instanceof ValidationError
-  ) {
     throw new ORPCError('OUTPUT_VALIDATION_FAILED', {
       cause: error.cause,
     })

apps/server/src/server/api/routers/todo.router.ts

@@ -11,29 +11,18 @@ export const list = os.todo.list.use(db).handler(async ({ context }) => {
   return todos
 })
 
-export const create = os.todo.create
+export const create = os.todo.create.use(db).handler(async ({ context, input }) => {
-  .use(db)
+  const [newTodo] = await context.db.insert(todoTable).values(input).returning()
-  .handler(async ({ context, input }) => {
-    const [newTodo] = await context.db
-      .insert(todoTable)
-      .values(input)
-      .returning()
 
   if (!newTodo) {
-      throw new ORPCError('NOT_FOUND')
+    throw new ORPCError('INTERNAL_SERVER_ERROR', { message: 'Failed to create todo' })
   }
 
   return newTodo
 })
 
-export const update = os.todo.update
+export const update = os.todo.update.use(db).handler(async ({ context, input }) => {
-  .use(db)
+  const [updatedTodo] = await context.db.update(todoTable).set(input.data).where(eq(todoTable.id, input.id)).returning()
-  .handler(async ({ context, input }) => {
-    const [updatedTodo] = await context.db
-      .update(todoTable)
-      .set(input.data)
-      .where(eq(todoTable.id, input.id))
-      .returning()
 
   if (!updatedTodo) {
     throw new ORPCError('NOT_FOUND')
@@ -42,8 +31,10 @@ export const update = os.todo.update
   return updatedTodo
 })
 
-export const remove = os.todo.remove
+export const remove = os.todo.remove.use(db).handler(async ({ context, input }) => {
-  .use(db)
+  const [deleted] = await context.db.delete(todoTable).where(eq(todoTable.id, input.id)).returning({ id: todoTable.id })
-  .handler(async ({ context, input }) => {
+
-    await context.db.delete(todoTable).where(eq(todoTable.id, input.id))
+  if (!deleted) {
+    throw new ORPCError('NOT_FOUND')
+  }
 })

apps/server/src/server/api/types.ts

@@ -1,8 +1,4 @@
-import type {
+import type { ContractRouterClient, InferContractRouterInputs, InferContractRouterOutputs } from '@orpc/contract'
-  ContractRouterClient,
-  InferContractRouterInputs,
-  InferContractRouterOutputs,
-} from '@orpc/contract'
 import type { Contract } from './contracts'
 
 export type RouterClient = ContractRouterClient<Contract>

apps/server/src/server/db/fields.ts

@@ -4,7 +4,7 @@ import { v7 as uuidv7 } from 'uuid'
 
 // id
 
-export const id = (name: string) => uuid(name)
+const id = (name: string) => uuid(name)
 export const pk = (name: string, strategy?: 'native' | 'extension') => {
   switch (strategy) {
     // PG 18+
@@ -25,8 +25,7 @@ export const pk = (name: string, strategy?: 'native' | 'extension') => {
 
 // timestamp
 
-export const createdAt = (name = 'created_at') =>
+export const createdAt = (name = 'created_at') => timestamp(name, { withTimezone: true }).notNull().defaultNow()
-  timestamp(name, { withTimezone: true }).notNull().defaultNow()
 
 export const updatedAt = (name = 'updated_at') =>
   timestamp(name, { withTimezone: true })
@@ -43,9 +42,7 @@ export const generatedFields = {
 }
 
 // Helper to create omit keys from generatedFields
-const createGeneratedFieldKeys = <T extends Record<string, unknown>>(
+const createGeneratedFieldKeys = <T extends Record<string, unknown>>(fields: T): Record<keyof T, true> => {
-  fields: T,
-): Record<keyof T, true> => {
   return Object.keys(fields).reduce(
     (acc, key) => {
       acc[key as keyof T] = true

apps/server/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "extends": "@furtherverse/tsconfig/react.json",
   "compilerOptions": {
-    "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     }

apps/server/turbo.json

@@ -4,6 +4,7 @@
   "tasks": {
     "build": {
       "env": ["NODE_ENV", "VITE_*"],
+      "inputs": ["src/**", "public/**", "package.json", "tsconfig.json", "vite.config.ts"],
       "outputs": [".output/**"]
     },
     "compile": {

apps/server/vite.config.ts

@@ -4,25 +4,22 @@ import { tanstackStart } from '@tanstack/react-start/plugin/vite'
 import react from '@vitejs/plugin-react'
 import { nitro } from 'nitro/vite'
 import { defineConfig } from 'vite'
-import tsconfigPaths from 'vite-tsconfig-paths'
 
 export default defineConfig({
   clearScreen: false,
   plugins: [
     tanstackDevtools(),
     tailwindcss(),
-    tsconfigPaths(),
     tanstackStart(),
-    react({
+    react(),
-      babel: {
-        plugins: ['babel-plugin-react-compiler'],
-      },
-    }),
     nitro({
       preset: 'bun',
       serveStatic: 'inline',
     }),
   ],
+  resolve: {
+    tsconfigPaths: true,
+  },
   server: {
     port: 3000,
     strictPort: true,

biome.json

@@ -11,7 +11,8 @@
   "formatter": {
     "enabled": true,
     "indentStyle": "space",
-    "lineEnding": "lf"
+    "lineEnding": "lf",
+    "lineWidth": 120
   },
   "linter": {
     "enabled": true,

package.json

@@ -22,46 +22,44 @@
     "typecheck": "turbo run typecheck"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.5",
+    "@biomejs/biome": "^2.4.9",
-    "turbo": "^2.8.13",
+    "turbo": "^2.8.20",
-    "typescript": "^5.9.3"
+    "typescript": "^6.0.2"
   },
   "catalog": {
-    "@orpc/client": "^1.13.6",
+    "@orpc/client": "^1.13.11",
-    "@orpc/contract": "^1.13.6",
+    "@orpc/contract": "^1.13.11",
-    "@orpc/openapi": "^1.13.6",
+    "@orpc/openapi": "^1.13.11",
-    "@orpc/server": "^1.13.6",
+    "@orpc/server": "^1.13.11",
-    "@orpc/tanstack-query": "^1.13.6",
+    "@orpc/tanstack-query": "^1.13.11",
-    "@orpc/zod": "^1.13.6",
+    "@orpc/zod": "^1.13.11",
-    "@t3-oss/env-core": "^0.13.10",
+    "@t3-oss/env-core": "^0.13.11",
-    "@tailwindcss/vite": "^4.2.1",
+    "@tailwindcss/vite": "^4.2.2",
-    "@tanstack/devtools-vite": "^0.5.3",
+    "@tanstack/devtools-vite": "^0.6.0",
-    "@tanstack/react-devtools": "^0.9.9",
+    "@tanstack/react-devtools": "^0.10.0",
-    "@tanstack/react-query": "^5.90.21",
+    "@tanstack/react-query": "^5.95.2",
-    "@tanstack/react-query-devtools": "^5.91.3",
+    "@tanstack/react-query-devtools": "^5.95.2",
-    "@tanstack/react-router": "^1.166.2",
+    "@tanstack/react-router": "^1.168.3",
-    "@tanstack/react-router-devtools": "^1.166.2",
+    "@tanstack/react-router-devtools": "^1.166.11",
-    "@tanstack/react-router-ssr-query": "^1.166.2",
+    "@tanstack/react-router-ssr-query": "^1.166.10",
-    "@tanstack/react-start": "^1.166.2",
+    "@tanstack/react-start": "^1.167.6",
-    "@types/bun": "^1.3.10",
+    "@types/bun": "^1.3.11",
-    "@types/node": "^24.11.0",
+    "@types/node": "^24.12.0",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^6.0.1",
-    "babel-plugin-react-compiler": "^1.0.0",
     "drizzle-kit": "1.0.0-beta.15-859cf75",
     "drizzle-orm": "1.0.0-beta.15-859cf75",
     "electron": "^34.0.0",
     "electron-builder": "^26.8.1",
     "electron-vite": "^5.0.0",
-    "motion": "^12.35.0",
+    "motion": "^12.38.0",
-    "nitro": "npm:nitro-nightly@3.0.1-20260227-181935-bfbb207c",
+    "nitro": "npm:nitro-nightly@3.0.1-20260324-103046-9ce219ca",
     "postgres": "^3.4.8",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "tailwindcss": "^4.2.1",
+    "tailwindcss": "^4.2.2",
     "tree-kill": "^1.2.2",
     "uuid": "^13.0.0",
-    "vite": "^8.0.0-beta.16",
+    "vite": "^8.0.2",
-    "vite-tsconfig-paths": "^6.1.1",
     "zod": "^4.3.6"
   },
   "overrides": {

packages/tsconfig/base.json

@@ -20,7 +20,9 @@
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
     "noUncheckedIndexedAccess": true,
-    "noImplicitOverride": true
+    "noImplicitOverride": true,
+
+    "types": ["bun"]
   },
   "exclude": ["node_modules"]
 }

turbo.json

@@ -14,12 +14,7 @@
       "cache": false
     },
     "typecheck": {
-      "inputs": [
+      "inputs": ["package.json", "tsconfig.json", "tsconfig.*.json", "**/*.{ts,tsx,d.ts}"],
-        "package.json",
-        "tsconfig.json",
-        "tsconfig.*.json",
-        "**/*.{ts,tsx,d.ts}"
-      ],
       "outputs": []
     }
   },