biome is better i have just decided

Author: hanaeatsplanes

.github/workflows/tsc.yml .github/workflows/biome.yml.github/workflows/tsc.yml renamed to .github/workflows/biome.yml

@@ -1,16 +1,15 @@
-name: tsc
+name: biome
 on:
   - push
   - pull_request
 
 jobs:
   lint:
-    name: Lint
+    name: Lint & Format
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
-      - run: npm install -g yarn # this is necessary for act, also just a good failsafe
+      - run: npm install -g yarn
       - run: yarn install
-      - run: yarn lint
-      - run: yarn tsc --noEmit
+      - run: yarn biome:check

biome.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "organizeImports": {
+    "enabled": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2
+  },
+  "files": {
+    "ignore": [".next", "node_modules", "backend"]
+  }
+}

bun.lock

@@ -3,13 +3,13 @@ import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
   reactStrictMode: true,
   images: {
-    domains: ['hc-cdn.hel1.your-objectstorage.com', 'ui-avatars.com'],
+    domains: ["hc-cdn.hel1.your-objectstorage.com", "ui-avatars.com"],
   },
   async redirects() {
     return [
       {
-        source: '/404',
-        destination: '/?404',
+        source: "/404",
+        destination: "/?404",
         permanent: false,
       },
     ];

eslint.config.mjs

@@ -6,8 +6,10 @@
     "dev": "next dev --turbopack",
     "build": "next build --turbopack",
     "start": "next start",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix"
+    "biome:check": "biome check .",
+    "biome:fix": "biome check --write .",
+    "lint": "biome lint .",
+    "format": "biome format --write ."
   },
   "dependencies": {
     "clsx": "^2.1.1",
@@ -19,15 +21,14 @@
     "swr": "^2.3.8"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3.3.3",
+    "@biomejs/biome": "^1.9.4",
     "@tailwindcss/postcss": "^4.1.18",
     "@types/bun": "^1.3.6",
     "@types/node": "^20.19.29",
     "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",
-    "eslint": "^9.39.2",
-    "eslint-config-next": "15.5.6",
     "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3"
-  }
+  },
+  "trustedDependencies": ["@biomejs/biome"]
 }

next.config.ts

@@ -1,4 +1,4 @@
-import { NextRequest, NextResponse } from "next/server";
+import { type NextRequest, NextResponse } from "next/server";
 
 export async function POST(req: NextRequest) {
   const sessionId = req.cookies.get("sessionId")?.value;
@@ -7,7 +7,12 @@ export async function POST(req: NextRequest) {
     return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
   }
 
-  let data: { project_id: string; content: string; media_url?: string; description?: string | null };
+  let data: {
+    project_id: string;
+    content: string;
+    media_url?: string;
+    description?: string | null;
+  };
   try {
     data = await req.json();
   } catch {
@@ -17,14 +22,17 @@ export async function POST(req: NextRequest) {
     data.description = null;
   }
   try {
-    const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/v1/devlogs/`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Cookie: `sessionId=${sessionId}`,
+    const res = await fetch(
+      `${process.env.NEXT_PUBLIC_API_URL}/api/v1/devlogs/`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Cookie: `sessionId=${sessionId}`,
+        },
+        body: JSON.stringify(data),
       },
-      body: JSON.stringify(data),
-    });
+    );
 
     const text = await res.text();
     let json: unknown = null;

package.json

@@ -1,4 +1,4 @@
-import { NextRequest, NextResponse } from "next/server";
+import { type NextRequest, NextResponse } from "next/server";
 
 export async function POST(req: NextRequest) {
   const sessionId = req.cookies.get("sessionId")?.value;
@@ -15,14 +15,17 @@ export async function POST(req: NextRequest) {
   }
 
   try {
-    const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/v1/projects/`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Cookie: `sessionId=${sessionId}`,
+    const res = await fetch(
+      `${process.env.NEXT_PUBLIC_API_URL}/api/v1/projects/`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Cookie: `sessionId=${sessionId}`,
+        },
+        body: JSON.stringify(data),
       },
-      body: JSON.stringify(data),
-    });
+    );
 
     const text = await res.text();
     let json: unknown = null;

src/app/api/dashboard/devlogs/route.ts

@@ -1,27 +1,29 @@
 import { NextResponse } from "next/server";
 
-let cache: {
-  hash: string
-  message: string
-} | undefined
+let cache:
+  | {
+      hash: string;
+      message: string;
+    }
+  | undefined;
 
 export async function GET() {
   if (!cache) {
     const githubRes = await fetch(
-      "https://api.github.com/repos/hackclub/aces/commits/main"
-    )
+      "https://api.github.com/repos/hackclub/aces/commits/main",
+    );
 
     if (!githubRes.ok) {
-      throw new Error(`GitHub API error: ${githubRes.status}`)
+      throw new Error(`GitHub API error: ${githubRes.status}`);
     }
 
-    const json = await githubRes.json()
+    const json = await githubRes.json();
 
     cache = {
       hash: json.sha.substring(0, 7),
       message: json.commit.message,
-    }
+    };
   }
 
-  return NextResponse.json(cache)
+  return NextResponse.json(cache);
 }

src/app/api/dashboard/projects/route.ts

@@ -10,12 +10,18 @@ export async function GET() {
   }
 
   // First, get user info to retrieve hackatime_id
-  const userRes = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/v1/users/me`, {
-    headers: { Cookie: `sessionId=${sessionId}` },
-  });
+  const userRes = await fetch(
+    `${process.env.NEXT_PUBLIC_API_URL}/api/v1/users/me`,
+    {
+      headers: { Cookie: `sessionId=${sessionId}` },
+    },
+  );
 
   if (!userRes.ok) {
-    return NextResponse.json({ detail: "Failed to fetch user" }, { status: userRes.status });
+    return NextResponse.json(
+      { detail: "Failed to fetch user" },
+      { status: userRes.status },
+    );
   }
 
   const user = await userRes.json();
@@ -28,20 +34,23 @@ export async function GET() {
   // Fetch all Hackatime projects for this user
   const hackatimeRes = await fetch(
     `https://hackatime.hackclub.com/api/v1/users/${hackatimeId}/stats?features=projects&start_date=2025-12-21T00:00:00Z`,
-    { cache: "no-store" }
+    { cache: "no-store" },
   );
 
   if (!hackatimeRes.ok) {
-    return NextResponse.json({ detail: "Failed to fetch Hackatime data" }, { status: 500 });
+    return NextResponse.json(
+      { detail: "Failed to fetch Hackatime data" },
+      { status: 500 },
+    );
   }
 
   const hackatimeData = await hackatimeRes.json();
   const projects = hackatimeData?.data?.projects || [];
 
   const projectMap: Record<string, number> = {};
-  projects.forEach((p: { name: string; total_seconds: number }) => {
+  for (const p of projects as { name: string; total_seconds: number }[]) {
     projectMap[p.name] = p.total_seconds;
-  });
+  }
 
   return NextResponse.json(projectMap);
 }