[V0_FILE]typescriptreact:file="app/loading.tsx" isFixed="true" export default function Loading() { return null } [V0_FILE]jpeg:file="public/images/chess-game.jpeg" url="https://sjc.microlink.io/VG2LZNRII61ZWhDZXMlqVfGh2XZ7W_zbA9mbYmiiiyo69SYfRc6Ym4kcu_HeW_eXaPwv9mY8XuUVlg6bBKv42w.jpeg" [V0_FILE]json:file="package.json" { "name": "unblocked-games", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "next": "14.0.0", "react": "^18", "react-dom": "^18", "bcryptjs": "^2.4.3", "jsonwebtoken": "^9.0.2" }, "devDependencies": { "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "@types/bcryptjs": "^2.4.6", "@types/jsonwebtoken": "^9.0.5", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/api/settings/route.ts" isQuickEdit="true" import { type NextRequest, NextResponse } from "next/server" import jwt from "jsonwebtoken" const JWT_SECRET = process.env.JWT_SECRET || "your-secret-key-change-in-production" // In-memory storage for site settings (replace with database in production) let siteSettings = { siteName: "UnblockedGames", siteDescription: "Your go-to destination for unblocked games. Play anywhere, anytime!", heroTitle: "Play Chess Online Anywhere", heroSubtitle: "Access the world's most popular strategy game directly in your browser. No downloads required!", primaryColor: "#7c3aed", secondaryColor: "#059669", logoUrl: "", faviconUrl: "", footerText: "Your go-to destination for unblocked games. Play anywhere, anytime!", socialLinks: { twitter: "", facebook: "", instagram: "", discord: "", }, analytics: { googleAnalyticsId: "", facebookPixelId: "", }, seo: { metaTitle: "UnblockedGames - Play Games Anywhere", metaDescription: "Access hundreds of unblocked games directly in your browser. No downloads required!", keywords: "unblocked games, online games, browser games, free games", }, } // Verify JWT token function verifyToken(request: NextRequest) { const authHeader = request.headers.get("authorization") if (!authHeader || !authHeader.startsWith("Bearer ")) { return null } const token = authHeader.substring(7) try { return jwt.verify(token, JWT_SECRET) as any } catch (error) { return null } } // GET - Fetch site settings (public) export async function GET() { try { return NextResponse.json({ success: true, settings: siteSettings, }) } catch (error) { return NextResponse.json({ success: false, message: "Failed to fetch settings" }, { status: 500 }) } } // PUT - Update site settings (admin only) export async function PUT(request: NextRequest) { try { const user = verifyToken(request) if (!user) { return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 }) } // Check if user is admin if (user.email !== "ethangamer492@gmail.com") { return NextResponse.json({ success: false, message: "Admin access required" }, { status: 403 }) } const newSettings = await request.json() // Update settings (merge with existing) siteSettings = { ...siteSettings, ...newSettings } return NextResponse.json({ success: true, message: "Settings updated successfully", settings: siteSettings, }) } catch (error) { console.error("Update settings error:", error) return NextResponse.json({ success: false, message: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescript:file="lib/users.ts" import bcrypt from "bcryptjs" // Shared user storage export const users: { id: string; email: string; password: string; createdAt: Date }[] = [] // Initialize owner account export const initializeOwnerAccount = async () => { const ownerEmail = "ethangamer492@gmail.com" const ownerPassword = "Compass15!" // Check if owner account already exists const existingOwner = users.find((user) => user.email === ownerEmail) if (!existingOwner) { const hashedPassword = await bcrypt.hash(ownerPassword, 10) users.push({ id: "owner-001", email: ownerEmail, password: hashedPassword, createdAt: new Date(), }) console.log("Owner account initialized:", ownerEmail) } } // Initialize on module load initializeOwnerAccount() [V0_FILE]typescript:file="app/api/auth/signin/route.ts" import { type NextRequest, NextResponse } from "next/server" import jwt from "jsonwebtoken" import bcrypt from "bcryptjs" // In-memory storage for users const users: { id: string; email: string; password: string; createdAt: Date }[] = [] // Initialize owner account const initializeOwnerAccount = async () => { try { const ownerEmail = "ethangamer492@gmail.com" const ownerPassword = "Compass15!" // Check if owner account already exists const existingOwner = users.find((user) => user.email === ownerEmail) if (!existingOwner) { const hashedPassword = await bcrypt.hash(ownerPassword, 10) users.push({ id: "owner-001", email: ownerEmail, password: hashedPassword, createdAt: new Date(), }) console.log("Owner account initialized:", ownerEmail) } } catch (error) { console.error("Error initializing owner account:", error) } } // Initialize owner account initializeOwnerAccount() const JWT_SECRET = process.env.JWT_SECRET || "your-secret-key-change-in-production" export async function POST(request: NextRequest) { try { console.log("Sign in API called") const body = await request.json() const { email, password } = body console.log("Sign in attempt for:", email) console.log( "Available users:", users.map((u) => u.email), ) // Validate input if (!email || !password) { return NextResponse.json({ success: false, message: "Email and password are required" }, { status: 400 }) } // Find user const user = users.find((u) => u.email === email) if (!user) { console.log("User not found:", email) return NextResponse.json({ success: false, message: "Invalid credentials" }, { status: 401 }) } // Verify password const isValidPassword = await bcrypt.compare(password, user.password) if (!isValidPassword) { console.log("Invalid password for:", email) return NextResponse.json({ success: false, message: "Invalid credentials" }, { status: 401 }) } // Generate JWT token const token = jwt.sign({ userId: user.id, email: user.email }, JWT_SECRET, { expiresIn: "7d" }) console.log("Sign in successful for:", email) return NextResponse.json({ success: true, message: "Sign in successful", token, user: { id: user.id, email: user.email }, }) } catch (error) { console.error("Signin error:", error) return NextResponse.json({ success: false, message: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/auth/signup/route.ts" import { type NextRequest, NextResponse } from "next/server" import jwt from "jsonwebtoken" import bcrypt from "bcryptjs" // In-memory storage for users (shared with signin) const users: { id: string; email: string; password: string; createdAt: Date }[] = [] const JWT_SECRET = process.env.JWT_SECRET || "your-secret-key-change-in-production" export async function POST(request: NextRequest) { try { console.log("Sign up API called") const body = await request.json() const { email, password } = body console.log("Sign up attempt for:", email) // Validate input if (!email || !password) { return NextResponse.json({ success: false, message: "Email and password are required" }, { status: 400 }) } // Check if user already exists const existingUser = users.find((user) => user.email === email) if (existingUser) { return NextResponse.json({ success: false, message: "User already exists" }, { status: 400 }) } // Hash password const hashedPassword = await bcrypt.hash(password, 10) // Create user const newUser = { id: Date.now().toString(), email, password: hashedPassword, createdAt: new Date(), } users.push(newUser) // Generate JWT token const token = jwt.sign({ userId: newUser.id, email: newUser.email }, JWT_SECRET, { expiresIn: "7d" }) console.log("Sign up successful for:", email) return NextResponse.json({ success: true, message: "User created successfully", token, user: { id: newUser.id, email: newUser.email }, }) } catch (error) { console.error("Signup error:", error) return NextResponse.json({ success: false, message: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescriptreact:file="app/api/games/route.ts" import { type NextRequest, NextResponse } from "next/server" import jwt from "jsonwebtoken" const JWT_SECRET = process.env.JWT_SECRET || "your-secret-key-change-in-production" // In-memory storage for games const games = [ { id: 1, title: "Chess", description: "Play chess online - the ultimate strategy game", category: "Strategy", rating: 4.9, players: "170k+", image: "/images/chess-game.jpeg", featured: true, url: "https://www.schoolschoolschool.com/", buttonText: "Play Chess", buttonStyle: "default", buttonColor: "#7c3aed", buttonTextColor: "#ffffff", buttonSize: "medium", createdAt: new Date(), }, ] // Verify JWT token function verifyToken(request: NextRequest) { try { const authHeader = request.headers.get("authorization") if (!authHeader || !authHeader.startsWith("Bearer ")) { return null } const token = authHeader.substring(7) return jwt.verify(token, JWT_SECRET) as any } catch (error) { console.error("Token verification error:", error) return null } } // GET - Fetch all games (public) export async function GET() { try { console.log("Games API called, returning:", games.length, "games") return NextResponse.json({ success: true, games: games, count: games.length, }) } catch (error) { console.error("Games API error:", error) return NextResponse.json( { success: false, message: "Failed to fetch games", games: [], count: 0, }, { status: 500 }, ) } } // POST - Add new game (admin only) export async function POST(request: NextRequest) { try { console.log("Add game API called") const user = verifyToken(request) if (!user) { return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 }) } // Check if user is admin if (user.email !== "ethangamer492@gmail.com") { return NextResponse.json({ success: false, message: "Admin access required" }, { status: 403 }) } const gameData = await request.json() const { title, description, category, image, url, buttonText, buttonStyle } = gameData // Validate required fields if (!title || !description || !category || !image || !url) { return NextResponse.json({ success: false, message: "All fields are required" }, { status: 400 }) } // Create new game const newGame = { id: games.length + 1, title, description, category, image, url, buttonText: buttonText || "Play Now", buttonStyle: buttonStyle || "default", buttonColor: gameData.buttonColor || "#7c3aed", buttonTextColor: gameData.buttonTextColor || "#ffffff", buttonSize: gameData.buttonSize || "medium", rating: 4.0, players: "New", featured: gameData.featured || false, createdAt: new Date(), } games.push(newGame) console.log("Game added successfully:", newGame.title) return NextResponse.json({ success: true, message: "Game added successfully", game: newGame, }) } catch (error) { console.error("Add game error:", error) return NextResponse.json({ success: false, message: "Internal server error" }, { status: 500 }) } } // DELETE - Remove game (admin only) export async function DELETE(request: NextRequest) { try { const user = verifyToken(request) if (!user) { return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 }) } // Check if user is admin if (user.email !== "ethangamer492@gmail.com") { return NextResponse.json({ success: false, message: "Admin access required" }, { status: 403 }) } const { searchParams } = new URL(request.url) const gameId = searchParams.get("id") if (!gameId) { return NextResponse.json({ success: false, message: "Game ID is required" }, { status: 400 }) } const gameIndex = games.findIndex((game) => game.id === Number.parseInt(gameId)) if (gameIndex === -1) { return NextResponse.json({ success: false, message: "Game not found" }, { status: 404 }) } games.splice(gameIndex, 1) return NextResponse.json({ success: true, message: "Game deleted successfully", }) } catch (error) { console.error("Delete game error:", error) return NextResponse.json({ success: false, message: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/admin/stats/route.ts" import { type NextRequest, NextResponse } from "next/server" import jwt from "jsonwebtoken" const JWT_SECRET = process.env.JWT_SECRET || "your-secret-key-change-in-production" // Verify JWT token function verifyToken(request: NextRequest) { try { const authHeader = request.headers.get("authorization") if (!authHeader || !authHeader.startsWith("Bearer ")) { return null } const token = authHeader.substring(7) return jwt.verify(token, JWT_SECRET) as any } catch (error) { return null } } // GET - Fetch admin statistics export async function GET(request: NextRequest) { try { const user = verifyToken(request) if (!user || user.email !== "ethangamer492@gmail.com") { return NextResponse.json({ success: false, message: "Admin access required" }, { status: 403 }) } // Mock statistics - replace with real data in production const stats = { totalUsers: 1247, totalGames: 1, totalPlays: 15420, activeUsers: 89, newUsersToday: 23, popularGames: [{ name: "Chess", plays: 15420 }], recentActivity: [ { action: "User signed up", user: "user@example.com", timestamp: new Date() }, { action: "Game played", game: "Chess", timestamp: new Date() }, ], systemHealth: { apiStatus: "healthy", databaseStatus: "healthy", uptime: "99.9%", responseTime: "45ms", }, } return NextResponse.json({ success: true, stats, }) } catch (error) { console.error("Stats API error:", error) return NextResponse.json({ success: false, message: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/admin/logs/route.ts" import { type NextRequest, NextResponse } from "next/server" import jwt from "jsonwebtoken" const JWT_SECRET = process.env.JWT_SECRET || "your-secret-key-change-in-production" // In-memory logs storage (replace with database in production) const logs: Array<{ id: string timestamp: Date level: "info" | "warning" | "error" message: string endpoint?: string userAgent?: string ip?: string }> = [ { id: "1", timestamp: new Date(), level: "info", message: "User signed in successfully", endpoint: "/api/auth/signin", userAgent: "Mozilla/5.0...", ip: "192.168.1.1", }, { id: "2", timestamp: new Date(), level: "warning", message: "Failed login attempt", endpoint: "/api/auth/signin", userAgent: "Mozilla/5.0...", ip: "192.168.1.2", }, { id: "3", timestamp: new Date(), level: "error", message: "Database connection timeout", endpoint: "/api/games", userAgent: "Mozilla/5.0...", ip: "192.168.1.3", }, ] // Verify JWT token function verifyToken(request: NextRequest) { try { const authHeader = request.headers.get("authorization") if (!authHeader || !authHeader.startsWith("Bearer ")) { return null } const token = authHeader.substring(7) return jwt.verify(token, JWT_SECRET) as any } catch (error) { return null } } // GET - Fetch system logs export async function GET(request: NextRequest) { try { const user = verifyToken(request) if (!user || user.email !== "ethangamer492@gmail.com") { return NextResponse.json({ success: false, message: "Admin access required" }, { status: 403 }) } const { searchParams } = new URL(request.url) const level = searchParams.get("level") const limit = Number.parseInt(searchParams.get("limit") || "50") let filteredLogs = logs if (level) { filteredLogs = logs.filter((log) => log.level === level) } // Sort by timestamp (newest first) and limit const sortedLogs = filteredLogs.sort((a, b) => b.timestamp.getTime() - a.timestamp.getTime()).slice(0, limit) return NextResponse.json({ success: true, logs: sortedLogs, total: filteredLogs.length, }) } catch (error) { console.error("Logs API error:", error) return NextResponse.json({ success: false, message: "Internal server error" }, { status: 500 }) } } // POST - Add new log entry export async function POST(request: NextRequest) { try { const { level, message, endpoint } = await request.json() const newLog = { id: Date.now().toString(), timestamp: new Date(), level, message, endpoint, userAgent: request.headers.get("user-agent") || "", ip: request.headers.get("x-forwarded-for") || "unknown", } logs.push(newLog) return NextResponse.json({ success: true, log: newLog, }) } catch (error) { console.error("Add log error:", error) return NextResponse.json({ success: false, message: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/admin/analytics/route.ts" import { type NextRequest, NextResponse } from "next/server" import jwt from "jsonwebtoken" const JWT_SECRET = process.env.JWT_SECRET || "your-secret-key-change-in-production" // Mock analytics data const analyticsData = { gameViews: [{ gameId: 1, gameName: "Chess", views: 15420, plays: 12340, date: "2024-01-15" }], userActivity: [ { date: "2024-01-15", newUsers: 23, activeUsers: 89, totalPlays: 156 }, { date: "2024-01-14", newUsers: 18, activeUsers: 92, totalPlays: 143 }, ], popularTimes: [ { hour: 14, plays: 234 }, { hour: 15, plays: 289 }, { hour: 16, plays: 312 }, ], } // Verify JWT token function verifyToken(request: NextRequest) { try { const authHeader = request.headers.get("authorization") if (!authHeader || !authHeader.startsWith("Bearer ")) { return null } const token = authHeader.substring(7) return jwt.verify(token, JWT_SECRET) as any } catch (error) { return null } } // GET - Fetch analytics data export async function GET(request: NextRequest) { try { const user = verifyToken(request) if (!user || user.email !== "ethangamer492@gmail.com") { return NextResponse.json({ success: false, message: "Admin access required" }, { status: 403 }) } return NextResponse.json({ success: true, analytics: analyticsData, }) } catch (error) { console.error("Analytics API error:", error) return NextResponse.json({ success: false, message: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescriptreact:file="app/play/page.tsx" "use client" import { useSearchParams, useRouter } from "next/navigation" import { useEffect, useState } from "react" import { Button } from "@/components/ui/button" import { ArrowLeft, ExternalLink } from "lucide-react" export default function PlayPage() { const searchParams = useSearchParams() const router = useRouter() const [gameUrl, setGameUrl] = useState("") const [gameTitle, setGameTitle] = useState("") useEffect(() => { const url = searchParams.get("url") const title = searchParams.get("title") if (url) { setGameUrl(decodeURIComponent(url)) setGameTitle(title ? decodeURIComponent(title) : "Game") } }, [searchParams]) if (!gameUrl) { return (

Invalid Game URL

) } return (

{/* Top Bar */}

{gameTitle}

{/* Game Frame */}