- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| src | -
-
- |
- 0% | -0/3 | -100% | -0/0 | -100% | -0/0 | -0% | -0/1 | -
| src/app | -
-
- |
- 0% | -0/18 | -0% | -0/6 | -0% | -0/3 | -0% | -0/17 | -
| src/app/(auth) | -
-
- |
- 0% | -0/1 | -100% | -0/0 | -0% | -0/1 | -0% | -0/1 | -
| src/app/(auth)/login | -
-
- |
- 97.56% | -40/41 | -100% | -30/30 | -100% | -5/5 | -97.56% | -40/41 | -
| src/app/(auth)/signup | -
-
- |
- 93.84% | -61/65 | -84.84% | -56/66 | -100% | -7/7 | -93.84% | -61/65 | -
| src/app/api/auth/[...nextauth] | -
-
- |
- 0% | -0/5 | -100% | -0/0 | -100% | -0/0 | -0% | -0/4 | -
| src/app/courses | -
-
- |
- 0% | -0/28 | -0% | -0/10 | -0% | -0/6 | -0% | -0/27 | -
| src/app/courses/[courseId] | -
-
- |
- 0% | -0/44 | -0% | -0/15 | -0% | -0/12 | -0% | -0/42 | -
| src/app/courses/[courseId]/documents/[documentId]/preview | -
-
- |
- 0% | -0/29 | -0% | -0/20 | -0% | -0/7 | -0% | -0/29 | -
| src/app/courses/[courseId]/study | -
-
- |
- 0% | -0/22 | -0% | -0/2 | -0% | -0/3 | -0% | -0/21 | -
| src/app/dashboard | -
-
- |
- 0% | -0/24 | -0% | -0/11 | -0% | -0/4 | -0% | -0/23 | -
| src/components/courses | -
-
- |
- 0% | -0/64 | -0% | -0/39 | -0% | -0/18 | -0% | -0/57 | -
| src/components/documents | -
-
- |
- 0% | -0/94 | -0% | -0/27 | -0% | -0/24 | -0% | -0/81 | -
| src/components/providers | -
-
- |
- 0% | -0/4 | -100% | -0/0 | -0% | -0/1 | -0% | -0/3 | -
| src/components/study | -
-
- |
- 0% | -0/26 | -0% | -0/7 | -0% | -0/6 | -0% | -0/25 | -
| src/lib | -
-
- |
- 0% | -0/20 | -0% | -0/17 | -0% | -0/4 | -0% | -0/19 | -
| src/lib/api | -
-
- |
- 0% | -0/76 | -0% | -0/20 | -0% | -0/19 | -0% | -0/69 | -
| src/lib/auth | -
-
- |
- 0% | -0/29 | -0% | -0/25 | -0% | -0/4 | -0% | -0/27 | -
| src/lib/middleware | -
-
- |
- 0% | -0/17 | -0% | -0/7 | -0% | -0/2 | -0% | -0/16 | -
| src/lib/services | -
-
- |
- 0% | -0/32 | -0% | -0/11 | -0% | -0/10 | -0% | -0/30 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| layout.tsx | -
-
- |
- 0% | -0/1 | -100% | -0/0 | -0% | -0/1 | -0% | -0/1 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 | - - - - - - - - - - - - - - - - - - - - - - - | /**
- * Authentication layout
- * Shared layout for login and signup pages
- */
-import { ReactNode } from 'react';
-
-interface AuthLayoutProps {
- children: ReactNode;
-}
-
-export default function AuthLayout({ children }: AuthLayoutProps) {
- return (
- <div className="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
- <div className="max-w-md w-full space-y-8">
- <div className="text-center">
- <h1 className="text-3xl font-bold text-gray-900">BitPolito Academy</h1>
- <p className="mt-2 text-sm text-gray-600">Learn Bitcoin with interactive courses</p>
- </div>
- {children}
- </div>
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| page.tsx | -
-
- |
- 97.56% | -40/41 | -100% | -30/30 | -100% | -5/5 | -97.56% | -40/41 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 | - - - - - -2x -2x -2x -2x - - - - - - - -2x -327x -327x -327x -327x - -327x -325x -325x -325x - - - -325x - - - - -325x -15x - - -15x -3x -12x -2x - - - -15x -6x - - -15x -15x - - - - - -325x -15x - - -15x - - -15x -6x - - -9x - -9x -9x - - - - - - -8x -2x -6x -6x -6x - - - - -8x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -179x - - - - - - - - - - - - - - - - - - - - - - - - - - - - -106x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-/**
- * Login page component
- * Handles user authentication with form validation
- */
-import { signIn } from 'next-auth/react';
-import Link from 'next/link';
-import { useRouter, useSearchParams } from 'next/navigation';
-import { FormEvent, useState } from 'react';
-
-interface FormErrors {
- email?: string;
- password?: string;
- general?: string;
-}
-
-export default function LoginPage() {
- const router = useRouter();
- const searchParams = useSearchParams();
- const callbackUrl = searchParams.get('callbackUrl') || '/dashboard';
- const errorParam = searchParams.get('error');
-
- const [email, setEmail] = useState('');
- const [password, setPassword] = useState('');
- const [isLoading, setIsLoading] = useState(false);
- const [errors, setErrors] = useState<FormErrors>({});
-
- // Handle session expired error from URL
- const sessionError =
- errorParam === 'SessionExpired' ? 'Your session has expired. Please log in again.' : null;
-
- /**
- * Validate form fields
- */
- const validateForm = (): boolean => {
- const newErrors: FormErrors = {};
-
- // Email validation
- if (!email) {
- newErrors.email = 'Email is required';
- } else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
- newErrors.email = 'Please enter a valid email address';
- }
-
- // Password validation
- if (!password) {
- newErrors.password = 'Password is required';
- }
-
- setErrors(newErrors);
- return Object.keys(newErrors).length === 0;
- };
-
- /**
- * Handle form submission
- */
- const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {
- e.preventDefault();
-
- // Clear previous errors
- setErrors({});
-
- // Validate form
- if (!validateForm()) {
- return;
- }
-
- setIsLoading(true);
-
- try {
- const result = await signIn('credentials', {
- email,
- password,
- redirect: false,
- callbackUrl,
- });
-
- if (result?.error) {
- setErrors({ general: result.error });
- } else if (result?.ok) {
- router.push(callbackUrl);
- router.refresh();
- }
- } catch (error) {
- setErrors({ general: 'An unexpected error occurred. Please try again.' });
- } finally {
- setIsLoading(false);
- }
- };
-
- return (
- <div className="mt-8 bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
- <h2 className="text-center text-2xl font-bold text-gray-900 mb-6">Sign in to your account</h2>
-
- {/* Session expired error */}
- {sessionError && (
- <div className="mb-4 p-3 rounded bg-yellow-50 border border-yellow-200">
- <p className="text-sm text-yellow-800">{sessionError}</p>
- </div>
- )}
-
- {/* General error message */}
- {errors.general && (
- <div className="mb-4 p-3 rounded bg-red-50 border border-red-200">
- <p className="text-sm text-red-600">{errors.general}</p>
- </div>
- )}
-
- <form className="space-y-6" onSubmit={handleSubmit} noValidate>
- {/* Email field */}
- <div>
- <label htmlFor="email" className="block text-sm font-medium text-gray-700">
- Email address
- </label>
- <div className="mt-1">
- <input
- id="email"
- name="email"
- type="email"
- autoComplete="email"
- required
- value={email}
- onChange={(e) => setEmail(e.target.value)}
- className={`appearance-none block w-full px-3 py-2 border rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-orange-500 focus:border-orange-500 sm:text-sm ${
- errors.email ? 'border-red-300' : 'border-gray-300'
- }`}
- placeholder="you@example.com"
- aria-invalid={errors.email ? 'true' : 'false'}
- aria-describedby={errors.email ? 'email-error' : undefined}
- />
- </div>
- {errors.email && (
- <p className="mt-1 text-sm text-red-600" id="email-error" role="alert">
- {errors.email}
- </p>
- )}
- </div>
-
- {/* Password field */}
- <div>
- <label htmlFor="password" className="block text-sm font-medium text-gray-700">
- Password
- </label>
- <div className="mt-1">
- <input
- id="password"
- name="password"
- type="password"
- autoComplete="current-password"
- required
- value={password}
- onChange={(e) => setPassword(e.target.value)}
- className={`appearance-none block w-full px-3 py-2 border rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-orange-500 focus:border-orange-500 sm:text-sm ${
- errors.password ? 'border-red-300' : 'border-gray-300'
- }`}
- placeholder="••••••••"
- aria-invalid={errors.password ? 'true' : 'false'}
- aria-describedby={errors.password ? 'password-error' : undefined}
- />
- </div>
- {errors.password && (
- <p className="mt-1 text-sm text-red-600" id="password-error" role="alert">
- {errors.password}
- </p>
- )}
- </div>
-
- {/* Submit button */}
- <div>
- <button
- type="submit"
- disabled={isLoading}
- className="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500 disabled:opacity-50 disabled:cursor-not-allowed"
- >
- {isLoading ? (
- <>
- <svg
- className="animate-spin -ml-1 mr-3 h-5 w-5 text-white"
- xmlns="http://www.w3.org/2000/svg"
- fill="none"
- viewBox="0 0 24 24"
- >
- <circle
- className="opacity-25"
- cx="12"
- cy="12"
- r="10"
- stroke="currentColor"
- strokeWidth="4"
- />
- <path
- className="opacity-75"
- fill="currentColor"
- d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
- />
- </svg>
- Signing in...
- </>
- ) : (
- 'Sign in'
- )}
- </button>
- </div>
- </form>
-
- {/* Sign up link */}
- <div className="mt-6">
- <div className="relative">
- <div className="absolute inset-0 flex items-center">
- <div className="w-full border-t border-gray-300" />
- </div>
- <div className="relative flex justify-center text-sm">
- <span className="px-2 bg-white text-gray-500">Don't have an account?</span>
- </div>
- </div>
-
- <div className="mt-6">
- <Link
- href="/signup"
- className="w-full flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500"
- >
- Create an account
- </Link>
- </div>
- </div>
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| page.tsx | -
-
- |
- 93.84% | -61/65 | -84.84% | -56/66 | -100% | -7/7 | -93.84% | -61/65 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 -250 -251 -252 -253 -254 -255 -256 -257 -258 -259 -260 -261 -262 -263 -264 -265 -266 -267 -268 -269 -270 -271 -272 -273 -274 -275 -276 -277 -278 -279 -280 -281 -282 -283 -284 -285 -286 -287 -288 -289 -290 -291 -292 -293 -294 -295 -296 -297 -298 -299 -300 -301 -302 -303 -304 -305 -306 -307 -308 -309 -310 -311 -312 -313 -314 -315 -316 -317 -318 -319 -320 -321 -322 -323 -324 -325 -326 -327 -328 -329 -330 -331 -332 | - - - - - -2x -2x -2x -2x - - -2x - - - - - - - - - -2x -774x - -774x -772x -772x -772x -772x -772x - - - - -772x -18x - - -18x -1x -17x -1x - - - -18x - -18x -1x -17x -1x -16x -1x -15x -1x - - - -18x -1x -17x -1x - - - -18x - - - -18x -18x - - - - - -772x -18x - - -18x - - -18x -8x - - -10x - -10x - -10x - - - - - - - - - - - -8x -3x - -3x -2x -1x - - -1x - -3x - - - -5x - - - - - - -5x - - -5x -5x -5x - - -1x - -9x - - - - - - - - - - - - - - - - - - - - - - - - - - - -17x - - - - - - - - - - - - - - - - - - - - - - - - - - - - -281x - - - - - - - - - - - - - - - - - - - - - - - - - - - - -217x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -209x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-/**
- * Signup page component
- * Handles user registration with form validation
- */
-import Link from 'next/link';
-import { useRouter } from 'next/navigation';
-import { signIn } from 'next-auth/react';
-import { FormEvent, useState } from 'react';
-
-// Backend API URL
-const API_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:8000';
-
-interface FormErrors {
- email?: string;
- password?: string;
- confirmPassword?: string;
- displayName?: string;
- general?: string;
-}
-
-export default function SignupPage() {
- const router = useRouter();
-
- const [email, setEmail] = useState('');
- const [password, setPassword] = useState('');
- const [confirmPassword, setConfirmPassword] = useState('');
- const [displayName, setDisplayName] = useState('');
- const [isLoading, setIsLoading] = useState(false);
- const [errors, setErrors] = useState<FormErrors>({});
-
- /**
- * Validate form fields
- */
- const validateForm = (): boolean => {
- const newErrors: FormErrors = {};
-
- // Email validation
- if (!email) {
- newErrors.email = 'Email is required';
- } else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
- newErrors.email = 'Please enter a valid email address';
- }
-
- // Password validation
- Iif (!password) {
- newErrors.password = 'Password is required';
- } else if (password.length < 8) {
- newErrors.password = 'Password must be at least 8 characters long';
- } else if (!/[A-Z]/.test(password)) {
- newErrors.password = 'Password must contain at least one uppercase letter';
- } else if (!/[a-z]/.test(password)) {
- newErrors.password = 'Password must contain at least one lowercase letter';
- } else if (!/\d/.test(password)) {
- newErrors.password = 'Password must contain at least one digit';
- }
-
- // Confirm password validation
- if (!confirmPassword) {
- newErrors.confirmPassword = 'Please confirm your password';
- } else if (password !== confirmPassword) {
- newErrors.confirmPassword = 'Passwords do not match';
- }
-
- // Display name validation (optional but if provided, must be valid)
- Iif (displayName && displayName.length < 2) {
- newErrors.displayName = 'Display name must be at least 2 characters long';
- }
-
- setErrors(newErrors);
- return Object.keys(newErrors).length === 0;
- };
-
- /**
- * Handle form submission
- */
- const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {
- e.preventDefault();
-
- // Clear previous errors
- setErrors({});
-
- // Validate form
- if (!validateForm()) {
- return;
- }
-
- setIsLoading(true);
-
- try {
- // Register the user
- const registerResponse = await fetch(`${API_URL}/api/auth/register`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify({
- email,
- password,
- display_name: displayName || null,
- }),
- });
-
- if (!registerResponse.ok) {
- const error = await registerResponse.json();
-
- if (registerResponse.status === 409) {
- setErrors({ email: 'A user with this email already exists' });
- } else Iif (registerResponse.status === 400) {
- setErrors({ general: error.detail || 'Invalid input data' });
- } else {
- setErrors({ general: error.detail || 'Registration failed' });
- }
- return;
- }
-
- // Auto-login after successful registration
- const result = await signIn('credentials', {
- email,
- password,
- redirect: false,
- callbackUrl: '/dashboard',
- });
-
- Iif (result?.error) {
- // Registration succeeded but login failed - redirect to login page
- router.push('/login?message=Registration successful. Please log in.');
- } else if (result?.ok) {
- router.push('/dashboard');
- router.refresh();
- }
- } catch (error) {
- setErrors({ general: 'An unexpected error occurred. Please try again.' });
- } finally {
- setIsLoading(false);
- }
- };
-
- return (
- <div className="mt-8 bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
- <h2 className="text-center text-2xl font-bold text-gray-900 mb-6">Create your account</h2>
-
- {/* General error message */}
- {errors.general && (
- <div className="mb-4 p-3 rounded bg-red-50 border border-red-200" role="alert">
- <p className="text-sm text-red-600">{errors.general}</p>
- </div>
- )}
-
- <form className="space-y-6" onSubmit={handleSubmit} noValidate>
- {/* Display name field (optional) */}
- <div>
- <label htmlFor="displayName" className="block text-sm font-medium text-gray-700">
- Display name <span className="text-gray-400">(optional)</span>
- </label>
- <div className="mt-1">
- <input
- id="displayName"
- name="displayName"
- type="text"
- autoComplete="name"
- value={displayName}
- onChange={(e) => setDisplayName(e.target.value)}
- className={`appearance-none block w-full px-3 py-2 border rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-orange-500 focus:border-orange-500 sm:text-sm ${
- errors.displayName ? 'border-red-300' : 'border-gray-300'
- }`}
- placeholder="Satoshi Nakamoto"
- aria-invalid={errors.displayName ? 'true' : 'false'}
- aria-describedby={errors.displayName ? 'displayName-error' : undefined}
- />
- </div>
- {errors.displayName && (
- <p className="mt-1 text-sm text-red-600" id="displayName-error" role="alert">
- {errors.displayName}
- </p>
- )}
- </div>
-
- {/* Email field */}
- <div>
- <label htmlFor="email" className="block text-sm font-medium text-gray-700">
- Email address
- </label>
- <div className="mt-1">
- <input
- id="email"
- name="email"
- type="email"
- autoComplete="email"
- required
- value={email}
- onChange={(e) => setEmail(e.target.value)}
- className={`appearance-none block w-full px-3 py-2 border rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-orange-500 focus:border-orange-500 sm:text-sm ${
- errors.email ? 'border-red-300' : 'border-gray-300'
- }`}
- placeholder="you@example.com"
- aria-invalid={errors.email ? 'true' : 'false'}
- aria-describedby={errors.email ? 'email-error' : undefined}
- />
- </div>
- {errors.email && (
- <p className="mt-1 text-sm text-red-600" id="email-error" role="alert">
- {errors.email}
- </p>
- )}
- </div>
-
- {/* Password field */}
- <div>
- <label htmlFor="password" className="block text-sm font-medium text-gray-700">
- Password
- </label>
- <div className="mt-1">
- <input
- id="password"
- name="password"
- type="password"
- autoComplete="new-password"
- required
- value={password}
- onChange={(e) => setPassword(e.target.value)}
- className={`appearance-none block w-full px-3 py-2 border rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-orange-500 focus:border-orange-500 sm:text-sm ${
- errors.password ? 'border-red-300' : 'border-gray-300'
- }`}
- placeholder="••••••••"
- aria-invalid={errors.password ? 'true' : 'false'}
- aria-describedby={errors.password ? 'password-error' : 'password-hint'}
- />
- </div>
- {errors.password ? (
- <p className="mt-1 text-sm text-red-600" id="password-error" role="alert">
- {errors.password}
- </p>
- ) : (
- <p className="mt-1 text-xs text-gray-500" id="password-hint">
- Min 8 characters, with uppercase, lowercase, and a digit
- </p>
- )}
- </div>
-
- {/* Confirm password field */}
- <div>
- <label htmlFor="confirmPassword" className="block text-sm font-medium text-gray-700">
- Confirm password
- </label>
- <div className="mt-1">
- <input
- id="confirmPassword"
- name="confirmPassword"
- type="password"
- autoComplete="new-password"
- required
- value={confirmPassword}
- onChange={(e) => setConfirmPassword(e.target.value)}
- className={`appearance-none block w-full px-3 py-2 border rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-orange-500 focus:border-orange-500 sm:text-sm ${
- errors.confirmPassword ? 'border-red-300' : 'border-gray-300'
- }`}
- placeholder="••••••••"
- aria-invalid={errors.confirmPassword ? 'true' : 'false'}
- aria-describedby={errors.confirmPassword ? 'confirmPassword-error' : undefined}
- />
- </div>
- {errors.confirmPassword && (
- <p className="mt-1 text-sm text-red-600" id="confirmPassword-error" role="alert">
- {errors.confirmPassword}
- </p>
- )}
- </div>
-
- {/* Submit button */}
- <div>
- <button
- type="submit"
- disabled={isLoading}
- className="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500 disabled:opacity-50 disabled:cursor-not-allowed"
- >
- {isLoading ? (
- <>
- <svg
- className="animate-spin -ml-1 mr-3 h-5 w-5 text-white"
- xmlns="http://www.w3.org/2000/svg"
- fill="none"
- viewBox="0 0 24 24"
- >
- <circle
- className="opacity-25"
- cx="12"
- cy="12"
- r="10"
- stroke="currentColor"
- strokeWidth="4"
- />
- <path
- className="opacity-75"
- fill="currentColor"
- d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
- />
- </svg>
- Creating account...
- </>
- ) : (
- 'Create account'
- )}
- </button>
- </div>
- </form>
-
- {/* Sign in link */}
- <div className="mt-6">
- <div className="relative">
- <div className="absolute inset-0 flex items-center">
- <div className="w-full border-t border-gray-300" />
- </div>
- <div className="relative flex justify-center text-sm">
- <span className="px-2 bg-white text-gray-500">Already have an account?</span>
- </div>
- </div>
-
- <div className="mt-6">
- <Link
- href="/login"
- className="w-full flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500"
- >
- Sign in instead
- </Link>
- </div>
- </div>
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| route.ts | -
-
- |
- 0% | -0/5 | -100% | -0/0 | -100% | -0/0 | -0% | -0/4 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 | - - - - - - - - - | /** - * NextAuth.js API route handler - */ -import NextAuth from 'next-auth'; -import { authOptions } from '@/lib/auth/config'; - -const handler = NextAuth(authOptions); - -export { handler as GET, handler as POST }; - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| page.tsx | -
-
- |
- 0% | -0/29 | -0% | -0/20 | -0% | -0/7 | -0% | -0/29 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-import { useCallback, useEffect, useState } from 'react';
-import { useParams, useRouter } from 'next/navigation';
-import { useSession } from 'next-auth/react';
-import { getDocumentPreviewView } from '@/lib/api/documents';
-import type { DocumentPreviewView } from '@/lib/api/types';
-
-export default function DocumentPreviewPage() {
- const params = useParams();
- const router = useRouter();
- const courseId = params.courseId as string;
- const documentId = params.documentId as string;
- const { data: session } = useSession();
- const accessToken = (session?.user as any)?.accessToken;
-
- const [preview, setPreview] = useState<DocumentPreviewView | null>(null);
- const [loading, setLoading] = useState(true);
- const [error, setError] = useState<string | null>(null);
-
- const load = useCallback(async () => {
- try {
- setError(null);
- const data = await getDocumentPreviewView(documentId, accessToken);
- setPreview(data);
- } catch (err) {
- setError(err instanceof Error ? err.message : 'Failed to load preview');
- } finally {
- setLoading(false);
- }
- }, [documentId, accessToken]);
-
- useEffect(() => {
- load();
- }, [load]);
-
- Iif (loading) {
- return (
- <main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
- <div className="animate-pulse space-y-6">
- <div className="h-6 w-1/3 bg-gray-200 rounded" />
- <div className="h-64 bg-gray-100 rounded-lg" />
- <div className="h-40 bg-gray-100 rounded-lg" />
- </div>
- </main>
- );
- }
-
- Iif (error || !preview) {
- return (
- <main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
- <div className="rounded-lg border border-red-200 bg-red-50 p-6 text-center">
- <p className="text-sm text-red-700">{error || 'Preview not available'}</p>
- <div className="mt-3 flex items-center justify-center gap-3">
- <button
- onClick={load}
- className="text-sm font-medium text-red-700 hover:text-red-800 underline"
- >
- Retry
- </button>
- <button
- onClick={() => router.push(`/courses/${courseId}`)}
- className="text-sm font-medium text-gray-600 hover:text-gray-800 underline"
- >
- Back to course
- </button>
- </div>
- </div>
- </main>
- );
- }
-
- return (
- <main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
- {/* Header */}
- <div className="mb-6 flex items-center gap-3">
- <button
- onClick={() => router.push(`/courses/${courseId}`)}
- className="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700"
- >
- <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" strokeWidth={2} stroke="currentColor">
- <path strokeLinecap="round" strokeLinejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" />
- </svg>
- Back
- </button>
- <div className="flex-1 min-w-0">
- <h1 className="text-xl font-bold text-gray-900 truncate">{preview.filename}</h1>
- {preview.pageCount != null && (
- <p className="text-sm text-gray-500">{preview.pageCount} page{preview.pageCount !== 1 ? 's' : ''}</p>
- )}
- </div>
- </div>
-
- <div className="space-y-6">
- {/* Extracted text preview */}
- <section className="bg-white rounded-lg shadow">
- <div className="px-6 py-4 border-b border-gray-100">
- <h2 className="text-base font-semibold text-gray-900">Extracted Text</h2>
- </div>
- <div className="p-6">
- {preview.extractedTextPreview ? (
- <pre className="text-sm text-gray-800 whitespace-pre-wrap font-mono bg-gray-50 rounded-md p-4 max-h-96 overflow-auto">
- {preview.extractedTextPreview}
- </pre>
- ) : (
- <p className="text-sm text-gray-400 italic">No extracted text available yet.</p>
- )}
- </div>
- </section>
-
- {/* Sections / page segmentation */}
- <section className="bg-white rounded-lg shadow">
- <div className="px-6 py-4 border-b border-gray-100">
- <h2 className="text-base font-semibold text-gray-900">Sections / Page Segmentation</h2>
- </div>
- <div className="p-6">
- {preview.sections && preview.sections.length > 0 ? (
- <div className="space-y-3">
- {preview.sections.map((section, i) => (
- <div key={i} className="rounded-md border border-gray-200 p-3">
- <p className="text-xs font-medium text-gray-500 mb-1">Section {i + 1}</p>
- <pre className="text-xs text-gray-700 whitespace-pre-wrap font-mono max-h-40 overflow-auto">
- {JSON.stringify(section, null, 2)}
- </pre>
- </div>
- ))}
- </div>
- ) : (
- <p className="text-sm text-gray-400 italic">No sections data available yet.</p>
- )}
- </div>
- </section>
-
- {/* Sample chunks */}
- <section className="bg-white rounded-lg shadow">
- <div className="px-6 py-4 border-b border-gray-100">
- <h2 className="text-base font-semibold text-gray-900">Sample Chunks</h2>
- </div>
- <div className="p-6">
- {preview.sampleChunks && preview.sampleChunks.length > 0 ? (
- <div className="space-y-3">
- {preview.sampleChunks.map((chunk, i) => (
- <div key={i} className="rounded-md border border-gray-200 p-3">
- <p className="text-xs font-medium text-gray-500 mb-1">Chunk {i + 1}</p>
- <pre className="text-xs text-gray-700 whitespace-pre-wrap font-mono max-h-40 overflow-auto">
- {typeof chunk === 'string' ? chunk : JSON.stringify(chunk, null, 2)}
- </pre>
- </div>
- ))}
- </div>
- ) : (
- <p className="text-sm text-gray-400 italic">No chunk samples available yet.</p>
- )}
- </div>
- </section>
- </div>
- </main>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| layout.tsx | -
-
- |
- 0% | -0/9 | -0% | -0/4 | -0% | -0/3 | -0% | -0/9 | -
| page.tsx | -
-
- |
- 0% | -0/35 | -0% | -0/11 | -0% | -0/9 | -0% | -0/33 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client'; - -import Link from 'next/link'; -import { useParams, usePathname } from 'next/navigation'; -import { ReactNode } from 'react'; - -interface CourseLayoutProps { - children: ReactNode; -} - -export default function CourseLayout({ children }: CourseLayoutProps) { - const params = useParams(); - const pathname = usePathname(); - const courseId = params.courseId as string; - - const navItems = [ - { href: `/courses/${courseId}`, label: 'Overview', exact: true }, - { href: `/courses/${courseId}/study`, label: 'Study' }, - ]; - - function isActive(href: string, exact?: boolean) { - return exact ? pathname === href : pathname.startsWith(href); - } - - return ( - <div className="min-h-screen bg-gray-50"> - <header className="bg-white shadow-sm"> - <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> - <div className="flex items-center justify-between py-4"> - <div className="flex items-center gap-4"> - <Link - href="/courses" - className="text-sm text-gray-500 hover:text-gray-700 flex items-center gap-1" - > - <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" strokeWidth={2} stroke="currentColor"> - <path strokeLinecap="round" strokeLinejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> - </svg> - Courses - </Link> - </div> - </div> - <nav className="-mb-px flex gap-6"> - {navItems.map((item) => ( - <Link - key={item.href} - href={item.href} - className={`pb-3 border-b-2 text-sm font-medium transition-colors ${ - isActive(item.href, item.exact) - ? 'border-orange-500 text-orange-600' - : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300' - }`} - > - {item.label} - </Link> - ))} - </nav> - </div> - </header> - {children} - </div> - ); -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-import { useEffect, useState, useCallback } from 'react';
-import { useParams, useRouter } from 'next/navigation';
-import { useSession } from 'next-auth/react';
-import { getCourse, getCourseLessons, type Course, type Lesson } from '@/lib/services/courses';
-import { DocumentList } from '@/components/courses/DocumentList';
-import { DocumentUpload } from '@/components/documents/DocumentUpload';
-
-export default function CourseWorkspacePage() {
- const params = useParams();
- const router = useRouter();
- const courseId = params.courseId as string;
- const { data: session } = useSession();
- const accessToken = (session?.user as any)?.accessToken;
-
- const [course, setCourse] = useState<Course | null>(null);
- const [lessons, setLessons] = useState<Lesson[]>([]);
- const [loading, setLoading] = useState(true);
- const [error, setError] = useState<string | null>(null);
- const [docRefreshKey, setDocRefreshKey] = useState(0);
-
- const refreshDocuments = useCallback(() => {
- setDocRefreshKey((k) => k + 1);
- }, []);
-
- function handleViewPreview(documentId: string) {
- router.push(`/courses/${courseId}/documents/${documentId}/preview`);
- }
-
- useEffect(() => {
- async function load() {
- try {
- const [courseData, lessonsData] = await Promise.all([
- getCourse(courseId, accessToken),
- getCourseLessons(courseId, accessToken),
- ]);
- setCourse(courseData);
- setLessons(lessonsData);
- } catch (err) {
- setError(err instanceof Error ? err.message : 'Failed to load course');
- } finally {
- setLoading(false);
- }
- }
-
- Iif (courseId) load();
- }, [courseId, accessToken]);
-
- Iif (loading) {
- return (
- <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
- <div className="animate-pulse space-y-6">
- <div className="h-8 w-1/3 bg-gray-200 rounded" />
- <div className="h-4 w-2/3 bg-gray-100 rounded" />
- <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
- <div className="lg:col-span-2 bg-white rounded-lg shadow p-6 space-y-4">
- <div className="h-5 w-1/4 bg-gray-200 rounded" />
- {[1, 2, 3].map((i) => (
- <div key={i} className="h-12 bg-gray-50 rounded" />
- ))}
- </div>
- <div className="bg-white rounded-lg shadow p-6 space-y-4">
- <div className="h-5 w-1/3 bg-gray-200 rounded" />
- <div className="h-24 bg-gray-50 rounded" />
- </div>
- </div>
- </div>
- </main>
- );
- }
-
- Iif (error || !course) {
- return (
- <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
- <div className="rounded-lg border border-red-200 bg-red-50 p-6 text-center">
- <p className="text-sm text-red-700">{error || 'Course not found'}</p>
- <button
- onClick={() => window.location.reload()}
- className="mt-3 text-sm font-medium text-red-700 hover:text-red-800 underline"
- >
- Retry
- </button>
- </div>
- </main>
- );
- }
-
- return (
- <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
- <div className="mb-6">
- <h1 className="text-2xl font-bold text-gray-900">{course.title}</h1>
- {course.description && (
- <p className="mt-1 text-gray-600">{course.description}</p>
- )}
- </div>
-
- <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
- {/* Lessons panel */}
- <div className="lg:col-span-2">
- <div className="bg-white rounded-lg shadow">
- <div className="px-6 py-4 border-b border-gray-100">
- <h2 className="text-lg font-semibold text-gray-900">Lessons</h2>
- </div>
- <div className="p-6">
- {lessons.length === 0 ? (
- <div className="text-center py-8">
- <svg className="mx-auto h-10 w-10 text-gray-300" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor">
- <path strokeLinecap="round" strokeLinejoin="round" d="M4.26 10.147a60.438 60.438 0 00-.491 6.347A48.62 48.62 0 0112 20.904a48.62 48.62 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.636 50.636 0 00-2.658-.813A59.906 59.906 0 0112 3.493a59.903 59.903 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0112 13.489a50.702 50.702 0 017.74-3.342" />
- </svg>
- <p className="mt-2 text-sm text-gray-500">No lessons available yet</p>
- </div>
- ) : (
- <ul className="divide-y divide-gray-100">
- {lessons.map((lesson, index) => (
- <li key={lesson.id} className="flex items-center gap-4 py-3">
- <span className="flex-shrink-0 flex items-center justify-center h-8 w-8 rounded-full bg-orange-50 text-orange-600 text-sm font-semibold">
- {index + 1}
- </span>
- <div className="flex-1 min-w-0">
- <p className="text-sm font-medium text-gray-900">{lesson.title}</p>
- </div>
- </li>
- ))}
- </ul>
- )}
- </div>
- </div>
- </div>
-
- {/* Documents sidebar */}
- <div className="space-y-6">
- <div className="bg-white rounded-lg shadow">
- <div className="px-6 py-4 border-b border-gray-100">
- <h2 className="text-lg font-semibold text-gray-900">Documents</h2>
- </div>
- <div className="p-6">
- <DocumentUpload
- courseId={courseId}
- accessToken={accessToken}
- onUploadComplete={refreshDocuments}
- />
- <div className="mt-4">
- <DocumentList
- courseId={courseId}
- accessToken={accessToken}
- refreshKey={docRefreshKey}
- onViewPreview={handleViewPreview}
- />
- </div>
- </div>
- </div>
- </div>
- </div>
- </main>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| page.tsx | -
-
- |
- 0% | -0/22 | -0% | -0/2 | -0% | -0/3 | -0% | -0/21 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-import { useEffect, useState } from 'react';
-import { useParams } from 'next/navigation';
-import { useSession } from 'next-auth/react';
-import { getCourse, type Course } from '@/lib/services/courses';
-import { SplitPane } from '@/components/study/SplitPane';
-import { SourcePane } from '@/components/study/SourcePane';
-import { OutputPane } from '@/components/study/OutputPane';
-
-export default function StudyPage() {
- const params = useParams();
- const courseId = params.courseId as string;
- const { data: session } = useSession();
- const accessToken = (session?.user as any)?.accessToken;
-
- const [course, setCourse] = useState<Course | null>(null);
- const [loading, setLoading] = useState(true);
-
- useEffect(() => {
- async function load() {
- try {
- const data = await getCourse(courseId, accessToken);
- setCourse(data);
- } catch {
- // Course info is optional for the layout
- } finally {
- setLoading(false);
- }
- }
- Iif (courseId) load();
- }, [courseId, accessToken]);
-
- Iif (loading) {
- return (
- <div className="h-[calc(100vh-7rem)] flex items-center justify-center">
- <div className="animate-spin rounded-full h-10 w-10 border-b-2 border-orange-600" />
- </div>
- );
- }
-
- return (
- <div className="h-[calc(100vh-7rem)]">
- <SplitPane
- left={<SourcePane courseTitle={course?.title} />}
- right={<OutputPane />}
- defaultLeftPercent={50}
- />
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| page.tsx | -
-
- |
- 0% | -0/28 | -0% | -0/10 | -0% | -0/6 | -0% | -0/27 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-import { useEffect, useState } from 'react';
-import { useSession } from 'next-auth/react';
-import { useRouter } from 'next/navigation';
-import Link from 'next/link';
-import { getCourses, type Course } from '@/lib/services/courses';
-import { CourseCard } from '@/components/courses/CourseCard';
-
-export default function CoursesPage() {
- const { data: session, status } = useSession();
- const router = useRouter();
- const [courses, setCourses] = useState<Course[]>([]);
- const [loading, setLoading] = useState(true);
- const [error, setError] = useState<string | null>(null);
-
- useEffect(() => {
- Iif (status === 'unauthenticated') {
- router.push('/login');
- return;
- }
- Iif (status !== 'authenticated') return;
-
- async function fetchCourses() {
- try {
- const data = await getCourses(0, 100, (session?.user as any)?.accessToken);
- setCourses(data);
- } catch (err) {
- setError(err instanceof Error ? err.message : 'Failed to load courses');
- } finally {
- setLoading(false);
- }
- }
-
- fetchCourses();
- }, [status, session, router]);
-
- Iif (status === 'loading' || (status === 'authenticated' && loading)) {
- return (
- <div className="min-h-screen bg-gray-50">
- <header className="bg-white shadow-sm">
- <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
- <div className="h-7 w-48 bg-gray-200 rounded animate-pulse" />
- </div>
- </header>
- <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
- <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
- {[1, 2, 3].map((i) => (
- <div key={i} className="bg-white rounded-lg shadow p-6 animate-pulse">
- <div className="h-5 w-3/4 bg-gray-200 rounded" />
- <div className="mt-3 h-4 w-full bg-gray-100 rounded" />
- <div className="mt-1 h-4 w-2/3 bg-gray-100 rounded" />
- <div className="mt-5 h-4 w-1/3 bg-orange-100 rounded" />
- </div>
- ))}
- </div>
- </main>
- </div>
- );
- }
-
- return (
- <div className="min-h-screen bg-gray-50">
- <header className="bg-white shadow-sm">
- <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center">
- <div>
- <Link href="/dashboard" className="text-sm text-gray-500 hover:text-gray-700">
- ← Dashboard
- </Link>
- <h1 className="text-2xl font-bold text-gray-900 mt-1">Courses</h1>
- </div>
- </div>
- </header>
-
- <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
- {error ? (
- <div className="rounded-lg border border-red-200 bg-red-50 p-6 text-center">
- <p className="text-sm text-red-700">{error}</p>
- <button
- onClick={() => window.location.reload()}
- className="mt-3 text-sm font-medium text-red-700 hover:text-red-800 underline"
- >
- Retry
- </button>
- </div>
- ) : courses.length === 0 ? (
- <div className="text-center py-16">
- <svg className="mx-auto h-12 w-12 text-gray-300" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor">
- <path strokeLinecap="round" strokeLinejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
- </svg>
- <h3 className="mt-4 text-lg font-medium text-gray-900">No courses available</h3>
- <p className="mt-1 text-sm text-gray-500">Courses will appear here once they are created.</p>
- </div>
- ) : (
- <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
- {courses.map((course) => (
- <CourseCard key={course.id} course={course} />
- ))}
- </div>
- )}
- </main>
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| page.tsx | -
-
- |
- 0% | -0/24 | -0% | -0/11 | -0% | -0/4 | -0% | -0/23 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-import { useEffect, useState } from 'react';
-import { signOut, useSession } from 'next-auth/react';
-import { useRouter } from 'next/navigation';
-import Link from 'next/link';
-import { getCourses, type Course } from '@/lib/services/courses';
-
-export default function DashboardPage() {
- const { data: session, status } = useSession();
- const router = useRouter();
- const [courses, setCourses] = useState<Course[]>([]);
- const [coursesLoading, setCoursesLoading] = useState(true);
-
- useEffect(() => {
- Iif (status !== 'authenticated') return;
-
- async function fetchCourses() {
- try {
- const data = await getCourses(0, 100, (session?.user as any)?.accessToken);
- setCourses(data);
- } catch {
- // Non-critical — dashboard still usable without course count
- } finally {
- setCoursesLoading(false);
- }
- }
-
- fetchCourses();
- }, [status, session]);
-
- Iif (status === 'loading') {
- return (
- <div className="min-h-screen flex items-center justify-center bg-gray-50">
- <div className="text-center">
- <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-orange-600 mx-auto"></div>
- <p className="mt-4 text-gray-600">Loading...</p>
- </div>
- </div>
- );
- }
-
- Iif (status === 'unauthenticated') {
- router.push('/login');
- return null;
- }
-
- const handleSignOut = async () => {
- await signOut({ callbackUrl: '/login' });
- };
-
- return (
- <div className="min-h-screen bg-gray-50">
- <header className="bg-white shadow-sm">
- <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center">
- <h1 className="text-2xl font-bold text-gray-900">BitPolito Academy</h1>
- <div className="flex items-center space-x-4">
- <span className="text-sm text-gray-600">{session?.user?.email}</span>
- <button
- onClick={handleSignOut}
- className="px-4 py-2 text-sm font-medium text-white bg-orange-600 rounded-md hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500"
- >
- Sign out
- </button>
- </div>
- </div>
- </header>
-
- <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
- <div className="bg-white rounded-lg shadow p-6">
- <h2 className="text-xl font-semibold text-gray-900 mb-4">
- Welcome, {(session?.user as any)?.displayName || session?.user?.email}!
- </h2>
-
- <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
- {/* User Info Card */}
- <div className="bg-gray-50 rounded-lg p-4">
- <h3 className="text-lg font-medium text-gray-900 mb-2">Your Profile</h3>
- <dl className="space-y-2">
- <div>
- <dt className="text-sm text-gray-500">Email</dt>
- <dd className="text-sm font-medium text-gray-900">{session?.user?.email}</dd>
- </div>
- <div>
- <dt className="text-sm text-gray-500">Display Name</dt>
- <dd className="text-sm font-medium text-gray-900">
- {(session?.user as any)?.displayName || 'Not set'}
- </dd>
- </div>
- <div>
- <dt className="text-sm text-gray-500">Role</dt>
- <dd className="text-sm font-medium text-gray-900 capitalize">
- {(session?.user as any)?.role || 'Student'}
- </dd>
- </div>
- </dl>
- </div>
-
- {/* Quick Stats Card */}
- <div className="bg-gray-50 rounded-lg p-4">
- <h3 className="text-lg font-medium text-gray-900 mb-2">Your Progress</h3>
- <div className="space-y-3">
- <div className="flex justify-between items-center">
- <span className="text-sm text-gray-600">Available Courses</span>
- <span className="text-lg font-semibold text-orange-600">
- {coursesLoading ? (
- <span className="inline-block h-5 w-6 bg-gray-200 rounded animate-pulse" />
- ) : (
- courses.length
- )}
- </span>
- </div>
- <div className="flex justify-between items-center">
- <span className="text-sm text-gray-600">Courses Completed</span>
- <span className="text-lg font-semibold text-green-600">0</span>
- </div>
- <div className="flex justify-between items-center">
- <span className="text-sm text-gray-600">Certificates Earned</span>
- <span className="text-lg font-semibold text-blue-600">0</span>
- </div>
- </div>
- </div>
-
- {/* Quick Actions Card */}
- <div className="bg-gray-50 rounded-lg p-4">
- <h3 className="text-lg font-medium text-gray-900 mb-2">Quick Actions</h3>
- <div className="space-y-2">
- <Link
- href="/courses"
- className="block w-full px-4 py-2 text-center text-sm font-medium text-white bg-orange-600 rounded-md hover:bg-orange-700"
- >
- Browse Courses
- </Link>
- </div>
- </div>
- </div>
- </div>
- </main>
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| layout.tsx | -
-
- |
- 0% | -0/5 | -100% | -0/0 | -0% | -0/1 | -0% | -0/4 | -
| page.tsx | -
-
- |
- 0% | -0/13 | -0% | -0/6 | -0% | -0/2 | -0% | -0/13 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 | - - - - - - - - - - - - - - - - - - - | import type { Metadata } from 'next';
-import './globals.css';
-import { AuthProvider } from '@/components/providers/AuthProvider';
-
-export const metadata: Metadata = {
- title: 'BitPolito Academy',
- description: 'Learn Bitcoin with interactive courses',
- viewport: 'width=device-width, initial-scale=1',
-};
-
-export default function RootLayout({ children }: { children: React.ReactNode }) {
- return (
- <html lang="en">
- <body>
- <AuthProvider>{children}</AuthProvider>
- </body>
- </html>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-import { useEffect } from 'react';
-import { useRouter } from 'next/navigation';
-import { useSession } from 'next-auth/react';
-
-export default function Home() {
- const router = useRouter();
- const { status } = useSession();
-
- useEffect(() => {
- if (status === 'unauthenticated') {
- router.push('/login');
- } else Iif (status === 'authenticated') {
- router.push('/dashboard');
- }
- }, [status, router]);
-
- Iif (status === 'loading' || status === 'unauthenticated') {
- return (
- <main className="flex min-h-screen flex-col items-center justify-center p-24 bg-gradient-to-b from-dark to-light">
- <div className="text-center">
- <p className="text-gray-500">Redirecting...</p>
- </div>
- </main>
- );
- }
-
- return null;
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client'; - -import Link from 'next/link'; -import type { Course } from '@/lib/services/courses'; - -interface CourseCardProps { - course: Course; -} - -export function CourseCard({ course }: CourseCardProps) { - return ( - <Link - href={`/courses/${course.id}`} - className="block bg-white rounded-lg shadow hover:shadow-md transition-shadow border border-gray-100" - > - <div className="p-6"> - <div className="flex items-start justify-between"> - <div className="flex-1 min-w-0"> - <h3 className="text-lg font-semibold text-gray-900 truncate"> - {course.title} - </h3> - {course.description && ( - <p className="mt-2 text-sm text-gray-600 line-clamp-2"> - {course.description} - </p> - )} - </div> - <div className="ml-4 flex-shrink-0"> - <span className="inline-flex items-center justify-center h-10 w-10 rounded-lg bg-orange-100 text-orange-600"> - <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor"> - <path strokeLinecap="round" strokeLinejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" /> - </svg> - </span> - </div> - </div> - <div className="mt-4 flex items-center text-sm text-orange-600 font-medium"> - Open workspace - <svg className="ml-1 h-4 w-4" fill="none" viewBox="0 0 24 24" strokeWidth={2} stroke="currentColor"> - <path strokeLinecap="round" strokeLinejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> - </svg> - </div> - </div> - </Link> - ); -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { getDocumentListRows } from '@/lib/api/documents';
-import type { DocumentListRow } from '@/lib/api/types';
-import { ProcessingIndicator } from './ProcessingIndicator';
-import { DocumentProcessingPanel } from '@/components/documents/DocumentProcessingPanel';
-
-interface DocumentListProps {
- courseId: string;
- accessToken?: string;
- refreshKey?: number;
- onViewPreview?: (documentId: string) => void;
-}
-
-const AUTO_POLL_INTERVAL_MS = 8000;
-
-function formatFileSize(bytes: number): string {
- Iif (bytes < 1024) return `${bytes} B`;
- Iif (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
- return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-
-function formatTime(iso: string): string {
- try {
- return new Date(iso).toLocaleString(undefined, {
- month: 'short',
- day: 'numeric',
- hour: '2-digit',
- minute: '2-digit',
- });
- } catch {
- return iso;
- }
-}
-
-export function DocumentList({
- courseId,
- accessToken,
- refreshKey = 0,
- onViewPreview,
-}: DocumentListProps) {
- const [documents, setDocuments] = useState<DocumentListRow[]>([]);
- const [loading, setLoading] = useState(true);
- const [error, setError] = useState<string | null>(null);
- const [refreshing, setRefreshing] = useState(false);
- const [expandedId, setExpandedId] = useState<string | null>(null);
- const pollRef = useRef<ReturnType<typeof setInterval> | null>(null);
-
- const fetchDocuments = useCallback(
- async (silent = false) => {
- try {
- Iif (!silent) setError(null);
- const rows = await getDocumentListRows(courseId, accessToken);
- setDocuments(rows);
- } catch (err) {
- const message = err instanceof Error ? err.message : 'Failed to load documents';
- if (message.includes('Request failed (404)') || message.includes('Request failed (50')) {
- setDocuments([]);
- setError(null);
- } else Iif (!silent) {
- setError(message);
- }
- } finally {
- setLoading(false);
- setRefreshing(false);
- }
- },
- [courseId, accessToken],
- );
-
- useEffect(() => {
- fetchDocuments();
- }, [fetchDocuments, refreshKey]);
-
- useEffect(() => {
- const hasInProgress = documents.some((d) => !d.isTerminal);
- Iif (hasInProgress) {
- pollRef.current = setInterval(() => fetchDocuments(true), AUTO_POLL_INTERVAL_MS);
- }
- return () => {
- Iif (pollRef.current) clearInterval(pollRef.current);
- };
- }, [documents, fetchDocuments]);
-
- function handleRefresh() {
- setRefreshing(true);
- fetchDocuments();
- }
-
- function toggleExpand(id: string) {
- setExpandedId((prev) => (prev === id ? null : id));
- }
-
- Iif (loading) {
- return (
- <div className="space-y-3">
- {[1, 2, 3].map((i) => (
- <div key={i} className="animate-pulse flex items-center gap-3 p-3 rounded-lg bg-gray-50">
- <div className="h-8 w-8 rounded bg-gray-200" />
- <div className="flex-1 space-y-1.5">
- <div className="h-3 w-2/3 rounded bg-gray-200" />
- <div className="h-2.5 w-1/4 rounded bg-gray-200" />
- </div>
- </div>
- ))}
- </div>
- );
- }
-
- Iif (error) {
- return (
- <div className="rounded-lg border border-red-200 bg-red-50 p-4">
- <p className="text-sm text-red-700">{error}</p>
- <button
- onClick={() => fetchDocuments()}
- className="mt-2 text-sm font-medium text-red-700 hover:text-red-800 underline"
- >
- Retry
- </button>
- </div>
- );
- }
-
- Iif (documents.length === 0) {
- return (
- <div className="text-center py-8 px-4">
- <svg
- className="mx-auto h-10 w-10 text-gray-300"
- fill="none"
- viewBox="0 0 24 24"
- strokeWidth={1.5}
- stroke="currentColor"
- >
- <path
- strokeLinecap="round"
- strokeLinejoin="round"
- d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m6.75 12H9.75m3 0h.008v.008H12.75v-.008zM12 18.75h.008v.008H12v-.008zm-3 0h.008v.008H9v-.008zm6-6h.008v.008h-.008v-.008zm-3 0h.008v.008H12v-.008zm-3 0h.008v.008H9v-.008z"
- />
- </svg>
- <p className="mt-2 text-sm text-gray-500">No documents uploaded yet</p>
- <p className="text-xs text-gray-400">Upload slides, notes, or reference material to get started</p>
- </div>
- );
- }
-
- return (
- <div>
- <div className="flex items-center justify-between mb-3">
- <p className="text-xs text-gray-500">
- {documents.length} document{documents.length !== 1 ? 's' : ''}
- </p>
- <button
- onClick={handleRefresh}
- disabled={refreshing}
- className="inline-flex items-center gap-1 text-xs text-gray-500 hover:text-gray-700 disabled:opacity-50"
- title="Refresh list"
- >
- <svg
- className={`h-3.5 w-3.5 ${refreshing ? 'animate-spin' : ''}`}
- fill="none"
- viewBox="0 0 24 24"
- strokeWidth={2}
- stroke="currentColor"
- >
- <path
- strokeLinecap="round"
- strokeLinejoin="round"
- d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182"
- />
- </svg>
- {refreshing ? 'Refreshing...' : 'Refresh'}
- </button>
- </div>
-
- <ul className="divide-y divide-gray-100">
- {documents.map((doc) => {
- const isExpanded = expandedId === doc.id;
- return (
- <li key={doc.id} className="py-2 px-1">
- <button
- type="button"
- onClick={() => toggleExpand(doc.id)}
- className="w-full text-left rounded-md hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-orange-400"
- aria-expanded={isExpanded}
- >
- <div className="flex items-start gap-3">
- {/* Expand chevron */}
- <svg
- className={`mt-1 h-4 w-4 flex-shrink-0 text-gray-400 transition-transform ${isExpanded ? 'rotate-90' : ''}`}
- fill="none"
- viewBox="0 0 24 24"
- strokeWidth={2}
- stroke="currentColor"
- >
- <path strokeLinecap="round" strokeLinejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
- </svg>
-
- {/* File type badge */}
- <span className="flex-shrink-0 mt-0.5 inline-flex items-center justify-center h-8 w-8 rounded-md bg-gray-100 text-[10px] font-bold text-gray-500 uppercase">
- {doc.fileType}
- </span>
-
- <div className="flex-1 min-w-0">
- <div className="flex items-center gap-2">
- <p className="text-sm font-medium text-gray-900 truncate">{doc.filename}</p>
- <ProcessingIndicator status={doc.status} stage={doc.processingStage} />
- </div>
-
- <div className="mt-0.5 flex items-center gap-3 text-xs text-gray-500">
- <span>{formatFileSize(doc.size)}</span>
- <span title="Uploaded">{formatTime(doc.createdAt)}</span>
- <span title="Last updated">updated {formatTime(doc.updatedAt)}</span>
- </div>
-
- {doc.status === 'error' && doc.errorMessage && (
- <p className="mt-1 text-xs text-red-600 truncate" title={doc.errorMessage}>
- {doc.errorMessage}
- </p>
- )}
- </div>
- </div>
- </button>
-
- {/* Expandable detail panel (U-05) */}
- {isExpanded && (
- <div className="mt-2 ml-7">
- <DocumentProcessingPanel
- documentId={doc.id}
- accessToken={accessToken}
- onViewPreview={onViewPreview}
- />
- </div>
- )}
- </li>
- );
- })}
- </ul>
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-import type { DocumentStatus, ProcessingStage } from '@/lib/api/types';
-
-interface ProcessingIndicatorProps {
- status: DocumentStatus;
- stage?: ProcessingStage;
- className?: string;
-}
-
-const STATUS_CONFIG: Record<DocumentStatus, { label: string; bg: string; text: string; dot: string }> = {
- uploading: {
- label: 'Uploading',
- bg: 'bg-blue-50',
- text: 'text-blue-700',
- dot: 'bg-blue-500 animate-pulse',
- },
- processing: {
- label: 'Processing',
- bg: 'bg-yellow-50',
- text: 'text-yellow-700',
- dot: 'bg-yellow-500 animate-pulse',
- },
- ready: {
- label: 'Ready',
- bg: 'bg-green-50',
- text: 'text-green-700',
- dot: 'bg-green-500',
- },
- error: {
- label: 'Error',
- bg: 'bg-red-50',
- text: 'text-red-700',
- dot: 'bg-red-500',
- },
-};
-
-const STAGE_LABELS: Record<ProcessingStage, string> = {
- queued: 'Queued',
- uploading: 'Uploading',
- parsing: 'Parsing',
- normalizing: 'Normalizing',
- chunking: 'Chunking',
- indexing: 'Indexing',
- done: 'Done',
- error: 'Error',
-};
-
-export function ProcessingIndicator({ status, stage, className = '' }: ProcessingIndicatorProps) {
- const config = STATUS_CONFIG[status];
- const stageLabel = stage && stage !== 'done' && stage !== 'error' ? STAGE_LABELS[stage] : null;
-
- return (
- <span
- className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${config.bg} ${config.text} ${className}`}
- >
- <span className={`h-1.5 w-1.5 rounded-full ${config.dot}`} />
- {config.label}
- {stageLabel && status === 'processing' && (
- <span className="opacity-75">· {stageLabel}</span>
- )}
- </span>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| CourseCard.tsx | -
-
- |
- 0% | -0/2 | -0% | -0/1 | -0% | -0/1 | -0% | -0/2 | -
| DocumentList.tsx | -
-
- |
- 0% | -0/57 | -0% | -0/30 | -0% | -0/16 | -0% | -0/50 | -
| ProcessingIndicator.tsx | -
-
- |
- 0% | -0/5 | -0% | -0/8 | -0% | -0/1 | -0% | -0/5 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-import { useCallback, useEffect, useState } from 'react';
-import { getDocumentDetailView } from '@/lib/api/documents';
-import type { DocumentDetailView } from '@/lib/api/types';
-
-interface DocumentProcessingPanelProps {
- documentId: string;
- accessToken?: string;
- onViewPreview?: (documentId: string) => void;
-}
-
-function DetailRow({ label, value }: { label: string; value: React.ReactNode }) {
- return (
- <div className="flex items-start justify-between py-1.5">
- <dt className="text-xs font-medium text-gray-500 w-36 flex-shrink-0">{label}</dt>
- <dd className="text-xs text-gray-900 text-right">{value ?? <span className="text-gray-400">N/A</span>}</dd>
- </div>
- );
-}
-
-export function DocumentProcessingPanel({
- documentId,
- accessToken,
- onViewPreview,
-}: DocumentProcessingPanelProps) {
- const [detail, setDetail] = useState<DocumentDetailView | null>(null);
- const [loading, setLoading] = useState(true);
- const [error, setError] = useState<string | null>(null);
-
- const load = useCallback(async () => {
- try {
- setError(null);
- const data = await getDocumentDetailView(documentId, accessToken);
- setDetail(data);
- } catch (err) {
- setError(err instanceof Error ? err.message : 'Failed to load document details');
- } finally {
- setLoading(false);
- }
- }, [documentId, accessToken]);
-
- useEffect(() => {
- load();
- }, [load]);
-
- Iif (loading) {
- return (
- <div className="animate-pulse space-y-2 py-3 px-4">
- <div className="h-3 w-2/3 rounded bg-gray-200" />
- <div className="h-3 w-1/2 rounded bg-gray-200" />
- <div className="h-3 w-3/4 rounded bg-gray-200" />
- </div>
- );
- }
-
- Iif (error) {
- return (
- <div className="py-3 px-4">
- <p className="text-xs text-red-600">{error}</p>
- <button onClick={load} className="mt-1 text-xs text-red-700 hover:text-red-800 underline">
- Retry
- </button>
- </div>
- );
- }
-
- Iif (!detail) return null;
-
- return (
- <div className="py-3 px-4 bg-gray-50 rounded-md space-y-1">
- <dl className="divide-y divide-gray-100">
- <DetailRow label="Raw status" value={detail.status} />
- <DetailRow label="Processing stage" value={detail.processingStage} />
- <DetailRow label="Parser used" value={detail.parserUsed} />
- <DetailRow label="Page / slide count" value={detail.pageCount} />
- <DetailRow label="Chunk count" value={detail.chunkCount} />
- <DetailRow label="Indexing status" value={detail.indexingStatus} />
- {detail.errorMessage && (
- <DetailRow
- label="Processing errors"
- value={<span className="text-red-600">{detail.errorMessage}</span>}
- />
- )}
- {detail.normalizedMetadata && (
- <div className="py-1.5">
- <dt className="text-xs font-medium text-gray-500 mb-1">Normalized metadata</dt>
- <dd className="text-[11px] font-mono bg-white rounded border border-gray-200 p-2 max-h-32 overflow-auto whitespace-pre-wrap">
- {JSON.stringify(detail.normalizedMetadata, null, 2)}
- </dd>
- </div>
- )}
- </dl>
-
- {onViewPreview && detail.status === 'ready' && (
- <button
- onClick={() => onViewPreview(detail.id)}
- className="mt-2 inline-flex items-center gap-1 text-xs font-medium text-orange-600 hover:text-orange-700"
- >
- View extracted content
- <svg className="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" strokeWidth={2} stroke="currentColor">
- <path strokeLinecap="round" strokeLinejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
- </svg>
- </button>
- )}
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-import { useState } from 'react';
-import type { DocumentListRow } from '@/lib/api/types';
-import { deleteDocument } from '@/lib/api/documents';
-import { ProcessingIndicator } from '@/components/courses/ProcessingIndicator';
-
-interface DocumentRowProps {
- document: DocumentListRow;
- accessToken?: string;
- onDeleted?: () => void;
-}
-
-function formatFileSize(bytes: number): string {
- Iif (bytes < 1024) return `${bytes} B`;
- Iif (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
- return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-
-export function DocumentRow({ document: doc, accessToken, onDeleted }: DocumentRowProps) {
- const [deleting, setDeleting] = useState(false);
-
- async function handleDelete() {
- Iif (!confirm(`Delete "${doc.filename}"?`)) return;
- setDeleting(true);
- try {
- await deleteDocument(doc.id, accessToken);
- onDeleted?.();
- } catch {
- setDeleting(false);
- }
- }
-
- return (
- <div className="flex items-center gap-3 py-3 px-1 group">
- <div className="flex-shrink-0">
- <svg className="h-7 w-7 text-gray-400" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor">
- <path strokeLinecap="round" strokeLinejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" />
- </svg>
- </div>
- <div className="flex-1 min-w-0">
- <p className="text-sm font-medium text-gray-900 truncate">{doc.filename}</p>
- <p className="text-xs text-gray-500">{formatFileSize(doc.size)}</p>
- </div>
- <ProcessingIndicator status={doc.status} />
- <button
- onClick={handleDelete}
- disabled={deleting}
- className="opacity-0 group-hover:opacity-100 transition-opacity p-1 rounded hover:bg-red-50 text-gray-400 hover:text-red-500 disabled:opacity-50"
- title="Delete document"
- >
- <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor">
- <path strokeLinecap="round" strokeLinejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
- </svg>
- </button>
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-import { useCallback, useRef, useState } from 'react';
-import { uploadDocument, pollDocumentUntilTerminal } from '@/lib/api/documents';
-
-interface DocumentUploadProps {
- courseId: string;
- accessToken?: string;
- onUploadComplete?: () => void;
-}
-
-interface UploadJob {
- file: File;
- progress: 'uploading' | 'processing' | 'done' | 'error';
- errorMessage?: string;
-}
-
-export function DocumentUpload({ courseId, accessToken, onUploadComplete }: DocumentUploadProps) {
- const [jobs, setJobs] = useState<UploadJob[]>([]);
- const [isDragOver, setIsDragOver] = useState(false);
- const inputRef = useRef<HTMLInputElement>(null);
-
- const handleFiles = useCallback(
- async (files: FileList | File[]) => {
- const fileArray = Array.from(files);
- Iif (fileArray.length === 0) return;
-
- const newJobs: UploadJob[] = fileArray.map((file) => ({
- file,
- progress: 'uploading' as const,
- }));
-
- setJobs((prev) => [...prev, ...newJobs]);
-
- for (let i = 0; i < fileArray.length; i++) {
- const file = fileArray[i];
- const jobIndex = jobs.length + i;
-
- try {
- const doc = await uploadDocument(courseId, file, accessToken);
-
- setJobs((prev) => {
- const updated = [...prev];
- Iif (updated[jobIndex]) updated[jobIndex] = { ...updated[jobIndex], progress: 'processing' };
- return updated;
- });
-
- await pollDocumentUntilTerminal(doc.id, accessToken);
-
- setJobs((prev) => {
- const updated = [...prev];
- Iif (updated[jobIndex]) updated[jobIndex] = { ...updated[jobIndex], progress: 'done' };
- return updated;
- });
-
- onUploadComplete?.();
- } catch (err) {
- const message = err instanceof Error ? err.message : 'Upload failed';
- setJobs((prev) => {
- const updated = [...prev];
- Iif (updated[jobIndex])
- updated[jobIndex] = { ...updated[jobIndex], progress: 'error', errorMessage: message };
- return updated;
- });
- onUploadComplete?.();
- }
- }
- },
- [courseId, accessToken, jobs.length, onUploadComplete]
- );
-
- const onDrop = useCallback(
- (e: React.DragEvent) => {
- e.preventDefault();
- setIsDragOver(false);
- Iif (e.dataTransfer.files.length > 0) {
- handleFiles(e.dataTransfer.files);
- }
- },
- [handleFiles]
- );
-
- const activeJobs = jobs.filter((j) => j.progress === 'uploading' || j.progress === 'processing');
- const errorJobs = jobs.filter((j) => j.progress === 'error');
-
- return (
- <div>
- <div
- onDragOver={(e) => {
- e.preventDefault();
- setIsDragOver(true);
- }}
- onDragLeave={() => setIsDragOver(false)}
- onDrop={onDrop}
- onClick={() => inputRef.current?.click()}
- className={`relative cursor-pointer rounded-lg border-2 border-dashed p-6 text-center transition-colors ${
- isDragOver
- ? 'border-orange-400 bg-orange-50'
- : 'border-gray-300 hover:border-gray-400 bg-gray-50'
- }`}
- >
- <input
- ref={inputRef}
- type="file"
- multiple
- accept=".pdf,.pptx,.ppt,.doc,.docx,.txt,.md"
- className="sr-only"
- onChange={(e) => {
- Iif (e.target.files) handleFiles(e.target.files);
- e.target.value = '';
- }}
- />
- <svg className="mx-auto h-8 w-8 text-gray-400" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor">
- <path strokeLinecap="round" strokeLinejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" />
- </svg>
- <p className="mt-2 text-sm text-gray-600">
- <span className="font-medium text-orange-600">Click to upload</span> or drag and drop
- </p>
- <p className="mt-1 text-xs text-gray-400">PDF, PPTX, DOC, TXT, MD</p>
- </div>
-
- {activeJobs.length > 0 && (
- <div className="mt-3 space-y-2">
- {activeJobs.map((job, i) => (
- <div key={i} className="flex items-center gap-2 text-sm text-gray-600">
- <svg className="h-4 w-4 animate-spin text-orange-500" fill="none" viewBox="0 0 24 24">
- <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
- <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" />
- </svg>
- <span className="truncate flex-1">{job.file.name}</span>
- <span className="text-xs text-gray-400 capitalize">{job.progress}</span>
- </div>
- ))}
- </div>
- )}
-
- {errorJobs.length > 0 && (
- <div className="mt-3 space-y-2">
- {errorJobs.map((job, i) => (
- <div key={i} className="flex items-center gap-2 rounded bg-red-50 px-3 py-2 text-sm">
- <svg className="h-4 w-4 text-red-500 flex-shrink-0" fill="none" viewBox="0 0 24 24" strokeWidth={2} stroke="currentColor">
- <path strokeLinecap="round" strokeLinejoin="round" d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" />
- </svg>
- <span className="truncate flex-1 text-red-700">{job.file.name}</span>
- <span className="text-xs text-red-500">{job.errorMessage}</span>
- </div>
- ))}
- </div>
- )}
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| DocumentProcessingPanel.tsx | -
-
- |
- 0% | -0/20 | -0% | -0/10 | -0% | -0/5 | -0% | -0/19 | -
| DocumentRow.tsx | -
-
- |
- 0% | -0/17 | -0% | -0/3 | -0% | -0/3 | -0% | -0/14 | -
| DocumentUpload.tsx | -
-
- |
- 0% | -0/57 | -0% | -0/14 | -0% | -0/16 | -0% | -0/48 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 | - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-/**
- * Session provider wrapper for NextAuth.js
- * Wraps the application with the SessionProvider to enable authentication
- */
-import { SessionProvider } from 'next-auth/react';
-import { ReactNode } from 'react';
-
-interface AuthProviderProps {
- children: ReactNode;
-}
-
-/**
- * Authentication provider component
- * Wraps children with NextAuth SessionProvider
- */
-export function AuthProvider({ children }: AuthProviderProps) {
- return <SessionProvider>{children}</SessionProvider>;
-}
-
-export default AuthProvider;
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| AuthProvider.tsx | -
-
- |
- 0% | -0/4 | -100% | -0/0 | -0% | -0/1 | -0% | -0/3 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-export function OutputPane() {
- return (
- <div className="h-full flex flex-col">
- <div className="flex-shrink-0 px-6 py-4 border-b border-gray-200 bg-white">
- <h2 className="text-sm font-semibold text-gray-900 uppercase tracking-wide">
- Explanation
- </h2>
- </div>
-
- <div className="flex-1 flex items-center justify-center p-8 bg-white">
- <div className="text-center max-w-sm">
- <svg
- className="mx-auto h-12 w-12 text-gray-300"
- fill="none"
- viewBox="0 0 24 24"
- strokeWidth={1}
- stroke="currentColor"
- >
- <path
- strokeLinecap="round"
- strokeLinejoin="round"
- d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"
- />
- </svg>
- <h3 className="mt-4 text-sm font-medium text-gray-900">
- No explanation generated
- </h3>
- <p className="mt-1 text-sm text-gray-500">
- Once a document is selected and processed, the reconstructed explanation
- will appear here with source-grounded references.
- </p>
- </div>
- </div>
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-interface SourcePaneProps {
- courseTitle?: string;
-}
-
-export function SourcePane({ courseTitle }: SourcePaneProps) {
- return (
- <div className="h-full flex flex-col">
- <div className="flex-shrink-0 px-6 py-4 border-b border-gray-200 bg-white">
- <h2 className="text-sm font-semibold text-gray-900 uppercase tracking-wide">
- Source Material
- </h2>
- {courseTitle && (
- <p className="mt-0.5 text-xs text-gray-500">{courseTitle}</p>
- )}
- </div>
-
- <div className="flex-1 flex items-center justify-center p-8 bg-gray-50">
- <div className="text-center max-w-sm">
- <svg
- className="mx-auto h-12 w-12 text-gray-300"
- fill="none"
- viewBox="0 0 24 24"
- strokeWidth={1}
- stroke="currentColor"
- >
- <path
- strokeLinecap="round"
- strokeLinejoin="round"
- d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
- />
- </svg>
- <h3 className="mt-4 text-sm font-medium text-gray-900">
- No document selected
- </h3>
- <p className="mt-1 text-sm text-gray-500">
- Select a document from the course workspace to view its contents here.
- Citations and highlights will be synced with the explanation panel.
- </p>
- </div>
- </div>
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | 'use client';
-
-import { useCallback, useRef, useState, type ReactNode } from 'react';
-
-interface SplitPaneProps {
- left: ReactNode;
- right: ReactNode;
- defaultLeftPercent?: number;
- minLeftPercent?: number;
- maxLeftPercent?: number;
-}
-
-export function SplitPane({
- left,
- right,
- defaultLeftPercent = 50,
- minLeftPercent = 25,
- maxLeftPercent = 75,
-}: SplitPaneProps) {
- const [leftPercent, setLeftPercent] = useState(defaultLeftPercent);
- const containerRef = useRef<HTMLDivElement>(null);
- const dragging = useRef(false);
-
- const onMouseDown = useCallback(
- (e: React.MouseEvent) => {
- e.preventDefault();
- dragging.current = true;
-
- const onMouseMove = (ev: MouseEvent) => {
- Iif (!dragging.current || !containerRef.current) return;
- const rect = containerRef.current.getBoundingClientRect();
- const percent = ((ev.clientX - rect.left) / rect.width) * 100;
- setLeftPercent(Math.min(maxLeftPercent, Math.max(minLeftPercent, percent)));
- };
-
- const onMouseUp = () => {
- dragging.current = false;
- document.removeEventListener('mousemove', onMouseMove);
- document.removeEventListener('mouseup', onMouseUp);
- document.body.style.cursor = '';
- document.body.style.userSelect = '';
- };
-
- document.body.style.cursor = 'col-resize';
- document.body.style.userSelect = 'none';
- document.addEventListener('mousemove', onMouseMove);
- document.addEventListener('mouseup', onMouseUp);
- },
- [minLeftPercent, maxLeftPercent]
- );
-
- return (
- <div ref={containerRef} className="flex h-full w-full overflow-hidden">
- <div style={{ width: `${leftPercent}%` }} className="overflow-auto">
- {left}
- </div>
-
- <div
- onMouseDown={onMouseDown}
- className="flex-shrink-0 w-1.5 cursor-col-resize bg-gray-200 hover:bg-orange-300 active:bg-orange-400 transition-colors relative group"
- >
- <div className="absolute inset-y-0 -left-1 -right-1" />
- <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-8 w-1 rounded-full bg-gray-400 group-hover:bg-orange-500 transition-colors" />
- </div>
-
- <div style={{ width: `${100 - leftPercent}%` }} className="overflow-auto">
- {right}
- </div>
- </div>
- );
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| OutputPane.tsx | -
-
- |
- 0% | -0/1 | -100% | -0/0 | -0% | -0/1 | -0% | -0/1 | -
| SourcePane.tsx | -
-
- |
- 0% | -0/1 | -0% | -0/1 | -0% | -0/1 | -0% | -0/1 | -
| SplitPane.tsx | -
-
- |
- 0% | -0/24 | -0% | -0/6 | -0% | -0/4 | -0% | -0/23 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| middleware.ts | -
-
- |
- 0% | -0/3 | -100% | -0/0 | -100% | -0/0 | -0% | -0/1 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | const API_BASE_URL = - process.env.NEXT_PUBLIC_API_BASE_URL || - (process.env.NEXT_PUBLIC_API_URL - ? `${process.env.NEXT_PUBLIC_API_URL}/api` - : 'http://localhost:8000/api'); - -export class ApiError extends Error { - constructor( - public status: number, - message: string, - public details?: Record<string, unknown> - ) { - super(message); - this.name = 'ApiError'; - } -} - -interface FetchOptions extends Omit<RequestInit, 'body'> { - body?: unknown; - accessToken?: string; -} - -async function handleResponse<T>(response: Response): Promise<T> { - Iif (!response.ok) { - const errorBody = await response.json().catch(() => ({})); - throw new ApiError( - response.status, - errorBody.detail || errorBody.message || `Request failed (${response.status})`, - errorBody - ); - } - return response.json(); -} - -export async function apiFetch<T>( - endpoint: string, - options: FetchOptions = {} -): Promise<T> { - const { body, accessToken, headers: customHeaders, ...rest } = options; - - const headers: Record<string, string> = { - ...(customHeaders as Record<string, string>), - }; - - Iif (accessToken) { - headers['Authorization'] = `Bearer ${accessToken}`; - } - - Iif (body !== undefined && !(body instanceof FormData)) { - headers['Content-Type'] = 'application/json'; - } - - const response = await fetch(`${API_BASE_URL}${endpoint}`, { - ...rest, - headers, - body: body instanceof FormData ? body : body !== undefined ? JSON.stringify(body) : undefined, - }); - - return handleResponse<T>(response); -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import type {
- ApiDocumentListItem,
- ApiDocumentDetail,
- ApiDocumentPreview,
- DocumentListRow,
- DocumentDetailView,
- DocumentPreviewView,
- DocumentStatus,
- ProcessingStage,
-} from './types';
-
-function mimeToLabel(mime: string | null, filename: string): string {
- Iif (mime) {
- const sub = mime.split('/')[1];
- Iif (sub === 'pdf') return 'PDF';
- Iif (sub === 'vnd.openxmlformats-officedocument.presentationml.presentation') return 'PPTX';
- Iif (sub === 'vnd.openxmlformats-officedocument.wordprocessingml.document') return 'DOCX';
- Iif (sub === 'plain') return 'TXT';
- Iif (sub) return sub.toUpperCase();
- }
- const ext = filename.split('.').pop()?.toUpperCase();
- return ext || 'FILE';
-}
-
-const TERMINAL_STATUSES: ReadonlySet<DocumentStatus> = new Set(['ready', 'error']);
-
-export function toDocumentListRow(item: ApiDocumentListItem): DocumentListRow {
- return {
- id: item.id,
- courseId: item.course_id,
- filename: item.filename,
- fileType: mimeToLabel(item.mime_type, item.filename),
- size: item.size,
- status: item.status,
- processingStage: item.processing_stage,
- isTerminal: TERMINAL_STATUSES.has(item.status),
- errorMessage: item.error_message,
- createdAt: item.created_at,
- updatedAt: item.updated_at,
- };
-}
-
-export function toDocumentDetailView(item: ApiDocumentDetail): DocumentDetailView {
- let normalizedMetadata: Record<string, unknown> | null = null;
- Iif (item.metadata_json) {
- try {
- normalizedMetadata = JSON.parse(item.metadata_json);
- } catch {
- normalizedMetadata = null;
- }
- }
-
- return {
- id: item.id,
- courseId: item.course_id,
- filename: item.filename,
- fileType: mimeToLabel(item.mime_type, item.filename),
- size: item.size,
- status: item.status,
- processingStage: item.processing_stage,
- errorMessage: item.error_message,
- parserUsed: item.parser_used,
- pageCount: item.page_count,
- chunkCount: item.chunk_count,
- indexingStatus: item.indexing_status,
- normalizedMetadata,
- createdAt: item.created_at,
- updatedAt: item.updated_at,
- };
-}
-
-export function toDocumentPreviewView(item: ApiDocumentPreview): DocumentPreviewView {
- return {
- id: item.id,
- filename: item.filename,
- extractedTextPreview: item.extracted_text_preview,
- pageCount: item.page_count,
- sections: item.sections,
- sampleChunks: item.sample_chunks,
- };
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { apiFetch } from '@/lib/api';
-import type { ApiCourse, ApiLesson, CreateCourseRequest } from './types';
-
-export async function fetchCourses(
- skip = 0,
- limit = 100,
- accessToken?: string,
-): Promise<ApiCourse[]> {
- return apiFetch<ApiCourse[]>(`/courses?skip=${skip}&limit=${limit}`, {
- accessToken,
- });
-}
-
-export async function fetchCourse(
- courseId: string,
- accessToken?: string,
-): Promise<ApiCourse> {
- return apiFetch<ApiCourse>(`/courses/${courseId}`, { accessToken });
-}
-
-export async function fetchCourseLessons(
- courseId: string,
- accessToken?: string,
-): Promise<ApiLesson[]> {
- return apiFetch<ApiLesson[]>(`/courses/${courseId}/lessons`, { accessToken });
-}
-
-export async function createCourse(
- data: CreateCourseRequest,
- accessToken?: string,
-): Promise<ApiCourse> {
- return apiFetch<ApiCourse>('/courses', {
- method: 'POST',
- body: data,
- accessToken,
- });
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { apiFetch, ApiError } from '@/lib/api';
-import type {
- ApiDocumentListItem,
- ApiDocumentDetail,
- ApiDocumentPreview,
- ApiDocumentStatusResponse,
- DocumentListRow,
- DocumentDetailView,
- DocumentPreviewView,
-} from './types';
-import { toDocumentListRow, toDocumentDetailView, toDocumentPreviewView } from './adapters';
-
-// ── Raw API calls (wire types) ──────────────────────────────────────────
-
-export async function fetchDocumentsList(
- courseId: string,
- accessToken?: string,
-): Promise<ApiDocumentListItem[]> {
- return apiFetch<ApiDocumentListItem[]>(`/courses/${courseId}/documents`, {
- accessToken,
- });
-}
-
-export async function fetchDocumentStatus(
- documentId: string,
- accessToken?: string,
-): Promise<ApiDocumentStatusResponse> {
- return apiFetch<ApiDocumentStatusResponse>(`/documents/${documentId}/status`, {
- accessToken,
- });
-}
-
-export async function fetchDocumentDetail(
- documentId: string,
- accessToken?: string,
-): Promise<ApiDocumentDetail> {
- return apiFetch<ApiDocumentDetail>(`/documents/${documentId}`, {
- accessToken,
- });
-}
-
-export async function fetchDocumentPreview(
- documentId: string,
- accessToken?: string,
-): Promise<ApiDocumentPreview> {
- return apiFetch<ApiDocumentPreview>(`/documents/${documentId}/preview`, {
- accessToken,
- });
-}
-
-export async function uploadDocument(
- courseId: string,
- file: File,
- accessToken?: string,
-): Promise<ApiDocumentListItem> {
- const formData = new FormData();
- formData.append('file', file);
- return apiFetch<ApiDocumentListItem>(`/courses/${courseId}/documents`, {
- method: 'POST',
- body: formData,
- accessToken,
- });
-}
-
-export async function deleteDocument(
- documentId: string,
- accessToken?: string,
-): Promise<{ message: string }> {
- return apiFetch<{ message: string }>(`/documents/${documentId}`, {
- method: 'DELETE',
- accessToken,
- });
-}
-
-// ── Adapted calls (UI types) ───────────────────────────────────────────
-
-export async function getDocumentListRows(
- courseId: string,
- accessToken?: string,
-): Promise<DocumentListRow[]> {
- const items = await fetchDocumentsList(courseId, accessToken);
- return items.map(toDocumentListRow);
-}
-
-export async function getDocumentDetailView(
- documentId: string,
- accessToken?: string,
-): Promise<DocumentDetailView> {
- const item = await fetchDocumentDetail(documentId, accessToken);
- return toDocumentDetailView(item);
-}
-
-export async function getDocumentPreviewView(
- documentId: string,
- accessToken?: string,
-): Promise<DocumentPreviewView> {
- const item = await fetchDocumentPreview(documentId, accessToken);
- return toDocumentPreviewView(item);
-}
-
-// ── Polling helper ──────────────────────────────────────────────────────
-
-export async function pollDocumentUntilTerminal(
- documentId: string,
- accessToken?: string,
- intervalMs = 3000,
- maxAttempts = 60,
-): Promise<ApiDocumentStatusResponse> {
- for (let i = 0; i < maxAttempts; i++) {
- try {
- const status = await fetchDocumentStatus(documentId, accessToken);
- Iif (status.status === 'ready' || status.status === 'error') {
- return status;
- }
- } catch (err) {
- if (err instanceof ApiError && err.status >= 500) {
- // transient — keep polling
- } else {
- throw err;
- }
- }
- await new Promise((resolve) => setTimeout(resolve, intervalMs));
- }
- throw new Error('Document processing timed out');
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| adapters.ts | -
-
- |
- 0% | -0/26 | -0% | -0/9 | -0% | -0/4 | -0% | -0/21 | -
| courses.ts | -
-
- |
- 0% | -0/9 | -0% | -0/2 | -0% | -0/4 | -0% | -0/9 | -
| documents.ts | -
-
- |
- 0% | -0/37 | -0% | -0/9 | -0% | -0/11 | -0% | -0/35 | -
| index.ts | -
-
- |
- 0% | -0/4 | -100% | -0/0 | -100% | -0/0 | -0% | -0/4 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 | - - - - | export * from './types'; -export * from './adapters'; -export * from './documents'; -export * from './courses'; - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import type { AuthOptions } from 'next-auth';
-import CredentialsProvider from 'next-auth/providers/credentials';
-
-const API_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:8000';
-
-export const authOptions: AuthOptions = {
- providers: [
- CredentialsProvider({
- name: 'credentials',
- credentials: {
- email: { label: 'Email', type: 'email' },
- password: { label: 'Password', type: 'password' },
- },
- async authorize(credentials) {
- Iif (!credentials?.email || !credentials?.password) {
- throw new Error('Email and password are required');
- }
-
- try {
- const res = await fetch(`${API_URL}/api/auth/login`, {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({
- email: credentials.email,
- password: credentials.password,
- }),
- });
-
- Iif (!res.ok) {
- const error = await res.json().catch(() => ({}));
- throw new Error(error.detail || 'Invalid email or password');
- }
-
- const data = await res.json();
-
- return {
- id: data.user?.id || data.id,
- email: data.user?.email || credentials.email,
- name: data.user?.display_name || null,
- accessToken: data.access_token || data.tokens?.access_token,
- refreshToken: data.refresh_token || data.tokens?.refresh_token,
- role: data.user?.role || 'student',
- displayName: data.user?.display_name || null,
- };
- } catch (error) {
- Iif (error instanceof Error) {
- throw error;
- }
- throw new Error('Authentication failed');
- }
- },
- }),
- ],
- callbacks: {
- async jwt({ token, user }) {
- Iif (user) {
- token.accessToken = (user as any).accessToken;
- token.refreshToken = (user as any).refreshToken;
- token.role = (user as any).role;
- token.displayName = (user as any).displayName;
- }
- return token;
- },
- async session({ session, token }) {
- Iif (session.user) {
- (session.user as any).id = token.sub;
- (session.user as any).accessToken = token.accessToken;
- (session.user as any).role = token.role;
- (session.user as any).displayName = token.displayName;
- }
- return session;
- },
- },
- pages: {
- signIn: '/login',
- error: '/login',
- },
- session: {
- strategy: 'jwt',
- maxAge: 24 * 60 * 60,
- },
- secret: process.env.NEXTAUTH_SECRET,
-};
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| config.ts | -
-
- |
- 0% | -0/29 | -0% | -0/25 | -0% | -0/4 | -0% | -0/27 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| api.ts | -
-
- |
- 0% | -0/20 | -0% | -0/17 | -0% | -0/4 | -0% | -0/19 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { NextResponse } from 'next/server';
-import { getToken } from 'next-auth/jwt';
-import type { NextRequest } from 'next/server';
-
-const PUBLIC_PATHS = ['/login', '/signup', '/api/auth'];
-
-export async function authMiddleware(request: NextRequest) {
- const { pathname } = request.nextUrl;
-
- const isPublic = PUBLIC_PATHS.some(
- (path) => pathname === path || pathname.startsWith(path + '/')
- );
-
- Iif (isPublic || pathname.startsWith('/_next') || pathname.startsWith('/favicon')) {
- return NextResponse.next();
- }
-
- const token = await getToken({
- req: request,
- secret: process.env.NEXTAUTH_SECRET,
- });
-
- Iif (!token) {
- const loginUrl = new URL('/login', request.url);
- loginUrl.searchParams.set('callbackUrl', pathname);
- return NextResponse.redirect(loginUrl);
- }
-
- return NextResponse.next();
-}
-
-export const config = {
- matcher: ['/((?!_next/static|_next/image|favicon.ico|public/).*)'],
-};
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| auth-guard.ts | -
-
- |
- 0% | -0/17 | -0% | -0/7 | -0% | -0/2 | -0% | -0/16 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { apiFetch } from '@/lib/api';
-
-export interface Course {
- id: number;
- title: string;
- description?: string;
-}
-
-export interface Lesson {
- id: number;
- title: string;
- content?: string;
-}
-
-export interface CourseWithLessons extends Course {
- lessons: Lesson[];
-}
-
-export async function getCourses(
- skip = 0,
- limit = 100,
- accessToken?: string
-): Promise<Course[]> {
- return apiFetch<Course[]>(`/courses?skip=${skip}&limit=${limit}`, {
- accessToken,
- });
-}
-
-export async function getCourse(
- courseId: string,
- accessToken?: string
-): Promise<Course> {
- return apiFetch<Course>(`/courses/${courseId}`, { accessToken });
-}
-
-export async function getCourseLessons(
- courseId: string,
- accessToken?: string
-): Promise<Lesson[]> {
- return apiFetch<Lesson[]>(`/courses/${courseId}/lessons`, { accessToken });
-}
-
-export async function getLesson(
- lessonId: string,
- accessToken?: string
-): Promise<Lesson> {
- return apiFetch<Lesson>(`/lessons/${lessonId}`, { accessToken });
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { apiFetch, ApiError } from '@/lib/api';
-
-export type DocumentStatus = 'uploading' | 'processing' | 'ready' | 'error';
-
-export interface CourseDocument {
- id: string;
- filename: string;
- size: number;
- status: DocumentStatus;
- error_message?: string;
- created_at: string;
-}
-
-export interface DocumentStatusResponse {
- id: string;
- status: DocumentStatus;
- progress?: number;
- error_message?: string;
-}
-
-export async function getDocuments(
- courseId: string,
- accessToken?: string
-): Promise<CourseDocument[]> {
- return apiFetch<CourseDocument[]>(`/courses/${courseId}/documents`, {
- accessToken,
- });
-}
-
-export async function uploadDocument(
- courseId: string,
- file: File,
- accessToken?: string
-): Promise<CourseDocument> {
- const formData = new FormData();
- formData.append('file', file);
-
- return apiFetch<CourseDocument>(`/courses/${courseId}/documents`, {
- method: 'POST',
- body: formData,
- accessToken,
- });
-}
-
-export async function getDocumentStatus(
- documentId: string,
- accessToken?: string
-): Promise<DocumentStatusResponse> {
- return apiFetch<DocumentStatusResponse>(`/documents/${documentId}/status`, {
- accessToken,
- });
-}
-
-export async function deleteDocument(
- documentId: string,
- accessToken?: string
-): Promise<{ message: string }> {
- return apiFetch<{ message: string }>(`/documents/${documentId}`, {
- method: 'DELETE',
- accessToken,
- });
-}
-
-/**
- * Poll a document's status until it reaches a terminal state.
- * Returns the final status, or throws if polling times out.
- */
-export async function pollDocumentStatus(
- documentId: string,
- accessToken?: string,
- intervalMs = 3000,
- maxAttempts = 60
-): Promise<DocumentStatusResponse> {
- for (let i = 0; i < maxAttempts; i++) {
- try {
- const status = await getDocumentStatus(documentId, accessToken);
- Iif (status.status === 'ready' || status.status === 'error') {
- return status;
- }
- } catch (err) {
- if (err instanceof ApiError && err.status >= 500) {
- // Server error — keep polling
- } else {
- throw err;
- }
- }
- await new Promise((resolve) => setTimeout(resolve, intervalMs));
- }
- throw new Error('Document processing timed out');
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| courses.ts | -
-
- |
- 0% | -0/9 | -0% | -0/2 | -0% | -0/4 | -0% | -0/9 | -
| documents.ts | -
-
- |
- 0% | -0/23 | -0% | -0/9 | -0% | -0/6 | -0% | -0/21 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 | - - - - - | /**
- * Next.js Middleware
- * Handles authentication routing and protection
- */
-export { authMiddleware as default, config } from '@/lib/middleware/auth-guard';
- |
Retrieving · generating… @@ -543,11 +543,13 @@ export function OutputPane({ placeholder={placeholder} rows={2} disabled={loading} + aria-label="Message input" className="flex-1 resize-none rounded-md b-thin px-3 py-2 text-sm placeholder-blue-dark/40 dark:placeholder-white/40 bg-transparent outline-none focus:ring-1 focus:ring-blue-dark dark:focus:ring-white disabled:opacity-50" />