chore: Migrate project tooling and CI to Vite+

- Replace ESLint and Prettier with Oxlint and Oxfmt
- Update local commands and GitHub Actions to use vp
- Pin Node.js 24 and refresh dependencies

Author: hapwi

.github/workflows/deploy.yml

@@ -28,29 +28,29 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v5
 
-      - name: Set up Node
-        uses: actions/setup-node@v5
+      - name: Set up Vite+
+        uses: voidzero-dev/setup-vp@v1.17.0
         with:
-          node-version: '22'
-          check-latest: true
-
-      - name: Install Bun
-        uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: latest
-
-      - name: Install dependencies
-        run: bun install --frozen-lockfile
+          node-version-file: '.node-version'
+          cache: true
+          run-install: |
+            args: ['--frozen-lockfile']
 
       - name: Sync catalog
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: bun run sync
+        run: vp run sync
+
+      - name: Check
+        run: vp check
+
+      - name: Test
+        run: vp test
 
       - name: Build
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: bun run build
+        run: vp run build
 
       - name: Setup Pages
         uses: actions/configure-pages@v5

.gitignore

@@ -2,6 +2,7 @@ node_modules
 .DS_Store
 dist
 dist-ssr
+.vite
 *.local
 count.txt
 .env

.node-version

@@ -0,0 +1 @@
+24

.prettierignore

@@ -0,0 +1 @@
+vp staged

.vite-hooks/pre-commit

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["VoidZero.vite-plus-extension-pack"]
+}

.vscode/extensions.json

@@ -7,5 +7,26 @@
   },
   "files.readonlyInclude": {
     "**/routeTree.gen.ts": true
-  }
+  },
+  "editor.defaultFormatter": "oxc.oxc-vscode",
+  "[javascript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "oxc.disableNestedConfig": true,
+  "oxc.fmt.disableNestedConfig": true,
+  "editor.formatOnSave": true,
+  "editor.formatOnSaveMode": "file",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.oxc": "explicit"
+  },
+  "npm.scriptRunner": "vp"
 }

.vscode/settings.json

