Files
tis/src/app/play/[gameId]/page.tsx
T
ogrechkoandClaude Sonnet 5 c9a6c27a7a Build MVP: launcher, constructor, and AI game generation
A self-hosted, Roblox-flavored game platform: browse/play published
browser games, build them by hand or by describing them to an LLM.
Fully independent from top-tickets — separate repo, DB, port (8082).

- Auth: email+password accounts (argon2, httpOnly session cookies),
  no admin/agent split — every account can create and play.
- Three game templates (quiz, clicker, maze), each a zod schema paired
  with a Phaser 4 Scene that renders purely from a validated instance
  of that schema — manual and AI-generated games hit the same
  renderer, so a saved game is always guaranteed to load and run. The
  maze schema BFS-validates that the exit is reachable from the start.
- Manual constructor: per-template builder forms, draft/publish/edit/
  delete, a launcher grid of published games, a full-bleed play page.
- AI generation: Anthropic API key configured under Settings → AI
  (encrypted at rest, validated with a live call before saving, same
  shape as top-tickets' mailbox/LDAP settings). Generation uses the
  SDK's zodOutputFormat/messages.parse to force schema-shaped JSON
  output, with one retry feeding back the validation error. Output
  always prefills the manual builder for review — never auto-published
  blind. Clean, distinct error message when no key is configured yet
  (no silent fallback exists here, so it doesn't pretend one does).
- Docker Compose on port 8082 (bakes in the busy_timeout=30000 SQLite
  pragma from day one — top-tickets hit this build-time race twice).

Deferred: more templates/genres, drag-and-drop level editor, likes/
leaderboards, AI-generated sprite assets, multiplayer, moderation.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01QcXH24ky6zjk2UyK5oZUPH
2026-07-31 17:40:30 +00:00

40 lines
1.7 KiB
TypeScript

import { notFound } from "next/navigation";
import { getGameById, incrementPlayCount } from "@/lib/games/service";
import { getCurrentSession } from "@/lib/auth/session";
import { TEMPLATE_LABELS } from "@/lib/games/types";
import { PlaySession } from "@/components/play-session";
const TEMPLATE_HINTS: Record<string, string> = {
quiz: "Выбирайте вариант ответа мышкой.",
clicker: "Кликайте по кругу и покупайте улучшения.",
maze: "Управление — стрелки на клавиатуре.",
};
export default async function PlayPage({ params }: { params: Promise<{ gameId: string }> }) {
const { gameId } = await params;
const game = await getGameById(gameId);
if (!game) notFound();
if (game.status === "draft") {
const session = await getCurrentSession();
if (!session || session.user.id !== game.ownerId) notFound();
} else {
await incrementPlayCount(gameId);
}
return (
<div className="flex flex-1 flex-col">
<div className="mx-auto w-full max-w-4xl px-4 pt-6 sm:px-6">
<div className="mb-1 flex items-center gap-2">
<span className="badge">{TEMPLATE_LABELS[game.templateType]}</span>
{game.status === "draft" && <span className="badge bg-danger-soft text-danger-soft-text">Черновик</span>}
</div>
<h1 className="font-display text-2xl font-bold tracking-tight">{game.title}</h1>
{game.description && <p className="mt-1 text-sm text-text-muted">{game.description}</p>}
<p className="mt-1 text-xs text-text-faint">{TEMPLATE_HINTS[game.templateType]}</p>
</div>
<PlaySession templateType={game.templateType} definition={game.definition} />
</div>
);
}