npm create svelte@latest my-sveltekit-auth
cd my-sveltekit-auth
npm install

npm install jsonwebtoken cookie-parser dotenv
npm install -D @types/cookie-parser # TypeScript 사용 시

# .env
ACCESS_TOKEN_SECRET="your_access_token_secret_key"
REFRESH_TOKEN_SECRET="your_refresh_token_secret_key"
ACCESS_TOKEN_EXPIRY="15m" # 예: 15분
REFRESH_TOKEN_EXPIRY="7d"  # 예: 7일

// src/lib/server/jwt.js
import jwt from jsonwebtoken;
import { env } from $env/dynamic/private; // SvelteKit에서 환경 변수 접근

const ACCESS_TOKEN_SECRET = env.ACCESS_TOKEN_SECRET;
const REFRESH_TOKEN_SECRET = env.REFRESH_TOKEN_SECRET;
const ACCESS_TOKEN_EXPIRY = env.ACCESS_TOKEN_EXPIRY || 15m;
const REFRESH_TOKEN_EXPIRY = env.REFRESH_TOKEN_EXPIRY || 7d;

/**
 * Access Token을 생성합니다.
 * @param {object} payload - 토큰에 포함될 페이로드 (예: userId)
 * @returns {string} 생성된 Access Token
 */
export function generateAccessToken(payload) {
    return jwt.sign(payload, ACCESS_TOKEN_SECRET, { expiresIn: ACCESS_TOKEN_EXPIRY });
}

/**
 * Refresh Token을 생성합니다.
 * @param {object} payload - 토큰에 포함될 페이로드 (예: userId)
 * @returns {string} 생성된 Refresh Token
 */
export function generateRefreshToken(payload) {
    return jwt.sign(payload, REFRESH_TOKEN_SECRET, { expiresIn: REFRESH_TOKEN_EXPIRY });
}

/**
 * 토큰의 유효성을 검증합니다.
 * @param {string} token - 검증할 토큰
 * @param {string} type - access 또는 refresh
 * @returns {object|null} 유효한 경우 페이로드, 유효하지 않은 경우 null
 */
export function verifyToken(token, type) {
    const secret = type === access ? ACCESS_TOKEN_SECRET : REFRESH_TOKEN_SECRET;
    try {
        return jwt.verify(token, secret);
    } catch (error) {
        return null;
    }
}

// src/routes/api/auth/+server.js
import { json } from @sveltejs/kit;
import { generateAccessToken, generateRefreshToken } from $lib/server/jwt;

// 실제 앱에서는 데이터베이스를 사용해야 합니다.
const users = [
    { id: user123, username: testuser, password: password123 }
];

/**
 * 사용자 로그인 및 회원가입 처리
 * @param {Request} request
 * @returns {Response}
 */
export async function POST({ request }) {
    const { username, password, type } = await request.json();

    if (type === register) {
        // 간단한 회원가입 로직 (실제 앱에서는 비밀번호 해싱 필수)
        const existingUser = users.find(u => u.username === username);
        if (existingUser) {
            return json({ message: Username already exists }, { status: 409 });
        }
        const newUser = { id: `user${users.length + 1}`, username, password };
        users.push(newUser);
        return json({ message: User registered successfully }, { status: 201 });
    }

    if (type === login) {
        const user = users.find(u => u.username === username && u.password === password);

        if (!user) {
            return json({ message: Invalid credentials }, { status: 401 });
        }

        const accessToken = generateAccessToken({ userId: user.id });
        const refreshToken = generateRefreshToken({ userId: user.id });

        // HttpOnly 쿠키에 Refresh Token 설정
        // Secure: HTTPS에서만 전송 (배포 시 필수)
        // SameSite: CSRF 보호 (Lax는 대부분의 경우 충분)
        const headers = {
            Set-Cookie: [
                `accessToken=${accessToken}; Path=/; HttpOnly; Max-Age=${60 * 15}; SameSite=Lax${process.env.NODE_ENV === production ? ; Secure : }`, // 15분
                `refreshToken=${refreshToken}; Path=/; HttpOnly; Max-Age=${60 * 60 * 24 * 7}; SameSite=Lax${process.env.NODE_ENV === production ? ; Secure : }` // 7일
            ]
        };

        return json({ message: Login successful, accessToken }, { headers, status: 200 });
    }

    return json({ message: Invalid request type }, { status: 400 });
}