@@ -0,0 +1,16 @@
+# Agent instructions
+
+This project uses [Vite+](https://viteplus.dev) (`vp`) with Bun as the package manager.
+
+- Install: `vp install` (delegates to Bun)
+- Dev server: `vp dev` (port 3000)
+- Check: `vp check` / `vp check --fix` (Oxfmt + Oxlint + type-check)
+- Test: `vp test`
+- Production build: `vp run build` (includes GitHub Pages `404.html`)
+- Preview: `vp preview`
+
+`vp dev`, `vp test`, `vp check`, `vp lint`, `vp fmt`, `vp build`, and `vp preview` are builtins. Use `vp run <script>` for `package.json` scripts such as `sync`.
+
+Do not add ESLint or Prettier. Formatting and linting live in the `fmt` and `lint` blocks in `vite.config.ts`. Import Vite config helpers from `vite-plus` and test APIs from `vite-plus/test`.
+
+See `CLAUDE.md` for project architecture.

AGENTS.md

@@ -4,36 +4,35 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 ## Overview
 
-This is a TanStack Router-based React application built with Vite, TypeScript, and Tailwind CSS. The project serves as a code library viewer with Discord theme hosting capabilities, deployed to GitHub Pages.
+This is a TanStack Router-based React application built with Vite+, TypeScript, and Tailwind CSS. The project serves as a code library viewer with Discord theme hosting capabilities, deployed to GitHub Pages.
+
+The package manager is Bun. Use the `vp` CLI for day-to-day commands; `vp install` / `vp add` / `vp remove` delegate to Bun via `packageManager`.
 
 ## Development Commands
 
 ```bash
-# Install dependencies
-bun install
+# Install dependencies (Bun, through Vite+)
+vp install
 
 # Start development server (runs on port 3000)
-bun --bun run dev
-
-# Build for production (includes TypeScript compilation and 404.html generation)
-bun run build
+vp dev
 
-# Preview production build
-bun run serve
+# Format, lint, and type-check
+vp check
+vp check --fix
 
 # Run tests
-bun --bun run test
-
-# Lint code
-bun run lint
+vp test
 
-# Format code with Prettier
-bun run format
+# Build for production (Vite+ bundle + 404.html for GitHub Pages)
+vp run build
 
-# Format and lint with auto-fix
-bun run check
+# Preview production build
+vp preview
 ```
 
+`vp dev`, `vp test`, `vp check`, `vp lint`, `vp fmt`, `vp build`, and `vp preview` are Vite+ builtins. `vp run <script>` runs `package.json` scripts (`sync`, `build`, and so on).
+
 ## Project Architecture
 
 ### Routing System
@@ -46,6 +45,7 @@ bun run check
 ### Virtual Module System
 
 The project uses a custom Vite plugin (`codeLibraryManifestPlugin`) that:
+
 - Scans the `public/` directory at build time
 - Generates a virtual module `virtual:code-library` containing file metadata
 - Provides manifest data including file paths, sizes, and modification times
@@ -62,6 +62,7 @@ This powers the code library viewer functionality by exposing `public/` director
 ### Code Viewer Component
 
 `src/components/code-file-viewer.tsx`:
+
 - Uses Shiki for syntax highlighting with theme support
 - Dynamically imports Shiki to avoid bundle bloat
 - Adapts to light/dark mode from the theme provider
@@ -84,27 +85,31 @@ This powers the code library viewer functionality by exposing `public/` director
 
 ### Build Process
 
-The build script runs three steps sequentially:
-1. `vite build` - Bundles the application
-2. `tsc` - Type checks the codebase
-3. `node scripts/copy-404.mjs` - Copies `dist/index.html` to `dist/404.html` for GitHub Pages client-side routing support
+`vp run build` runs two steps:
+
+1. `vp build` - Bundles the application with Vite+
+2. `node scripts/copy-404.mjs` - Copies `dist/index.html` to `dist/404.html` for GitHub Pages client-side routing support
+
+Type-checking lives in `vp check` (Oxlint + tsgo), not in the production build.
 
 ### Deployment
 
 - Deploys to GitHub Pages via `.github/workflows/deploy.yml`
 - Triggered on pushes to `master` branch
-- Uses Bun for dependency installation and building
+- Uses `voidzero-dev/setup-vp` and Bun (`packageManager`: `bun@1.4.0`)
 - Artifacts uploaded from `./dist` directory
 
 ## Working with Routes
 
 When adding new routes:
+
 1. Create a new `.tsx` file in `src/routes/`
 2. Use `createFileRoute()` to define the route
 3. TanStack Router will auto-generate the route configuration
 4. Add navigation links using `<Link to="/route-path">` from `@tanstack/react-router`
 
 Example route structure:
+
 ```tsx
 import { createFileRoute } from '@tanstack/react-router'
 
@@ -120,6 +125,7 @@ function YourComponent() {
 ## Discord Themes
 
 The `/discord-themes` route demonstrates the code library viewer:
+
 - Fetches files from `public/discord/themes/`
 - Uses the library system to organize and display theme files
 - Renders CSS files with syntax highlighting
@@ -128,13 +134,15 @@ The `/discord-themes` route demonstrates the code library viewer:
 ## Path Aliases
 
 The `@/` alias resolves to `./src/` for cleaner imports:
+
 ```tsx
 import { cn } from '@/lib/utils'
 import { Button } from '@/components/ui/button'
 ```
 
 ## Testing
 
-- Vitest configured with jsdom environment
+- Vitest is bundled with Vite+ (`vp test`) and configured with jsdom
 - React Testing Library available for component tests
 - Tests run in globals mode (no need to import `describe`, `it`, `expect`)
+- Import test APIs from `vite-plus/test` when you need explicit imports

CLAUDE.md

@@ -30,16 +30,16 @@ That file is copied from the source repo on each deploy, so it stays in sync wit
 `install` is optional. When it is set, deploy copies that script to `/install/<name>.sh`.
 
 3. If it should also appear in a homepage group with extra routing, add it to `src/data/projects.ts`.
-4. Push this repo (or run `bun run sync` locally). GitHub Pages rebuilds on push, on a daily schedule, and when another repo dispatches `hub-sync`.
+4. Push this repo (or run `vp run sync` locally). GitHub Pages rebuilds on push, on a daily schedule, and when another repo dispatches `hub-sync`.
 
 See [catalog.md](catalog.md) for the full notes.
 
 ## Local
 
 ```bash
-bun install
-bun run sync
-bun run dev
+vp install
+vp run sync
+vp dev
 ```
 
 `sync` needs network access to GitHub. Deploy runs it automatically.