style: reformat codebase

Author: pan93412

app/(admin)/(user-management)/groups/[id]/_components/audit-info-card.tsx

@@ -26,13 +26,13 @@ function CardMain({ id }: { id: string }) {
         <li className="flex items-center gap-2">
           <Clock className="h-4 w-4 text-muted-foreground" />
           <span>
-            建立時間：{new Date(data.group.createdAt).toLocaleString('zh-TW', { timeZone: 'Asia/Taipei' })}
+            建立時間：{new Date(data.group.createdAt).toLocaleString("zh-TW", { timeZone: "Asia/Taipei" })}
           </span>
         </li>
         <li className="flex items-center gap-2">
           <Clock className="h-4 w-4 text-muted-foreground" />
           <span>
-            更新時間：{new Date(data.group.updatedAt).toLocaleString('zh-TW', { timeZone: 'Asia/Taipei' })}
+            更新時間：{new Date(data.group.updatedAt).toLocaleString("zh-TW", { timeZone: "Asia/Taipei" })}
           </span>
         </li>
       </ul>

app/(admin)/(user-management)/users/[id]/_components/audit-info.tsx

@@ -26,13 +26,13 @@ function CardMain({ id }: { id: string }) {
         <li className="flex items-center gap-2">
           <Clock className="h-4 w-4 text-muted-foreground" />
           <span>
-            建立時間：{new Date(data.user.createdAt).toLocaleString('zh-TW', { timeZone: 'Asia/Taipei' })}
+            建立時間：{new Date(data.user.createdAt).toLocaleString("zh-TW", { timeZone: "Asia/Taipei" })}
           </span>
         </li>
         <li className="flex items-center gap-2">
           <Clock className="h-4 w-4 text-muted-foreground" />
           <span>
-            更新時間：{new Date(data.user.updatedAt).toLocaleString('zh-TW', { timeZone: 'Asia/Taipei' })}
+            更新時間：{new Date(data.user.updatedAt).toLocaleString("zh-TW", { timeZone: "Asia/Taipei" })}
           </span>
         </li>
       </ul>

app/api/auth/callback/route.ts

@@ -1,18 +1,12 @@
+import { clearOAuthState, exchangeCodeForToken, getOAuthState, OAUTH_CONFIG, setAuthToken } from "@/lib/auth";
 import { NextRequest, NextResponse } from "next/server";
-import {
-  clearOAuthState,
-  exchangeCodeForToken,
-  getOAuthState,
-  OAUTH_CONFIG,
-  setAuthToken,
-} from "@/lib/auth";
 
 /**
  * OAuth 2.0 Authorization Code Flow Callback Handler
- * 
+ *
  * This endpoint handles the callback from the OAuth authorization server
  * according to RFC 6749 and RFC 7636 (PKCE).
- * 
+ *
  * Expected query parameters:
  * - code: Authorization code from the OAuth server
  * - state: State parameter for CSRF protection
@@ -29,49 +23,49 @@ export async function GET(request: NextRequest) {
   // Handle OAuth errors
   if (error) {
     console.error("OAuth authorization error:", error, errorDescription);
-    
+
     const errorUrl = new URL("/login", request.url);
     errorUrl.searchParams.set("error", error);
     if (errorDescription) {
       errorUrl.searchParams.set("error_description", errorDescription);
     }
-    
+
     return NextResponse.redirect(errorUrl);
   }
 
   // Validate required parameters
   if (!code || !state) {
     console.error("Missing required parameters in OAuth callback");
-    
+
     const errorUrl = new URL("/login", request.url);
     errorUrl.searchParams.set("error", "invalid_request");
     errorUrl.searchParams.set("error_description", "Missing required parameters");
-    
+
     return NextResponse.redirect(errorUrl);
   }
 
   try {
     // Retrieve and validate stored OAuth state
     const { state: storedState, codeVerifier } = await getOAuthState();
-    
+
     if (!storedState || !codeVerifier) {
       console.error("Missing OAuth state or code verifier");
-      
+
       const errorUrl = new URL("/login", request.url);
       errorUrl.searchParams.set("error", "invalid_request");
       errorUrl.searchParams.set("error_description", "OAuth state not found");
-      
+
       return NextResponse.redirect(errorUrl);
     }
 
     // Validate state parameter (CSRF protection)
     if (state !== storedState) {
       console.error("OAuth state mismatch", { state, storedState });
-      
+
       const errorUrl = new URL("/login", request.url);
       errorUrl.searchParams.set("error", "invalid_request");
       errorUrl.searchParams.set("error_description", "Invalid state parameter");
-      
+
       return NextResponse.redirect(errorUrl);
     }
 
@@ -81,9 +75,9 @@ export async function GET(request: NextRequest) {
 
     // Store the access token in encrypted session
     await setAuthToken(
-      tokenResponse.access_token, 
-      tokenResponse.token_type, 
-      tokenResponse.expires_in
+      tokenResponse.access_token,
+      tokenResponse.token_type,
+      tokenResponse.expires_in,
     );
 
     // Clear OAuth state cookies
@@ -92,14 +86,13 @@ export async function GET(request: NextRequest) {
     // Redirect to the main application
     const successUrl = new URL("/", request.url);
     return NextResponse.redirect(successUrl);
-
   } catch (error) {
     console.error("Token exchange failed:", error);
-    
+
     const errorUrl = new URL("/login", request.url);
     errorUrl.searchParams.set("error", "server_error");
     errorUrl.searchParams.set("error_description", "Failed to exchange authorization code");
-    
+
     return NextResponse.redirect(errorUrl);
   }
 }

app/api/auth/login/route.ts

@@ -1,19 +1,13 @@
-import { NextRequest, NextResponse } from "next/server";
-import {
-  buildAuthorizeUrl,
-  generateCodeVerifier,
-  generateState,
-  OAUTH_CONFIG,
-  setOAuthState,
-} from "@/lib/auth";
+import { buildAuthorizeUrl, generateCodeVerifier, generateState, OAUTH_CONFIG, setOAuthState } from "@/lib/auth";
 import { redirectIfAuthenticated } from "@/lib/auth.rsc";
+import { NextRequest, NextResponse } from "next/server";
 
 /**
  * OAuth 2.0 Authorization Code Flow with PKCE - Login Initiation
- * 
+ *
  * This endpoint initiates the OAuth 2.0 authorization flow according to
  * RFC 6749 and RFC 7636 (PKCE for OAuth Public Clients).
- * 
+ *
  * The flow follows these steps:
  * 1. Generate PKCE code verifier and challenge
  * 2. Generate state parameter for CSRF protection
@@ -40,14 +34,13 @@ export async function GET(request: NextRequest) {
 
     // Redirect to authorization server
     return NextResponse.redirect(authorizeUrl);
-
   } catch (error) {
     console.error("Login initiation failed:", error);
-    
+
     const errorUrl = new URL("/login", request.url);
     errorUrl.searchParams.set("error", "server_error");
     errorUrl.searchParams.set("error_description", "Failed to initiate login");
-    
+
     return NextResponse.redirect(errorUrl);
   }
 }

app/api/auth/logout/route.ts

@@ -1,22 +1,18 @@
+import { clearAuthToken, getAuthToken, revokeToken } from "@/lib/auth";
 import { NextRequest, NextResponse } from "next/server";
-import {
-  clearAuthToken,
-  getAuthToken,
-  revokeToken,
-} from "@/lib/auth";
 
 /**
  * OAuth 2.0 Token Revocation - Logout Handler
- * 
+ *
  * This endpoint handles user logout according to RFC 7009 (OAuth 2.0 Token Revocation).
- * 
+ *
  * The logout process:
  * 1. Retrieve the access token from HttpOnly cookie
  * 2. Revoke the token at the authorization server
  * 3. Clear the authentication cookie
  * 4. Redirect to login page
  */
-export async function POST(_request: NextRequest) {
+export async function POST() {
   try {
     // Get the current access token
     const token = await getAuthToken();
@@ -37,23 +33,22 @@ export async function POST(_request: NextRequest) {
 
     // Return success response
     return NextResponse.json({ success: true }, { status: 200 });
-
   } catch (error) {
     console.error("Logout failed:", error);
-    
+
     // Even if logout fails, clear the local cookie
     try {
       await clearAuthToken();
     } catch (clearError) {
       console.error("Failed to clear auth cookie:", clearError);
     }
-    
+
     return NextResponse.json(
-      { 
-        error: "server_error", 
-        error_description: "Logout failed, but local session cleared" 
+      {
+        error: "server_error",
+        error_description: "Logout failed, but local session cleared",
       },
-      { status: 500 }
+      { status: 500 },
     );
   }
 }
@@ -81,22 +76,21 @@ export async function GET(request: NextRequest) {
     // Redirect to login page
     const loginUrl = new URL("/login", request.url);
     loginUrl.searchParams.set("message", "logged_out");
-    
-    return NextResponse.redirect(loginUrl);
 
+    return NextResponse.redirect(loginUrl);
   } catch (error) {
     console.error("Logout failed:", error);
-    
+
     // Even if logout fails, clear the local cookie and redirect
     try {
       await clearAuthToken();
     } catch (clearError) {
       console.error("Failed to clear auth cookie:", clearError);
     }
-    
+
     const loginUrl = new URL("/login", request.url);
     loginUrl.searchParams.set("error", "logout_failed");
-    
+
     return NextResponse.redirect(loginUrl);
   }
 }

app/layout.tsx

@@ -2,9 +2,9 @@ import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { Toaster } from "@/components/ui/sonner";
+import { getAuthToken } from "@/lib/auth";
 import { ApolloWrapper } from "@/providers/use-apollo";
 import { PreloadResources } from "./preload-resources";
-import { getAuthToken } from "@/lib/auth";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",

app/login/page.tsx

@@ -41,7 +41,7 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
           </div>
           Database Playground
         </Link>
-        <LoginForm 
+        <LoginForm
           error={params.error}
           errorDescription={params.error_description}
           message={params.message}

components/login-form.tsx

@@ -1,6 +1,6 @@
+import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Alert, AlertDescription } from "@/components/ui/alert";
 import { cn } from "@/lib/utils";
 import { AlertCircle, CheckCircle } from "lucide-react";
 
@@ -51,7 +51,11 @@ export function LoginForm({
             <div className="flex flex-col gap-4">
               <a href="/api/auth/login">
                 <Button variant="outline" className="w-full">
-                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" className="mr-2 h-4 w-4">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 24 24"
+                    className={`mr-2 h-4 w-4`}
+                  >
                     <path
                       d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
                       fill="currentColor"
@@ -70,7 +74,7 @@ export function LoginForm({
 
 function getErrorMessage(error: string, description?: string): string {
   if (description) return description;
-  
+
   switch (error) {
     case "invalid_request":
       return "登入請求無效，請重試。";

components/nav-user.tsx

@@ -46,14 +46,14 @@ export function NavUser({
       toast.error("登出失敗", {
         description: errorData.error_description || res.statusText,
       });
-      
+
       // Even if server logout fails, redirect to clear client state
       window.location.href = "/login?error=logout_failed";
     } catch (error) {
       toast.error("登出失敗", {
         description: error instanceof Error ? error.message : "未知錯誤",
       });
-      
+
       // Redirect to clear client state
       window.location.href = "/login?error=logout_failed";
     } finally {

lib/auth.rsc.ts

@@ -2,8 +2,8 @@ import { redirect } from "next/navigation";
 import { getAuthStatus } from "./auth";
 
 export async function redirectIfAuthenticated(): Promise<void> {
-    const isAuthenticated = await getAuthStatus();
-    if (isAuthenticated.role === 'admin') {
-        redirect("/");
-    }
-}
+  const isAuthenticated = await getAuthStatus();
+  if (isAuthenticated.role === "admin") {
+    redirect("/");
+  }
+}