\n \n \n\n",[],[237,246],"5c31cdd4-35d0-11f0-ba87-9e149126039e","ShareMaze.tsx","dbafc622-a734-4e65-869c-54c9f18ed8d4","d5fcdcd6-1afe-4751-9796-d93540277b45",["D",1747782946463],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Maze } from \"../../shared/types.ts\";\n\ninterface ShareMazeProps {\n maze: Maze;\n mazeId?: number;\n}\n\nexport default function ShareMaze({ maze, mazeId }: ShareMazeProps) {\n const [copied, setCopied] = React.useState(false);\n \n // Generate share URL\n const getShareUrl = () => {\n const baseUrl = window.location.origin;\n return `${baseUrl}?maze=${mazeId}`;\n };\n \n // Copy share URL to clipboard\n const copyToClipboard = () => {\n const shareUrl = getShareUrl();\n navigator.clipboard.writeText(shareUrl).then(() => {\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n });\n };\n \n // Share via Web Share API if available\n const shareMaze = () => {\n if (navigator.share) {\n navigator.share({\n title: `Play \"${maze.name}\" - A-Mazing Maze Days`,\n text: `Check out this maze I created: ${maze.name}`,\n url: getShareUrl(),\n }).catch((error) => console.log('Error sharing', error));\n } else {\n copyToClipboard();\n }\n };\n \n if (!mazeId) {\n return (\n

\n Save the maze first to get a shareable link\n

\n );\n }\n \n return (\n

Share This Maze

\n \n

\n \n \n \n {navigator.share ? \"Share\" : copied ? \"Copied!\" : \"Copy\"}\n \n

\n \n

\n Share this link with friends so they can play your maze!\n

\n );\n}",[],[237,260,253],"components","c9429b52-364c-11f0-9e60-9e149126039e","MazePlayer.tsx","70d9a6be-60d2-47b7-bd54-ee86c5eacbf8",["D",1747836387042],8,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Cell, CellType, Direction, Maze } from \"../../shared/types.ts\";\nimport MazeGrid from \"./MazeGrid.tsx\";\nimport MazeControls from \"./MazeControls.tsx\";\nimport Leaderboard from \"./Leaderboard.tsx\";\n\n// @ts-ignore - Confetti is loaded from CDN\ndeclare const confetti: any;\n\ninterface MazePlayerProps {\n maze: Maze;\n mazeId?: number;\n onSaveMaze: (maze: Maze) => void;\n onNewMaze: () => void;\n}\n\nexport default function MazePlayer({ maze, mazeId, onSaveMaze, onNewMaze }: MazePlayerProps) {\n const [grid, setGrid] = React.useState([]);\n const [currentPosition, setCurrentPosition] = React.useState({ x: 0, y: 0 });\n const [isGameOver, setIsGameOver] = React.useState(false);\n const [moveCount, setMoveCount] = React.useState(0);\n const [showCelebration, setShowCelebration] = React.useState(false);\n const [leaderboardEntries, setLeaderboardEntries] = React.useState([]);\n const [isLoadingLeaderboard, setIsLoadingLeaderboard] = React.useState(false);\n const [scoreSaved, setScoreSaved] = React.useState(false);\n \n // Initialize the maze\n React.useEffect(() => {\n if (maze && maze.grid) {\n // Deep clone the grid to avoid modifying the original\n const newGrid = JSON.parse(JSON.stringify(maze.grid));\n \n // Set the current position to the start position\n setCurrentPosition({ ...maze.startPosition });\n \n // Mark the current position\n if (newGrid[maze.startPosition.y][maze.startPosition.x].type === CellType.START) {\n newGrid[maze.startPosition.y][maze.startPosition.x].type = CellType.CURRENT;\n }\n \n setGrid(newGrid);\n setIsGameOver(false);\n setMoveCount(0);\n setShowCelebration(false);\n setScoreSaved(false);\n \n // Load leaderboard if maze has an ID\n if (mazeId) {\n loadLeaderboard(mazeId);\n } else {\n setLeaderboardEntries([]);\n }\n }\n }, [maze, mazeId]);\n \n // React to changes in mazeId\n React.useEffect(() => {\n // If the maze was just saved (got an ID) and the game is over, save the score\n if (mazeId && isGameOver && !scoreSaved) {\n saveScore();\n }\n }, [mazeId]);\n \n // Load leaderboard for the current maze\n const loadLeaderboard = async (mazeId: number) => {\n setIsLoadingLeaderboard(true);\n try {\n const response = await fetch(`/api/mazes/${mazeId}/leaderboard`);\n if (response.ok) {\n const data = await response.json();\n setLeaderboardEntries(data.entries);\n }\n } catch (error) {\n console.error(\"Error loading leaderboard:\", error);\n } finally {\n setIsLoadingLeaderboard(false);\n }\n };\n \n // Save score to leaderboard\n const saveScore = async () => {\n if (!mazeId || scoreSaved) return;\n \n try {\n const response = await fetch(`/api/mazes/${mazeId}/leaderboard`, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ moves: moveCount }),\n });\n \n if (response.ok) {\n setScoreSaved(true);\n // Reload leaderboard to show updated scores\n loadLeaderboard(mazeId);\n }\n } catch (error) {\n console.error(\"Error saving score:\", error);\n }\n };\n \n // Handle player movement\n const handleMove = (direction: Direction) => {\n if (isGameOver) return;\n \n const { x, y } = currentPosition;\n let newX = x;\n let newY = y;\n \n // Calculate new position based on direction\n switch (direction) {\n case Direction.UP:\n newY = y - 1;\n break;\n case Direction.RIGHT:\n newX = x + 1;\n break;\n case Direction.DOWN:\n newY = y + 1;\n break;\n case Direction.LEFT:\n newX = x - 1;\n break;\n }\n \n // Check if the new position is valid (within bounds and not a wall)\n if (\n newY >= 0 && newY < grid.length &&\n newX >= 0 && newX < grid[0].length &&\n grid[newY][newX].type !== CellType.WALL\n ) {\n // Create a new grid to update\n const newGrid = [...grid];\n \n // Check if the new position is the end\n const isEnd = newGrid[newY][newX].type === CellType.END;\n \n // Update the old position to be visited\n if (newGrid[y][x].type !== CellType.START) {\n newGrid[y][x].type = CellType.VISITED;\n } else {\n newGrid[y][x].type = CellType.START;\n }\n \n // Update the new position to be current\n if (!isEnd) {\n newGrid[newY][newX].type = CellType.CURRENT;\n }\n \n // Update state\n setGrid(newGrid);\n setCurrentPosition({ x: newX, y: newY });\n setMoveCount(moveCount + 1);\n \n // Check for win condition\n if (isEnd) {\n setIsGameOver(true);\n celebrate();\n \n // If maze doesn't have an ID yet, save it first\n if (!mazeId) {\n onSaveMaze(maze);\n } else {\n // Save score if maze has an ID\n saveScore();\n }\n }\n }\n };\n \n // Reset player position\n const handleReset = () => {\n if (maze && maze.grid) {\n // Deep clone the grid to avoid modifying the original\n const newGrid = JSON.parse(JSON.stringify(maze.grid));\n \n // Set the current position to the start position\n setCurrentPosition({ ...maze.startPosition });\n \n // Mark the current position\n if (newGrid[maze.startPosition.y][maze.startPosition.x].type === CellType.START) {\n newGrid[maze.startPosition.y][maze.startPosition.x].type = CellType.CURRENT;\n }\n \n setGrid(newGrid);\n setIsGameOver(false);\n setMoveCount(0);\n setShowCelebration(false);\n setScoreSaved(false);\n }\n };\n \n // Celebration effect when reaching the goal\n const celebrate = () => {\n setShowCelebration(true);\n \n // Trigger confetti\n confetti({\n particleCount: 150,\n spread: 70,\n origin: { y: 0.6 }\n });\n \n // Fire multiple confetti bursts\n setTimeout(() => {\n confetti({\n particleCount: 100,\n angle: 60,\n spread: 55,\n origin: { x: 0 }\n });\n }, 500);\n \n setTimeout(() => {\n confetti({\n particleCount: 100,\n angle: 120,\n spread: 55,\n origin: { x: 1 }\n });\n }, 1000);\n };\n \n // Calculate cell size based on grid dimensions\n const calculateCellSize = () => {\n if (!grid || grid.length === 0) return 20;\n \n const width = grid[0].length;\n const height = grid.length;\n \n // Adjust cell size based on maze dimensions\n if (width > 30 || height > 30) {\n return 12;\n } else if (width > 20 || height > 20) {\n return 16;\n } else {\n return 20;\n }\n };\n \n return (\n

