refactor: replace lint/fmt with unified vp check (#135)

* refactor: replace lint/fmt with unified vp check

- Replace separate lint, fmt, fmt:check scripts with unified check/check:fix
- Update CI to use single 'vp run check' step instead of separate fmt:check + lint
- Update ready script to use check instead of fmt + lint
- Upgrade vite-plus to 0.0.0-g61d318d2.20260227-0939
- Fix lint errors caught by new rules:
  - Wrap SidebarContext value in useMemo to prevent unnecessary rerenders
  - Use entry.name instead of array index for Cell keys in BundleSizeChart

* feat: add husky + lint-staged for pre-commit hooks

- Add husky and lint-staged as devDependencies (catalog mode)
- Pre-commit hook runs 'vp check --fix' on staged files
- Covers all file types via wildcard glob

Author: fengmk2

.github/workflows/ci.yml

@@ -28,12 +28,14 @@ jobs:
 
       - run: npx playwright install chromium
 
-      - run: vp run fmt:check
+      - name: Check
+        run: vp run check
 
-      - run: vp run lint --format github
+      - name: Test
+        run: vp run test
 
-      - run: vp run test
+      - name: Build
+        run: vp run @vibe/dashboard#build
 
-      - run: vp run @vibe/dashboard#build
-
-      - run: vp run ready
+      - name: Ready
+        run: vp run ready

.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

apps/dashboard/src/components/rolldown/BundleSizeChart.tsx

@@ -88,9 +88,9 @@ export function BundleSizeChart() {
             }}
             style={{ fontSize: "11px", fill: "#94a3b8" }}
           />
-          {bundleSizeDiffData.map((entry: any, index: number) => (
+          {bundleSizeDiffData.map((entry: any) => (
             <Cell
-              key={`cell-${index}`}
+              key={`cell-${entry.name}`}
               fill={entry.isBaseline ? "#94a3b8" : entry.value >= 0 ? "#dc2626" : "#16a34a"}
             />
           ))}

apps/dashboard/src/context/SidebarContext.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext, useState } from "react";
+import { createContext, useContext, useMemo, useState } from "react";
 
 interface SidebarContextType {
   collapsed: boolean;
@@ -9,12 +9,9 @@ const SidebarContext = createContext<SidebarContextType | undefined>(undefined);
 
 export function SidebarProvider({ children }: { children: React.ReactNode }) {
   const [collapsed, setCollapsed] = useState(false);
+  const value = useMemo(() => ({ collapsed, setCollapsed }), [collapsed]);
 
-  return (
-    <SidebarContext.Provider value={{ collapsed, setCollapsed }}>
-      {children}
-    </SidebarContext.Provider>
-  );
+  return <SidebarContext.Provider value={value}>{children}</SidebarContext.Provider>;
 }
 
 export function useSidebar() {

data/rolldown-version-stats.json

@@ -889,4 +889,4 @@
     "totalSize": 720281,
     "buildTime": 917
   }
-]
+]

package.json

@@ -5,20 +5,25 @@
   "description": "A frontend dashboard for displaying different metrics",
   "type": "module",
   "scripts": {
-    "ready": "vite run fmt && vite run lint && vite run test && vite run build",
+    "ready": "vite run check && vite run test && vite run build",
     "dev": "vite run @vibe/dashboard#dev",
     "build": "vite run @vibe/dashboard#build",
-    "lint": "vite lint --deny-warnings --type-aware --type-check",
+    "check": "vp check",
+    "check:fix": "vp check --fix",
     "test": "vite test",
-    "fmt": "vite fmt",
-    "fmt:check": "vite fmt --check",
     "cache:clean": "vite cache clean",
-    "generate": "node tools/override-rolldown.mjs --stats"
+    "generate": "node tools/override-rolldown.mjs --stats",
+    "prepare": "husky"
   },
   "devDependencies": {
+    "husky": "catalog:",
+    "lint-staged": "catalog:",
     "playwright": "catalog:",
     "top-github-dependents-by-stars": "catalog:",
     "vite-plus": "catalog:"
   },
+  "lint-staged": {
+    "*": "vp check --fix"
+  },
   "packageManager": "pnpm@10.26.0"
 }

pnpm-lock.yaml

@@ -19,9 +19,11 @@ catalog:
   semver: ^7.7.2
   tailwindcss: ^4.1.13
   top-github-dependents-by-stars: ^1.0.4
+  husky: ^9.1.7
+  lint-staged: ^16.2.7
   typescript: ^5.9.2
   vite: npm:@voidzero-dev/vite-plus-core@latest
-  vite-plus: 0.0.0-ffb4d08a8edafe855c59736c0a38ee85a2373ebb
+  vite-plus: 0.0.0-g61d318d2.20260227-0939
   vitest: npm:@voidzero-dev/vite-plus-test@latest
 
 minimumReleaseAge: 1440