Merge pull request #1 from navapbc/hotfix/linting-type-errors

fix: fix type errors + run biome

Author: KayTV

app/(auth)/auth.ts

@@ -47,8 +47,8 @@ export const {
   trustHost: true,
   providers: [
     Google({
-      clientId: process.env.GOOGLE_CLIENT_ID!,
-      clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
+      clientId: process.env.GOOGLE_CLIENT_ID ?? "",
+      clientSecret: process.env.GOOGLE_CLIENT_SECRET ?? "",
     }),
     MicrosoftEntraID({
       clientId: process.env.AUTH_MICROSOFT_ENTRA_ID_ID,
@@ -137,7 +137,7 @@ export const {
         }
 
         const dbUser = await upsertOAuthUser({
-          email: user.email!,
+          email: user.email ?? "",
           name: user.name,
           image: user.image,
         });

app/(chat)/home/page.tsx

@@ -44,6 +44,7 @@ export default function LandingPage() {
               {/* Start Application Button */}
               <div className="mt-4 md:mt-6">
                 <button
+                  type="button"
                   onClick={() => router.push('/')}
                   className="bg-primary text-primary-foreground font-inter font-medium text-sm leading-6 px-6 sm:px-7 py-2 sm:py-2.5 rounded-lg hover:bg-primary/90 transition-colors cursor-pointer"
                 >

app/api/link/route.ts

@@ -1,15 +1,15 @@
 import { Redis } from '@upstash/redis';
-import { createCipheriv, createDecipheriv, randomBytes } from 'crypto';
-import { createLinkRequestSchema, type CreateLinkResponse } from './schema';
+import { createCipheriv, randomBytes } from 'node:crypto';
+import { createLinkRequestSchema, type CreateLinkRequest, type CreateLinkResponse } from './schema';
 
 const redis = new Redis({
-  url: process.env.UPSTASH_REDIS_REST_URL!,
-  token: process.env.UPSTASH_REDIS_REST_TOKEN!,
+  url: process.env.UPSTASH_REDIS_REST_URL ?? "",
+  token: process.env.UPSTASH_REDIS_REST_TOKEN ?? "",
 });
 
 // AES-256-GCM encryption using AUTH_SECRET
 function encrypt(text: string): string {
-  const key = Buffer.from(process.env.AUTH_SECRET!).subarray(0, 32);
+  const key = Buffer.from(process.env.AUTH_SECRET ?? "").subarray(0, 32);
   const iv = randomBytes(12);
   const cipher = createCipheriv('aes-256-gcm', key, iv);
   const encrypted = Buffer.concat([cipher.update(text, 'utf8'), cipher.final()]);
@@ -29,7 +29,7 @@ function generateId(length = 8): string {
 export async function POST(request: Request) {
   try {
     // Parse and validate request body
-    let requestBody;
+    let requestBody: CreateLinkRequest | undefined;
     try {
       const json = await request.json();
       requestBody = createLinkRequestSchema.parse(json);

app/link/[token]/route.ts

@@ -1,16 +1,16 @@
 import { NextResponse } from 'next/server';
 import { Redis } from '@upstash/redis';
-import { createDecipheriv } from 'crypto';
+import { createDecipheriv } from 'node:crypto';
 import { auth } from '@/app/(auth)/auth';
 
 const redis = new Redis({
-  url: process.env.UPSTASH_REDIS_REST_URL!,
-  token: process.env.UPSTASH_REDIS_REST_TOKEN!,
+  url: process.env.UPSTASH_REDIS_REST_URL ?? "",
+  token: process.env.UPSTASH_REDIS_REST_TOKEN ?? "",
 });
 
 // AES-256-GCM decryption using AUTH_SECRET
 function decrypt(encryptedData: string): string {
-  const key = Buffer.from(process.env.AUTH_SECRET!).subarray(0, 32);
+  const key = Buffer.from(process.env.AUTH_SECRET ?? "").subarray(0, 32);
   const data = Buffer.from(encryptedData, 'base64url');
   const iv = data.subarray(0, 12);
   const tag = data.subarray(12, 28);

components/ai-elements/context.tsx

@@ -30,7 +30,7 @@ function getUsage({ modelId, usage }: {
   usage: { input?: number; output?: number; cacheReads?: number; reasoningTokens?: number };
 }): { costUSD?: { totalUSD: number } } {
   // Strip provider prefix (e.g. "anthropic:claude-sonnet-4-6" → "claude-sonnet-4-6")
-  const model = modelId.includes(':') ? modelId.split(':').pop()! : modelId;
+  const model = modelId.includes(':') ? modelId.split(':').pop() ?? modelId : modelId;
   const pricing = MODEL_PRICING[model];
   if (!pricing) return {};
 

components/ai-elements/form-summary-card.tsx

@@ -288,8 +288,8 @@ export function FormSummaryCard({
 
       <div>
         <div className="px-6">
-          {allFields.map((item, i) => (
-            <div key={i} className="py-4 border-b border-border last:border-b-0">
+          {allFields.map((item) => (
+            <div key={item.field} className="py-4 border-b border-border last:border-b-0">
               <div className="flex items-center justify-between gap-4 mb-1">
                 <span className="text-sm font-bold text-card-foreground leading-snug font-source-serif">
                   {item.field}

components/ai-elements/user-action-confirmation.tsx

@@ -8,8 +8,8 @@ import {
   ConfirmationRejected,
   ConfirmationActions,
   ConfirmationAction,
-  ConfirmationState,
-  ApprovalState,
+  type ConfirmationState,
+  type ApprovalState,
 } from './confirmation';
 
 interface UserActionConfirmationProps {

components/app-sidebar.tsx

@@ -19,7 +19,6 @@ import {
   useSidebar,
 } from '@/components/ui/sidebar';
 import Link from 'next/link';
-import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip';
 import { useBrowserSessionExit } from '@/hooks/use-browser-session-exit';
 import { ExitWarningModal } from '@/components/exit-warning-modal';
 

components/artifact-actions.tsx

@@ -1,8 +1,8 @@
 import { Button } from './ui/button';
 import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip';
-import { artifactDefinitions, UIArtifact } from './artifact';
-import { Dispatch, memo, SetStateAction, useState } from 'react';
-import { ArtifactActionContext } from './create-artifact';
+import { artifactDefinitions, type UIArtifact } from './artifact';
+import { type Dispatch, memo, type SetStateAction, useState } from 'react';
+import type { ArtifactActionContext } from './create-artifact';
 import { cn } from '@/lib/utils';
 import { toast } from 'sonner';
 

components/artifact.tsx

@@ -1,4 +1,4 @@
-import { formatDistance } from 'date-fns';
+
 import { AnimatePresence, motion } from 'framer-motion';
 import {
   type Dispatch,
@@ -8,15 +8,13 @@ import {
   useEffect,
   useState,
 } from 'react';
-import useSWR, { useSWRConfig } from 'swr';
+import { useSWRConfig } from 'swr';
 import { useDebounceCallback, useWindowSize } from 'usehooks-ts';
 import type { Document, Vote } from '@/lib/db/schema';
-import { fetcher } from '@/lib/utils';
 import { MultimodalInput } from './multimodal-input';
 import { Toolbar } from './toolbar';
 import { VersionFooter } from './version-footer';
 import { ArtifactActions } from './artifact-actions';
-import { ArtifactCloseButton } from './artifact-close-button';
 import { ArtifactMessages } from './artifact-messages';
 import type { CheckpointData } from './chat';
 import { useSidebar } from './ui/sidebar';