{maze.name}

\n Moves: {moveCount}\n

\n \n

\n \n \n \n \n {isGameOver && (\n

\n 🎉 Congratulations! 🎉\n

\n You solved the maze in {moveCount} moves!\n

\n onSaveMaze(maze)}\n >\n Save Maze\n \n \n Create New Maze\n \n

\n )}\n \n {/* Show leaderboard if maze has an ID */}\n {mazeId && (\n

\n {isLoadingLeaderboard ? (\n

Loading leaderboard...

\n ) : (\n \n )}\n

\n )}\n

\n \n {showCelebration && (\n

\n )}\n

\n );\n}",[],[237,260,262],"5c31c622-35d0-11f0-ba87-9e149126039e","MazeGrid.tsx","fa1dc2de-427e-43fe-bde7-220f24805ab5",["D",1747782946463],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Cell } from \"../../shared/types.ts\";\nimport MazeCell from \"./MazeCell.tsx\";\n\ninterface MazeGridProps {\n grid: Cell[][];\n cellSize?: number;\n}\n\nexport default function MazeGrid({ grid, cellSize = 20 }: MazeGridProps) {\n if (!grid || grid.length === 0 || !grid[0] || grid[0].length === 0) {\n return

No maze data available

;\n }\n \n return (\n

\n {grid.map((row, rowIndex) => (\n

\n {row.map((cell) => (\n \n ))}\n

\n ))}\n

\n );\n}",[],[237,260,270],"5c31c32a-35d0-11f0-ba87-9e149126039e","MazeGallery.tsx","e6976472-6922-48d0-81f2-171c21ab05ea",["D",1747782946463],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { SavedMaze } from \"../../shared/types.ts\";\n\ninterface MazeGalleryProps {\n mazes: SavedMaze[];\n onLoadMaze: (mazeId: number) => void;\n onDeleteMaze: (mazeId: number) => void;\n isLoading: boolean;\n}\n\nexport default function MazeGallery({ mazes, onLoadMaze, onDeleteMaze, isLoading }: MazeGalleryProps) {\n if (isLoading) {\n return (\n

