use biome for linting and formatting

Author: BetrixDev

.prettierrc

@@ -1,7 +1,3 @@
 {
-  "eslint.workingDirectories": [
-    {
-      "mode": "auto"
-    }
-  ]
+  "editor.defaultFormatter": "biomejs.biome"
 }

.vscode/settings.json

@@ -0,0 +1,46 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": {
+    "enabled": false,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "ignore": ["node_modules", "dist", "migrations", ".next"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2
+  },
+  "organizeImports": {
+    "enabled": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "suspicious": {
+        "noExplicitAny": "warn"
+      },
+      "style": {
+        "noNonNullAssertion": "warn"
+      },
+      "correctness": {
+        "noChildrenProp": "off"
+      },
+      "a11y": {
+        "useKeyWithClickEvents": "off"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double",
+      "trailingCommas": "all",
+      "semicolons": "always",
+      "lineWidth": 100
+    }
+  }
+}

biome.json

@@ -18,4 +18,4 @@
     "hooks": "@/hooks"
   },
   "iconLibrary": "lucide"
-}
+}

components.json

@@ -2,6 +2,7 @@ import { defineConfig } from "drizzle-kit";
 
 export default defineConfig({
   dbCredentials: {
+    // biome-ignore lint/style/noNonNullAssertion: in config file so can't use env from lib
     url: process.env.DATABASE_URL!,
   },
   dialect: "postgresql",

drizzle.config.ts

@@ -1,7 +1,7 @@
-import { migrate } from "drizzle-orm/neon-http/migrator";
-import { drizzle } from "drizzle-orm/neon-http";
+import path from "node:path";
 import { neon } from "@neondatabase/serverless";
-import path from "path";
+import { drizzle } from "drizzle-orm/neon-http";
+import { migrate } from "drizzle-orm/neon-http/migrator";
 
 const neonClient = neon(process.env.DATABASE_URL);
 export const db = drizzle(neonClient);

migrate.js

@@ -8,7 +8,7 @@
     "dev:trigger": "pnpm dlx trigger.dev@3.3.6 dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "check": "biome check --write",
     "generate": "drizzle-kit generate",
     "migrate": "drizzle-kit migrate",
     "migrate:dev": "node --env-file=.env migrate.js",
@@ -75,6 +75,7 @@
     "zustand": "5.0.1"
   },
   "devDependencies": {
+    "@biomejs/biome": "1.9.4",
     "@trigger.dev/build": "3.3.6",
     "@types/node": "^20",
     "@types/react": "^18",

package.json

@@ -1,13 +1,13 @@
-import { Webhook } from "svix";
-import { headers } from "next/headers";
-import { type WebhookEvent, clerkClient } from "@clerk/nextjs/server";
-import Stripe from "stripe";
-import { env } from "@/lib/env";
 import { db } from "@/lib/db";
+import { env } from "@/lib/env";
 import { users, videos } from "@/lib/schema";
-import { tasks } from "@trigger.dev/sdk/v3";
 import type { videoDeletionTask } from "@/trigger/video-deletion";
+import { type WebhookEvent, clerkClient } from "@clerk/nextjs/server";
+import { tasks } from "@trigger.dev/sdk/v3";
 import { eq, sql } from "drizzle-orm";
+import { headers } from "next/headers";
+import Stripe from "stripe";
+import { Webhook } from "svix";
 
 export async function POST(request: Request) {
   const stripe = new Stripe(env.STRIPE_SECRET_KEY);
@@ -58,7 +58,13 @@ export async function POST(request: Request) {
   if (event.type === "user.created") {
     const userPrimaryEmail = event.data.email_addresses.find(
       (e) => e.id === event.data.primary_email_address_id,
-    )!;
+    );
+
+    if (!userPrimaryEmail) {
+      return new Response("Error occured - no user primary email", {
+        status: 400,
+      });
+    }
 
     const stripeCustomer = await stripe.customers.create({
       email: userPrimaryEmail.email_address,
@@ -89,7 +95,9 @@ export async function POST(request: Request) {
         db.delete(users).where(eq(users.id, event.data.id)).returning(),
       ]);
 
-      const videoDeletionTasks = deletedVideos.map((video) => ({ payload: { videoId: video.id } }));
+      const videoDeletionTasks = deletedVideos.map((video) => ({
+        payload: { videoId: video.id },
+      }));
 
       await Promise.all([
         stripe.customers.del(deletedUser.stripeCustomerId),
@@ -99,7 +107,13 @@ export async function POST(request: Request) {
   } else if (event.type === "user.updated") {
     const userPrimaryEmail = event.data.email_addresses.find(
       (e) => e.id === event.data.primary_email_address_id,
-    )!;
+    );
+
+    if (!userPrimaryEmail) {
+      return new Response("Error occured - no user primary email", {
+        status: 400,
+      });
+    }
 
     const [updatedUser] = await db
       .update(users)

pnpm-lock.yaml

@@ -1,14 +1,15 @@
+import { FREE_PLAN_VIDEO_RETENION_DAYS, PLAN_STORAGE_SIZES } from "@/lib/constants";
+import { db } from "@/lib/db";
 import { env } from "@/lib/env";
+import { users, videos } from "@/lib/schema";
+import { safeParseAccountTier } from "@/lib/utils";
+import type { videoDeletionTask } from "@/trigger/video-deletion";
 import { clerkClient } from "@clerk/nextjs/server";
 import { tasks } from "@trigger.dev/sdk/v3";
 import { Redis } from "@upstash/redis";
-import { FREE_PLAN_VIDEO_RETENION_DAYS, PLAN_STORAGE_SIZES } from "@/lib/constants";
-import { db } from "@/lib/db";
-import { users, videos } from "@/lib/schema";
+import { eq, sql } from "drizzle-orm";
 import { headers } from "next/headers";
 import Stripe from "stripe";
-import type { videoDeletionTask } from "@/trigger/video-deletion";
-import { eq, sql } from "drizzle-orm";
 
 const redis = new Redis({
   url: process.env.REDIS_REST_URL,
@@ -72,7 +73,7 @@ export async function POST(request: Request) {
     const [updatedUser] = await db
       .update(users)
       .set({
-        accountTier: productName as any,
+        accountTier: safeParseAccountTier(productName),
       })
       .where(eq(users.email, customerEmail))
       .returning();
@@ -90,7 +91,9 @@ export async function POST(request: Request) {
     ]);
 
     return new Response("", { status: 200 });
-  } else if (
+  }
+
+  if (
     event.type === "customer.subscription.deleted" ||
     event.type === "customer.subscription.paused"
   ) {
@@ -136,7 +139,7 @@ export async function POST(request: Request) {
     ]);
 
     const currentAmountOfStorage = PLAN_STORAGE_SIZES[userData.accountTier];
-    const futureAmountOfStorage = PLAN_STORAGE_SIZES["free"];
+    const futureAmountOfStorage = PLAN_STORAGE_SIZES.free;
 
     const difference = Math.abs(currentAmountOfStorage - futureAmountOfStorage);
     let videoSizeDeleted = 0;