Merge pull request #12 from junctor/chore/vite-plus-migration

chore: migrate to Vite+

Author: cak

.github/workflows/pages.yml

@@ -30,15 +30,16 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v4
-      - name: Set up Node
-        uses: actions/setup-node@v4
+      - name: Set up Vite+
+        uses: voidzero-dev/setup-vp@v1
         with:
-          node-version: lts/*
-          cache: "npm"
+          cache: true
       - name: Install dependencies
-        run: npm ci
+        run: vp install
+      - name: Check
+        run: vp check --no-fmt
       - name: Build
-        run: npm run build
+        run: vp run build
       - name: Setup Pages
         uses: actions/configure-pages@v5
       - name: Upload artifact

.vite-hooks/pre-commit

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

.vscode/extensions.json

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

AGENTS.md

@@ -0,0 +1,33 @@
+<!--VITE PLUS START-->
+
+# Vite+ Agent Notes
+
+This project uses Vite+ through the `vp` CLI. Use `vp` for package management and project tooling; do not run `npm`, `pnpm`, or Yarn directly unless the user explicitly asks.
+
+## Commands
+
+- `vp install` - install dependencies and configure Vite+ hooks.
+- `vp dev` - start the Vite development server.
+- `vp check` - run Oxfmt formatting checks, Oxlint, and TypeScript checks.
+- `vp lint` / `vp fmt` - run focused lint or format commands when a full check is not needed.
+- `vp test` - run Vitest through Vite+ when tests are present.
+- `vp build` - build the app with Vite+.
+- `vp preview` - preview a production build locally.
+- `vp run <script>` - run a `package.json` script when its name collides with a Vite+ built-in command. For example, use `vp run build` if you need the full `build` script plus `postbuild`.
+
+## Tooling Rules
+
+- Import Vite/Vitest utilities from `vite-plus` where applicable, for example `import { defineConfig } from "vite-plus";` and test utilities from `vite-plus/test`.
+- Do not install ESLint, Prettier, Vitest, Oxlint, Oxfmt, or tsdown directly; Vite+ provides the active lint, format, test, and build tooling.
+- Use Vite+ dependency commands such as `vp add`, `vp remove`, `vp update`, and `vp why` instead of package-manager equivalents.
+- Use `vp dlx` for one-off package binaries instead of `npx`, `pnpm dlx`, or `yarn dlx`.
+- Do not call wrapped tools as fake subcommands such as `vp vitest` or `vp oxlint`; use `vp test`, `vp lint`, and `vp fmt`.
+- Use `vp help`, `vp <command> --help`, or `vp --version` to confirm command options and bundled tool versions.
+
+## Review Checklist
+
+- [ ] Run `vp install` after pulling remote changes and before getting started.
+- [ ] Run `vp check` to validate formatting, linting, and types.
+- [ ] Run `vp test` only when test files exist or the change adds tests.
+- [ ] Run `vp build` for production-build validation.
+<!--VITE PLUS END-->

README.md

@@ -1,9 +1,9 @@
 # Hacker Tracker Web
 
-[![Vite](https://img.shields.io/badge/Bundler-Vite_7-646CFF?logo=vite&logoColor=white)](https://vitejs.dev)
+[![Vite](https://img.shields.io/badge/Bundler-Vite_8-646CFF?logo=vite&logoColor=white)](https://vitejs.dev)
 [![React](https://img.shields.io/badge/Framework-React_19-61DAFB?logo=react&logoColor=white)](https://react.dev)
 [![TailwindCSS](https://img.shields.io/badge/Styling-Tailwind_4-38B2AC?logo=tailwind-css&logoColor=white)](https://tailwindcss.com)
-[![TypeScript](https://img.shields.io/badge/Language-TypeScript_5-3178C6?logo=typescript&logoColor=white)](https://www.typescriptlang.org)
+[![TypeScript](https://img.shields.io/badge/Language-TypeScript_6-3178C6?logo=typescript&logoColor=white)](https://www.typescriptlang.org)
 [![Firebase](https://img.shields.io/badge/Data-Firebase_12-FFCA28?logo=firebase&logoColor=white)](https://firebase.google.com)
 [![License](https://img.shields.io/badge/License-MIT-lightgrey)](../../LICENSE)
 
@@ -38,16 +38,16 @@ Trusted by legendary hacker and security conferences worldwide:
 
 ---
 
-## 🛠️ Built With
+## Built With
 
 Hacker Tracker Web runs on a **modern, fast, type-safe stack**:
 
-- **Vite 7** – blazing-fast dev server & bundler
+- **Vite+ with Vite 8** – development server, production build, and project checks
 - **React 19 + React Router 7** – powerful, component-driven UI & routing
 - **Tailwind CSS 4 + Headless UI + Heroicons** – accessible, utility-first design
 - **Firebase 12** – real-time data and hosting infrastructure
-- **TypeScript 5** – strict typing for reliability and maintainability
-- **ESLint + Prettier** – consistent code quality and formatting
+- **TypeScript 6** – strict typing for reliability and maintainability
+- **Oxlint + Oxfmt through Vite+** – linting and formatting via `vp check`
 
 ---