My Maze Gallery

Loading your mazes...

\n );\n }\n \n if (mazes.length === 0) {\n return (\n

My Maze Gallery

You haven't saved any mazes yet.

Create and solve a maze to save it to your gallery!

\n );\n }\n \n return (\n

My Maze Gallery

\n \n

\n {mazes.map((maze) => (\n

{maze.name}

Algorithm: {formatAlgorithm(maze.algorithm)}

Difficulty: {maze.difficulty.charAt(0).toUpperCase() + maze.difficulty.slice(1)}

Size: {maze.width}x{maze.height}

Created: {formatDate(maze.createdAt)}

\n onLoadMaze(maze.id)}\n >\n Play\n \n onDeleteMaze(maze.id)}\n >\n Delete\n \n

\n ))}\n

\n );\n}\n\n// Helper function to format algorithm name\nfunction formatAlgorithm(algorithm: string): string {\n switch (algorithm) {\n case \"recursive_backtracking\":\n return \"Recursive Backtracking\";\n case \"kruskal\":\n return \"Kruskal's Algorithm\";\n case \"prim\":\n return \"Prim's Algorithm\";\n default:\n return algorithm;\n }\n}\n\n// Helper function to format date\nfunction formatDate(dateString: string): string {\n const date = new Date(dateString);\n return date.toLocaleDateString();\n}",[],[237,260,277],"5c31c06e-35d0-11f0-ba87-9e149126039e","MazeControls.tsx","24d793d1-495e-470f-a8db-25623e9ebbb5",["D",1747782946463],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Direction } from \"../../shared/types.ts\";\n\ninterface MazeControlsProps {\n onMove: (direction: Direction) => void;\n onReset: () => void;\n isGameOver: boolean;\n}\n\nexport default function MazeControls({ onMove, onReset, isGameOver }: MazeControlsProps) {\n // Handle keyboard controls\n React.useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (isGameOver) return;\n \n switch (e.key) {\n case \"ArrowUp\":\n onMove(Direction.UP);\n e.preventDefault();\n break;\n case \"ArrowRight\":\n onMove(Direction.RIGHT);\n e.preventDefault();\n break;\n case \"ArrowDown\":\n onMove(Direction.DOWN);\n e.preventDefault();\n break;\n case \"ArrowLeft\":\n onMove(Direction.LEFT);\n e.preventDefault();\n break;\n }\n };\n \n window.addEventListener(\"keydown\", handleKeyDown);\n \n return () => {\n window.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [onMove, isGameOver]);\n \n return (\n

\n onMove(Direction.UP)}\n disabled={isGameOver}\n >\n \n \n \n

\n onMove(Direction.LEFT)}\n disabled={isGameOver}\n >\n \n \n \n onMove(Direction.DOWN)}\n disabled={isGameOver}\n >\n \n \n \n onMove(Direction.RIGHT)}\n disabled={isGameOver}\n >\n \n \n

\n \n

\n \n Reset Position\n \n

\n );\n}",[],[237,260,284],"5c31be2a-35d0-11f0-ba87-9e149126039e","MazeCell.tsx","d1ec063b-eb2d-471c-bc5c-3ad4759bfa4d",["D",1747782946463],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Cell, CellType } from \"../../shared/types.ts\";\n\ninterface MazeCellProps {\n cell: Cell;\n cellSize: number;\n}\n\nexport default function MazeCell({ cell, cellSize }: MazeCellProps) {\n // Determine cell color based on type\n let bgColor = \"bg-gray-800\"; // Wall\n let extraClasses = \"\";\n \n switch (cell.type) {\n case CellType.PATH:\n bgColor = \"bg-white\";\n break;\n case CellType.START:\n bgColor = \"bg-green-500\";\n extraClasses = \"cell-start\";\n break;\n case CellType.END:\n bgColor = \"bg-red-500\";\n extraClasses = \"cell-end\";\n break;\n case CellType.CURRENT:\n bgColor = \"bg-blue-500\";\n extraClasses = \"cell-current\";\n break;\n case CellType.VISITED:\n bgColor = \"bg-blue-100\";\n break;\n default:\n bgColor = \"bg-gray-800\"; // Wall\n }\n \n return (\n

\n );\n}",[],[237,260,291],"5c31bace-35d0-11f0-ba87-9e149126039e","MazeBuilder.tsx","49b6e48b-27a8-4aa4-be85-b6abe24bc59e",["D",1747782946463],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Difficulty, Maze, MazeAlgorithm } from \"../../shared/types.ts\";\n\ninterface MazeBuilderProps {\n onGenerateMaze: (\n name: string,\n algorithm: MazeAlgorithm,\n width: number,\n height: number,\n difficulty: Difficulty\n ) => void;\n isLoading: boolean;\n}\n\nexport default function MazeBuilder({ onGenerateMaze, isLoading }: MazeBuilderProps) {\n const [name, setName] = React.useState(\"My Amazing Maze\");\n const [algorithm, setAlgorithm] = React.useState(MazeAlgorithm.RECURSIVE_BACKTRACKING);\n const [width, setWidth] = React.useState(15);\n const [height, setHeight] = React.useState(15);\n const [difficulty, setDifficulty] = React.useState(Difficulty.MEDIUM);\n \n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n onGenerateMaze(name, algorithm, width, height, difficulty);\n };\n \n return (\n