// src/routes/api/auth/refresh/+server.js
import { json } from @sveltejs/kit;
import { generateAccessToken, verifyToken } from $lib/server/jwt;
import cookieParser from cookie-parser; // 쿠키 파싱을 위해 임포트

export async function POST({ request }) {
    // SvelteKit request 객체에서 쿠키 헤더를 가져옵니다.
    const cookieHeader = request.headers.get(cookie);
    const cookies = cookieParser.parse(cookieHeader || ); // cookie-parser로 쿠키 파싱

    const refreshToken = cookies.refreshToken;

    if (!refreshToken) {
        return json({ message: Refresh token not found }, { status: 401 });
    }

    const decoded = verifyToken(refreshToken, refresh);

    if (!decoded) {
        // 유효하지 않거나 만료된 Refresh Token인 경우
        // 기존 쿠키를 삭제하고 재로그인을 유도합니다.
        const headers = {
            Set-Cookie: [
                `accessToken=; Path=/; HttpOnly; Max-Age=0; SameSite=Lax${process.env.NODE_ENV === production ? ; Secure : }`,
                `refreshToken=; Path=/; HttpOnly; Max-Age=0; SameSite=Lax${process.env.NODE_ENV === production ? ; Secure : }`
            ]
        };
        return json({ message: Invalid or expired refresh token. Please log in again. }, { headers, status: 403 });
    }

    // 새로운 Access Token 발급
    const newAccessToken = generateAccessToken({ userId: decoded.userId });

    const headers = {
        Set-Cookie: `accessToken=${newAccessToken}; Path=/; HttpOnly; Max-Age=${60 * 15}; SameSite=Lax${process.env.NODE_ENV === production ? ; Secure : }`
    };

    return json({ message: Access token refreshed successfully, accessToken: newAccessToken }, { headers, status: 200 });
}

// src/hooks.server.js
import { verifyToken } from $lib/server/jwt;
import { redirect } from @sveltejs/kit;
import cookieParser from cookie-parser;

/** @type {import(@sveltejs/kit).Handle} */
export async function handle({ event, resolve }) {
    // 1. 쿠키 파싱
    const cookieHeader = event.request.headers.get(cookie);
    const cookies = cookieParser.parse(cookieHeader || );
    event.locals.cookies = cookies; // event.locals에 파싱된 쿠키 저장 (선택 사항)

    const accessToken = cookies.accessToken;

    if (accessToken) {
        // 2. Access Token 검증
        const decoded = verifyToken(accessToken, access);
        if (decoded) {
            // 3. 유효한 경우 사용자 정보 저장
            event.locals.user = decoded;
        } else {
            // 4. Access Token이 유효하지 않은 경우 (만료 등)
            // Refresh Token을 사용하여 재발급 시도 (클라이언트 측에서 처리)
            // 여기서는 단순히 user 정보를 null로 설정
            event.locals.user = null;
        }
    } else {
        event.locals.user = null;
    }

    // 5. 보호된 라우트 처리 (예: /protected 라우트)
    const protectedRoutes = [/protected, /profile]; // 보호할 라우트 목록
    const currentRoute = event.url.pathname;

    if (protectedRoutes.some(route => currentRoute.startsWith(route)) && !event.locals.user) {
        // 인증되지 않은 사용자가 보호된 라우트에 접근 시 로그인 페이지로 리다이렉트
        throw redirect(302, /login);
    }

    // 요청 처리 계속
    const response = await resolve(event);
    return response;
}

// src/app.d.ts
import cookie-parser; // cookie-parser의 타입 정의를 가져옵니다.

declare global {
	namespace App {
		// interface Error {}
		interface Locals {
			user: { userId: string } | null;
            cookies: Record<string, string>; // cookie-parser가 반환하는 타입
		}
		// interface PageData {}
		// interface Platform {}
	}
}

export {};

// src/routes/api/protected/+server.js
import { json } from @sveltejs/kit;

/**
 * 인증된 사용자만 접근 가능한 API
 * @param {import(@sveltejs/kit).RequestEvent} event
 * @