Features added: - Database schema for pages and media files with content types (Rich Text, HTML, Markdown) - Admin API routes for full page CRUD operations - Image upload functionality with file management - Rich text editor using TinyMCE with image insertion - Admin interface for creating/editing pages with SEO options - Dynamic navigation and footer integration - Public page display routes with proper SEO metadata - Support for featured images and content excerpts Admin features: - Create/edit/delete pages with rich content editor - Upload and manage images through media library - Configure pages to appear in navigation or footer - Set page status (Draft, Published, Archived) - SEO title and description management - Real-time preview of content changes 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
137 lines
3.8 KiB
TypeScript
137 lines
3.8 KiB
TypeScript
import { NextRequest, NextResponse } from 'next/server';
|
|
import { writeFile, mkdir } from 'fs/promises';
|
|
import { existsSync } from 'fs';
|
|
import path from 'path';
|
|
import { prisma } from '@/lib/db';
|
|
import { verifyAdminAuth } from '@/lib/admin-auth';
|
|
|
|
const UPLOAD_DIR = path.join(process.cwd(), 'public', 'uploads');
|
|
const ALLOWED_TYPES = ['image/jpeg', 'image/jpg', 'image/png', 'image/webp', 'image/gif'];
|
|
const MAX_FILE_SIZE = 5 * 1024 * 1024; // 5MB
|
|
|
|
export async function POST(request: NextRequest) {
|
|
try {
|
|
const adminUser = await verifyAdminAuth(request);
|
|
if (!adminUser) {
|
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
|
}
|
|
|
|
const formData = await request.formData();
|
|
const file = formData.get('file') as File;
|
|
const alt = formData.get('alt') as string;
|
|
|
|
if (!file) {
|
|
return NextResponse.json(
|
|
{ success: false, error: 'No file provided' },
|
|
{ status: 400 }
|
|
);
|
|
}
|
|
|
|
if (!ALLOWED_TYPES.includes(file.type)) {
|
|
return NextResponse.json(
|
|
{ success: false, error: 'Invalid file type. Only images are allowed.' },
|
|
{ status: 400 }
|
|
);
|
|
}
|
|
|
|
if (file.size > MAX_FILE_SIZE) {
|
|
return NextResponse.json(
|
|
{ success: false, error: 'File too large. Maximum size is 5MB.' },
|
|
{ status: 400 }
|
|
);
|
|
}
|
|
|
|
// Ensure upload directory exists
|
|
if (!existsSync(UPLOAD_DIR)) {
|
|
await mkdir(UPLOAD_DIR, { recursive: true });
|
|
}
|
|
|
|
// Generate unique filename
|
|
const timestamp = Date.now();
|
|
const extension = path.extname(file.name);
|
|
const baseFilename = file.name.replace(extension, '').replace(/[^a-zA-Z0-9]/g, '-');
|
|
const filename = `${timestamp}-${baseFilename}${extension}`;
|
|
const filePath = path.join(UPLOAD_DIR, filename);
|
|
|
|
// Write file to disk
|
|
const bytes = await file.arrayBuffer();
|
|
const buffer = Buffer.from(bytes);
|
|
await writeFile(filePath, buffer);
|
|
|
|
// Save to database
|
|
const mediaFile = await prisma.mediaFile.create({
|
|
data: {
|
|
filename,
|
|
originalName: file.name,
|
|
mimeType: file.type,
|
|
size: file.size,
|
|
path: filePath,
|
|
url: `/uploads/${filename}`,
|
|
alt: alt || null,
|
|
uploadedBy: adminUser.id
|
|
}
|
|
});
|
|
|
|
return NextResponse.json({
|
|
success: true,
|
|
data: mediaFile
|
|
});
|
|
} catch (error) {
|
|
console.error('Error uploading file:', error);
|
|
return NextResponse.json(
|
|
{ success: false, error: 'Failed to upload file' },
|
|
{ status: 500 }
|
|
);
|
|
}
|
|
}
|
|
|
|
export async function GET(request: NextRequest) {
|
|
try {
|
|
const adminUser = await verifyAdminAuth(request);
|
|
if (!adminUser) {
|
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
|
}
|
|
|
|
const { searchParams } = new URL(request.url);
|
|
const page = parseInt(searchParams.get('page') || '1');
|
|
const limit = parseInt(searchParams.get('limit') || '20');
|
|
const type = searchParams.get('type');
|
|
|
|
const skip = (page - 1) * limit;
|
|
|
|
const where: any = {};
|
|
if (type) {
|
|
where.mimeType = { startsWith: type };
|
|
}
|
|
|
|
const [files, total] = await Promise.all([
|
|
prisma.mediaFile.findMany({
|
|
where,
|
|
orderBy: { createdAt: 'desc' },
|
|
skip,
|
|
take: limit,
|
|
include: {
|
|
uploader: { select: { name: true, email: true } }
|
|
}
|
|
}),
|
|
prisma.mediaFile.count({ where })
|
|
]);
|
|
|
|
return NextResponse.json({
|
|
success: true,
|
|
data: files,
|
|
pagination: {
|
|
page,
|
|
limit,
|
|
total,
|
|
pages: Math.ceil(total / limit)
|
|
}
|
|
});
|
|
} catch (error) {
|
|
console.error('Error fetching media files:', error);
|
|
return NextResponse.json(
|
|
{ success: false, error: 'Failed to fetch media files' },
|
|
{ status: 500 }
|
|
);
|
|
}
|
|
} |