Create a New Maze

\n \n

\n \n Maze Name\n \n setName(e.target.value)}\n required\n />\n

\n \n

\n \n Algorithm\n \n setAlgorithm(e.target.value as MazeAlgorithm)}\n >\n \n \n \n \n

\n \n

\n \n Width: {width}\n \n setWidth(parseInt(e.target.value))}\n />\n

\n \n

\n \n Height: {height}\n \n setHeight(parseInt(e.target.value))}\n />\n

\n \n

\n \n Difficulty\n \n

\n \n setDifficulty(Difficulty.EASY)}\n />\n Easy\n \n \n setDifficulty(Difficulty.MEDIUM)}\n />\n Medium\n \n \n setDifficulty(Difficulty.HARD)}\n />\n Hard\n \n

\n \n \n {isLoading ? \"Generating...\" : \"Generate Maze\"}\n \n \n

\n );\n}",[],[237,260,298],"eea906fa-35d0-11f0-97fe-9e149126039e","Leaderboard.tsx","eea907c2-35d0-11f0-97fe-9e149126039e",6,["D",1747783192197],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { LeaderboardEntry } from \"../../shared/types.ts\";\n\ninterface LeaderboardProps {\n entries: LeaderboardEntry[];\n title: string;\n showMazeName?: boolean;\n}\n\nexport default function Leaderboard({ entries, title, showMazeName = false }: LeaderboardProps) {\n // Function to get trophy emoji based on position\n const getTrophyEmoji = (position: number): string => {\n switch (position) {\n case 0: return \"🏆\"; // Gold trophy\n case 1: return \"🥈\"; // Silver medal\n case 2: return \"🥉\"; // Bronze medal\n default: return \"🎮\"; // Game controller for other positions\n }\n };\n\n // Function to get row color based on position\n const getRowColor = (position: number): string => {\n switch (position) {\n case 0: return \"bg-yellow-100\";\n case 1: return \"bg-gray-100\";\n case 2: return \"bg-amber-100\";\n default: return position % 2 === 0 ? \"bg-white\" : \"bg-gray-50\";\n }\n };\n\n // Format date to be more readable\n const formatDate = (dateString: string): string => {\n const date = new Date(dateString);\n return date.toLocaleDateString() + \" \" + date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n };\n\n return (\n

{title}

\n \n {entries.length === 0 ? (\n

No scores recorded yet. Be the first!

\n ) : (\n

\n \n \n \n \n {showMazeName && (\n \n )}\n \n \n \n \n \n {entries.map((entry, index) => (\n \n \n {showMazeName && (\n \n )}\n \n \n \n ))}\n \n

\n Rank\n	\n Maze\n	\n Moves\n	\n Date\n
\n \n {getTrophyEmoji(index)}\n {index + 1}\n \n	\n {entry.mazeName} \n	\n {entry.moves} moves \n	\n {formatDate(entry.completedAt)}\n

\n )}\n

\n );\n}",[],[237,260,305],"be51c2b8-364c-11f0-95c0-9e149126039e","App.tsx","49b68cdc-ad3d-42d6-b63f-46bbc506c116",24,["D",1747836368686],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Difficulty, Maze, MazeAlgorithm, SavedMaze, LeaderboardEntry } from \"../../shared/types.ts\";\nimport MazeBuilder from \"./MazeBuilder.tsx\";\nimport MazePlayer from \"./MazePlayer.tsx\";\nimport MazeGallery from \"./MazeGallery.tsx\";\nimport ShareMaze from \"./ShareMaze.tsx\";\nimport Leaderboard from \"./Leaderboard.tsx\";\n\nenum AppView {\n BUILD,\n PLAY,\n GALLERY,\n LEADERBOARD\n}\n\nexport default function App() {\n const [view, setView] = React.useState(AppView.BUILD);\n const [currentMaze, setCurrentMaze] = React.useState(null);\n const [savedMazes, setSavedMazes] = React.useState([]);\n const [isLoading, setIsLoading] = React.useState(false);\n const [error, setError] = React.useState(null);\n const [currentMazeId, setCurrentMazeId] = React.useState(undefined);\n const [overallLeaderboard, setOverallLeaderboard] = React.useState([]);\n const [userLeaderboard, setUserLeaderboard] = React.useState([]);\n \n // Check for maze ID in URL on initial load\n React.useEffect(() => {\n const params = new URLSearchParams(window.location.search);\n const mazeId = params.get(\"maze\");\n \n if (mazeId) {\n loadMazeById(parseInt(mazeId));\n } else {\n // Load saved mazes\n fetchSavedMazes();\n \n // Also load leaderboard data for initial display\n loadLeaderboardData();\n }\n }, []);\n \n // Fetch saved mazes from the API\n const fetchSavedMazes = async () => {\n try {\n setIsLoading(true);\n const response = await fetch(\"/api/mazes\");\n \n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Failed to fetch mazes: ${errorText}`);\n }\n \n const data = await response.json();\n setSavedMazes(data.mazes || []);\n } catch (error) {\n console.error(\"Error fetching mazes:\", error);\n setError(\"Failed to load saved mazes. Please try again later.\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Fetch overall leaderboard\n const fetchOverallLeaderboard = async () => {\n try {\n setIsLoading(true);\n const response = await fetch(\"/api/mazes/leaderboard/overall\");\n \n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Failed to fetch overall leaderboard: ${errorText}`);\n }\n \n const data = await response.json();\n setOverallLeaderboard(data.entries || []);\n } catch (error) {\n console.error(\"Error fetching overall leaderboard:\", error);\n setError(\"Failed to load leaderboard data. Please try again later.\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Fetch user's best scores\n const fetchUserLeaderboard = async () => {\n try {\n setIsLoading(true);\n const response = await fetch(\"/api/mazes/leaderboard/user\");\n \n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Failed to fetch user leaderboard: ${errorText}`);\n }\n \n const data = await response.json();\n setUserLeaderboard(data.entries || []);\n } catch (error) {\n console.error(\"Error fetching user leaderboard:\", error);\n setError(\"Failed to load your personal scores. Please try again later.\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Load all leaderboard data\n const loadLeaderboardData = async () => {\n await Promise.all([\n fetchOverallLeaderboard(),\n fetchUserLeaderboard()\n ]);\n };\n \n // Generate a new maze\n const generateMaze = async (\n name: string,\n algorithm: MazeAlgorithm,\n width: number,\n height: number,\n difficulty: Difficulty\n ) => {\n try {\n setIsLoading(true);\n setError(null);\n \n const response = await fetch(\"/api/mazes/generate\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n name,\n algorithm,\n width,\n height,\n difficulty,\n }),\n });\n \n if (!response.ok) {\n throw new Error(\"Failed to generate maze\");\n }\n \n const data = await response.json();\n setCurrentMaze(data.maze);\n setCurrentMazeId(undefined); // Reset maze ID since this is a new unsaved maze\n setView(AppView.PLAY);\n } catch (error) {\n console.error(\"Error generating maze:\", error);\n setError(\"Failed to generate maze. Please try again.\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Save the current maze\n const saveMaze = async (maze: Maze) => {\n try {\n setIsLoading(true);\n \n const response = await fetch(\"/api/mazes/save\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ maze }),\n });\n \n if (!response.ok) {\n throw new Error(\"Failed to save maze\");\n }\n \n const data = await response.json();\n setCurrentMazeId(data.id);\n \n // Update the maze object with the ID\n setCurrentMaze({\n ...maze,\n id: data.id\n });\n \n // Refresh the list of saved mazes\n await fetchSavedMazes();\n \n // Show success message\n alert(\"Maze saved successfully!\");\n \n return data.id;\n } catch (error) {\n console.error(\"Error saving maze:\", error);\n setError(\"Failed to save maze. Please try again.\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Load a maze by ID\n const loadMazeById = async (id: number) => {\n try {\n setIsLoading(true);\n \n const response = await fetch(`/api/mazes/${id}`);\n \n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Failed to load maze: ${errorText}`);\n }\n \n const data = await response.json();\n const savedMaze = data.maze;\n \n if (!savedMaze) {\n throw new Error(\"Maze not found\");\n }\n \n // Convert saved maze to playable maze\n try {\n const gridData = JSON.parse(savedMaze.gridData);\n \n const playableMaze: Maze = {\n name: savedMaze.name,\n algorithm: savedMaze.algorithm as MazeAlgorithm,\n difficulty: savedMaze.difficulty as Difficulty,\n width: savedMaze.width,\n height: savedMaze.height,\n grid: gridData,\n startPosition: { x: savedMaze.startX, y: savedMaze.startY },\n endPosition: { x: savedMaze.endX, y: savedMaze.endY },\n };\n \n setCurrentMaze(playableMaze);\n setCurrentMazeId(savedMaze.id);\n setView(AppView.PLAY);\n } catch (parseError) {\n console.error(\"Error parsing maze data:\", parseError);\n throw new Error(\"Invalid maze data format\");\n }\n } catch (error) {\n console.error(\"Error loading maze:\", error);\n setError(\"Failed to load maze. It may have been deleted or doesn't exist.\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Delete a maze\n const deleteMaze = async (id: number) => {\n if (!confirm(\"Are you sure you want to delete this maze?\")) {\n return;\n }\n \n try {\n setIsLoading(true);\n \n const response = await fetch(`/api/mazes/${id}`, {\n method: \"DELETE\",\n });\n \n if (!response.ok) {\n throw new Error(\"Failed to delete maze\");\n }\n \n // Remove the deleted maze from the list\n setSavedMazes(savedMazes.filter(maze => maze.id !== id));\n \n // If the current maze is the one being deleted, reset it\n if (currentMazeId === id) {\n setCurrentMaze(null);\n setCurrentMazeId(undefined);\n setView(AppView.BUILD);\n }\n } catch (error) {\n console.error(\"Error deleting maze:\", error);\n setError(\"Failed to delete maze. Please try again.\");\n } finally {\n setIsLoading(false);\n }\n };\n \n return (\n

A-Mazing Maze Days

Build, play, and share amazing mazes!

\n \n {error && (\n

{error}

\n \n

\n )}\n \n

\n setView(AppView.BUILD)}\n >\n Build\n \n setView(AppView.PLAY)}\n disabled={!currentMaze}\n >\n Play\n \n {\n setView(AppView.GALLERY);\n fetchSavedMazes();\n }}\n >\n Gallery\n \n {\n setView(AppView.LEADERBOARD);\n loadLeaderboardData();\n }}\n >\n Leaderboard\n \n

\n \n

\n {view === AppView.BUILD && (\n \n )}\n \n {view === AppView.PLAY && currentMaze && (\n

\n setView(AppView.BUILD)} \n />\n \n

\n )}\n \n {view === AppView.GALLERY && (\n \n )}\n \n {view === AppView.LEADERBOARD && (\n

\n \n

\n \n {isLoading && (\n

Loading leaderboard data...

\n )}\n

\n \n \n

\n );\n}",[],[237,260,313],"5c31d040-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[191,192,193,194,195,196,197,198,199],[237,260],"5c31d5cc-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[190,200,201,202],[237],"5c31b010-35d0-11f0-ba87-9e149126039e","index.ts","64860ccb-52d2-4bd6-8216-9980d61f70d6",["D",1747782946463],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { initializeDatabase } from \"./database/migrations.ts\";\nimport mazes from \"./routes/mazes.ts\";\n\n// Initialize the app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(\"Error:\", err);\n throw err;\n});\n\n// Add CORS headers\napp.use(\"/*\", async (c, next) => {\n await next();\n c.res.headers.set(\"Access-Control-Allow-Origin\", \"*\");\n c.res.headers.set(\"Access-Control-Allow-Methods\", \"GET, POST, PUT, DELETE, OPTIONS\");\n c.res.headers.set(\"Access-Control-Allow-Headers\", \"Content-Type\");\n \n if (c.req.method === \"OPTIONS\") {\n return new Response(null, { status: 204 });\n }\n});\n\n// Initialize database before handling requests\napp.use(\"/*\", async (c, next) => {\n try {\n await initializeDatabase();\n } catch (error) {\n console.error(\"Error initializing database:\", error);\n }\n return next();\n});\n\n// API routes\napp.route(\"/api/mazes\", mazes);\n\n// Serve static files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve index.html for the root path\napp.get(\"/\", async (c) => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving index.html:\", error);\n return c.text(\"Error loading the application. Please try again later.\", 500);\n }\n});\n\n// Handle 404 for any other routes\napp.notFound((c) => {\n return c.text(\"Not found\", 404);\n});\n\n// Export the Hono app for HTTP val\nexport default app.fetch;",[],[163,329],"e0b9c7f0-35d0-11f0-ad9d-9e149126039e","mazes.ts","4709a1f4-3bfd-46ae-bf34-a6bac909a420","3c24dce3-2045-4cb7-aa35-5f7081da3141",5,["D",1747783168811],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { generateMaze } from \"../maze/generator.ts\";\nimport { \n deleteMaze, \n getMazeById, \n getMazesByUser, \n saveMaze,\n saveLeaderboardEntry,\n getLeaderboardByMazeId,\n getOverallLeaderboard,\n getUserBestScores\n} from \"../database/queries.ts\";\nimport { Cell, CellType, Difficulty, Maze, MazeAlgorithm } from \"../../shared/types.ts\";\n\nconst mazes = new Hono();\n\n// Get all mazes for the current user\nmazes.get(\"/\", async (c) => {\n // In a real app, we'd get the user ID from authentication\n // For now, we'll use a default user ID\n const userId = \"default-user\";\n \n try {\n const mazes = await getMazesByUser(userId);\n return c.json({ mazes });\n } catch (error) {\n console.error(\"Error fetching mazes:\", error);\n return c.json({ error: \"Failed to fetch mazes\" }, 500);\n }\n});\n\n// Get a specific maze by ID\nmazes.get(\"/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n \n if (isNaN(id)) {\n return c.json({ error: \"Invalid maze ID\" }, 400);\n }\n \n try {\n const maze = await getMazeById(id);\n \n if (!maze) {\n return c.json({ error: \"Maze not found\" }, 404);\n }\n \n return c.json({ maze });\n } catch (error) {\n console.error(\"Error fetching maze:\", error);\n return c.json({ error: \"Failed to fetch maze\" }, 500);\n }\n});\n\n// Generate a new maze\nmazes.post(\"/generate\", async (c) => {\n try {\n const body = await c.req.json();\n \n const { \n name = \"My Maze\", \n algorithm = MazeAlgorithm.RECURSIVE_BACKTRACKING,\n width = 15,\n height = 15,\n difficulty = Difficulty.MEDIUM\n } = body;\n \n // Validate inputs\n if (width < 5 || width > 51 || height < 5 || height > 51) {\n return c.json({ error: \"Maze dimensions must be between 5 and 51\" }, 400);\n }\n \n if (!Object.values(MazeAlgorithm).includes(algorithm as MazeAlgorithm)) {\n return c.json({ error: \"Invalid algorithm\" }, 400);\n }\n \n if (!Object.values(Difficulty).includes(difficulty as Difficulty)) {\n return c.json({ error: \"Invalid difficulty\" }, 400);\n }\n \n // Generate the maze\n const maze = generateMaze(\n name,\n algorithm as MazeAlgorithm,\n width,\n height,\n difficulty as Difficulty\n );\n \n return c.json({ maze });\n } catch (error) {\n console.error(\"Error generating maze:\", error);\n return c.json({ error: \"Failed to generate maze\" }, 500);\n }\n});\n\n// Save a maze\nmazes.post(\"/save\", async (c) => {\n // In a real app, we'd get the user ID from authentication\n const userId = \"default-user\";\n \n try {\n const body = await c.req.json();\n const { maze } = body;\n \n if (!maze) {\n return c.json({ error: \"No maze data provided\" }, 400);\n }\n \n // Save the maze to the database\n const mazeId = await saveMaze(maze as Maze, userId);\n \n return c.json({ id: mazeId, success: true });\n } catch (error) {\n console.error(\"Error saving maze:\", error);\n return c.json({ error: \"Failed to save maze\" }, 500);\n }\n});\n\n// Delete a maze\nmazes.delete(\"/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n const userId = \"default-user\";\n \n if (isNaN(id)) {\n return c.json({ error: \"Invalid maze ID\" }, 400);\n }\n \n try {\n const success = await deleteMaze(id, userId);\n \n if (!success) {\n return c.json({ error: \"Maze not found or you don't have permission to delete it\" }, 404);\n }\n \n return c.json({ success: true });\n } catch (error) {\n console.error(\"Error deleting maze:\", error);\n return c.json({ error: \"Failed to delete maze\" }, 500);\n }\n});\n\n// Save a leaderboard entry\nmazes.post(\"/:id/leaderboard\", async (c) => {\n const mazeId = parseInt(c.req.param(\"id\"));\n const userId = \"default-user\";\n \n if (isNaN(mazeId)) {\n return c.json({ error: \"Invalid maze ID\" }, 400);\n }\n \n try {\n const body = await c.req.json();\n const { moves } = body;\n \n if (typeof moves !== \"number\" || moves <= 0) {\n return c.json({ error: \"Invalid move count\" }, 400);\n }\n \n // Check if the maze exists\n const maze = await getMazeById(mazeId);\n if (!maze) {\n return c.json({ error: \"Maze not found\" }, 404);\n }\n \n // Save the leaderboard entry\n const entryId = await saveLeaderboardEntry(mazeId, userId, moves);\n \n return c.json({ id: entryId, success: true });\n } catch (error) {\n console.error(\"Error saving leaderboard entry:\", error);\n return c.json({ error: \"Failed to save leaderboard entry\" }, 500);\n }\n});\n\n// Get leaderboard for a specific maze\nmazes.get(\"/:id/leaderboard\", async (c) => {\n const mazeId = parseInt(c.req.param(\"id\"));\n \n if (isNaN(mazeId)) {\n return c.json({ error: \"Invalid maze ID\" }, 400);\n }\n \n try {\n // Check if the maze exists\n const maze = await getMazeById(mazeId);\n if (!maze) {\n return c.json({ error: \"Maze not found\" }, 404);\n }\n \n // Get the leaderboard entries\n const entries = await getLeaderboardByMazeId(mazeId);\n \n return c.json({ entries });\n } catch (error) {\n console.error(\"Error fetching leaderboard:\", error);\n return c.json({ error: \"Failed to fetch leaderboard\" }, 500);\n }\n});\n\n// Get overall leaderboard\nmazes.get(\"/leaderboard/overall\", async (c) => {\n try {\n const entries = await getOverallLeaderboard();\n return c.json({ entries });\n } catch (error) {\n console.error(\"Error fetching overall leaderboard:\", error);\n return c.json({ error: \"Failed to fetch overall leaderboard\" }, 500);\n }\n});\n\n// Get user's best scores\nmazes.get(\"/leaderboard/user\", async (c) => {\n const userId = \"default-user\";\n \n try {\n const entries = await getUserBestScores(userId);\n return c.json({ entries });\n } catch (error) {\n console.error(\"Error fetching user leaderboard:\", error);\n return c.json({ error: \"Failed to fetch user leaderboard\" }, 500);\n }\n});\n\nexport default mazes;",[],[163,345,337],"routes","5c31adfe-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[187],[163,345],["D",1747782946463],[],[163,77,69],["D",1747782946463],[185],[163,77],"c0209672-35d0-11f0-9b3b-9e149126039e","queries.ts","50b318a8-8bae-40c2-84ed-e917647d1aef","41c48ce5-f0fe-46db-91b0-dbc6283ca8e4",4,["D",1747783114126],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { MAZES_TABLE, LEADERBOARD_TABLE } from \"./migrations.ts\";\nimport { Maze, SavedMaze, LeaderboardEntry } from \"../../shared/types.ts\";\n\n// Save a maze to the database\nexport async function saveMaze(maze: Maze, userId: string): Promise {\n const createdAt = new Date().toISOString();\n const gridData = JSON.stringify(maze.grid);\n \n const result = await sqlite.execute(\n `INSERT INTO ${MAZES_TABLE} (\n name, algorithm, difficulty, width, height, gridData, \n startX, startY, endX, endY, createdAt, userId\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)\n RETURNING id`,\n [\n maze.name,\n maze.algorithm,\n maze.difficulty,\n maze.width,\n maze.height,\n gridData,\n maze.startPosition.x,\n maze.startPosition.y,\n maze.endPosition.x,\n maze.endPosition.y,\n createdAt,\n userId\n ]\n );\n \n return result.rows[0].id;\n}\n\n// Get all mazes for a user\nexport async function getMazesByUser(userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${MAZES_TABLE} WHERE userId = ? ORDER BY createdAt DESC`,\n [userId]\n );\n \n return result.rows as SavedMaze[];\n}\n\n// Get a specific maze by ID\nexport async function getMazeById(id: number): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${MAZES_TABLE} WHERE id = ?`,\n [id]\n );\n \n if (result.rows.length === 0) {\n return null;\n }\n \n return result.rows[0] as SavedMaze;\n}\n\n// Delete a maze by ID\nexport async function deleteMaze(id: number, userId: string): Promise {\n const result = await sqlite.execute(\n `DELETE FROM ${MAZES_TABLE} WHERE id = ? AND userId = ?`,\n [id, userId]\n );\n \n return result.rowsAffected > 0;\n}\n\n// Save a leaderboard entry\nexport async function saveLeaderboardEntry(\n mazeId: number,\n userId: string,\n moves: number\n): Promise {\n const completedAt = new Date().toISOString();\n \n const result = await sqlite.execute(\n `INSERT INTO ${LEADERBOARD_TABLE} (\n mazeId, userId, moves, completedAt\n ) VALUES (?, ?, ?, ?)\n RETURNING id`,\n [mazeId, userId, moves, completedAt]\n );\n \n return result.rows[0].id;\n}\n\n// Get leaderboard entries for a specific maze\nexport async function getLeaderboardByMazeId(mazeId: number): Promise {\n const result = await sqlite.execute(\n `SELECT l.*, m.name as mazeName \n FROM ${LEADERBOARD_TABLE} l\n JOIN ${MAZES_TABLE} m ON l.mazeId = m.id\n WHERE l.mazeId = ?\n ORDER BY l.moves ASC, l.completedAt ASC\n LIMIT 10`,\n [mazeId]\n );\n \n return result.rows as LeaderboardEntry[];\n}\n\n// Get overall leaderboard entries (best scores across all mazes)\nexport async function getOverallLeaderboard(): Promise {\n const result = await sqlite.execute(\n `SELECT l.*, m.name as mazeName \n FROM ${LEADERBOARD_TABLE} l\n JOIN ${MAZES_TABLE} m ON l.mazeId = m.id\n ORDER BY l.moves ASC, l.completedAt ASC\n LIMIT 20`\n );\n \n return result.rows as LeaderboardEntry[];\n}\n\n// Get user's best scores for each maze\nexport async function getUserBestScores(userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT l1.*, m.name as mazeName\n FROM ${LEADERBOARD_TABLE} l1\n JOIN ${MAZES_TABLE} m ON l1.mazeId = m.id\n WHERE l1.userId = ? AND l1.moves = (\n SELECT MIN(l2.moves)\n FROM ${LEADERBOARD_TABLE} l2\n WHERE l2.mazeId = l1.mazeId AND l2.userId = l1.userId\n )\n ORDER BY l1.moves ASC, l1.completedAt ASC`,\n [userId]\n );\n \n return result.rows as LeaderboardEntry[];\n}",[],[163,365,357],"database","a935f70e-35d0-11f0-ba22-9e149126039e","migrations.ts","ba5beac5-f9ee-4d70-a5bf-3fd0c052ed1b",["D",1747783075678],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names\nexport const MAZES_TABLE = \"amazing_mazes\";\nexport const LEADERBOARD_TABLE = \"amazing_leaderboard\";\n\n// Initialize the database with required tables\nexport async function initializeDatabase() {\n // Create mazes table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${MAZES_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n algorithm TEXT NOT NULL,\n difficulty TEXT NOT NULL,\n width INTEGER NOT NULL,\n height INTEGER NOT NULL,\n gridData TEXT NOT NULL,\n startX INTEGER NOT NULL,\n startY INTEGER NOT NULL,\n endX INTEGER NOT NULL,\n endY INTEGER NOT NULL,\n createdAt TEXT NOT NULL,\n userId TEXT NOT NULL\n )\n `);\n \n // Create leaderboard table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${LEADERBOARD_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n mazeId INTEGER NOT NULL,\n userId TEXT NOT NULL,\n moves INTEGER NOT NULL,\n completedAt TEXT NOT NULL,\n FOREIGN KEY (mazeId) REFERENCES ${MAZES_TABLE}(id) ON DELETE CASCADE\n )\n `);\n \n console.log(\"Database initialized successfully\");\n}",[],[163,365,367],"5c319e7c-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[182,183],[163,365],"5c31b1f0-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[181,184,186,188],[163],["D",1747781910261],{"_11":12,"_127":75},{"_11":12,"_123":-5,"_74":75,"_31":73,"_124":125,"_126":30},{"_39":113,"_13":16,"_33":36,"_114":80,"_115":63,"_116":117,"_118":84,"_119":80,"_120":42,"_121":14,"_122":12},"ctx",{"_52":-5,"_147":418,"_419":420,"_421":422,"_423":30,"_424":30,"_425":30,"_426":24,"_427":-5,"_428":-7,"_429":-7,"_430":26,"_431":30,"_432":30,"_433":-5,"_434":30,"_435":30,"_436":30,"_437":-5},"ENV",{"_389":390,"_391":392,"_393":64,"_394":395,"_396":397,"_398":399,"_400":401,"_402":403,"_404":405,"_406":407,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · maze