\n \n \n\n","label",[160,68],"frontend","pulls","branches",2,"forks","envVars",{"_169":26,"_171":26},"connections",{"_169":26,"_170":26},"count","unfilledCount","emptyCount",{"_32":374,"_13":325,"_66":319,"_42":-5,"_34":35,"_153":39,"_154":86,"_36":375,"_38":26,"_69":220,"_156":-5,"_70":24,"_158":-5,"_204":376,"_17":377},{"_32":370,"_13":362,"_66":356,"_42":319,"_34":35,"_153":39,"_154":86,"_36":371,"_38":26,"_69":220,"_156":-5,"_70":24,"_158":-5,"_204":372,"_17":373},{"_32":363,"_13":364,"_66":365,"_42":356,"_34":35,"_153":163,"_154":86,"_36":366,"_38":39,"_69":213,"_156":367,"_70":24,"_158":-5,"_204":368,"_17":369},{"_32":353,"_13":354,"_66":355,"_42":356,"_34":35,"_153":357,"_154":86,"_36":358,"_38":39,"_69":213,"_156":359,"_70":24,"_158":-5,"_204":360,"_17":361},{"_32":349,"_13":348,"_66":343,"_42":319,"_34":35,"_153":39,"_154":86,"_36":350,"_38":26,"_69":220,"_156":-5,"_70":24,"_158":-5,"_204":351,"_17":352},{"_32":340,"_13":341,"_66":342,"_42":343,"_34":35,"_153":39,"_154":86,"_36":344,"_38":26,"_69":213,"_156":345,"_70":24,"_158":-5,"_204":346,"_17":347},{"_32":336,"_13":335,"_66":329,"_42":319,"_34":35,"_153":39,"_154":86,"_36":337,"_38":26,"_69":220,"_156":-5,"_70":24,"_158":-5,"_204":338,"_17":339},{"_32":326,"_13":327,"_66":328,"_42":329,"_34":35,"_153":330,"_154":86,"_36":331,"_38":39,"_69":213,"_156":332,"_70":24,"_158":-5,"_204":333,"_17":334},{"_32":316,"_13":317,"_66":318,"_42":319,"_34":35,"_153":39,"_154":86,"_36":320,"_38":26,"_69":321,"_156":322,"_70":24,"_158":-5,"_204":323,"_17":324},{"_32":312,"_13":160,"_66":152,"_42":-5,"_34":35,"_153":39,"_154":86,"_36":313,"_38":26,"_69":220,"_156":-5,"_70":24,"_158":-5,"_204":314,"_17":315},{"_32":308,"_13":248,"_66":243,"_42":152,"_34":35,"_153":39,"_154":86,"_36":309,"_38":26,"_69":220,"_156":-5,"_70":24,"_158":-5,"_204":310,"_17":311},{"_32":300,"_13":301,"_66":302,"_42":243,"_34":35,"_153":303,"_154":86,"_36":304,"_38":201,"_69":213,"_156":305,"_70":24,"_158":-5,"_204":306,"_17":307},{"_32":292,"_13":293,"_66":294,"_42":243,"_34":35,"_153":295,"_154":86,"_36":296,"_38":26,"_69":213,"_156":297,"_70":24,"_158":-5,"_204":298,"_17":299},{"_32":285,"_13":286,"_66":287,"_42":243,"_34":35,"_153":39,"_154":86,"_36":288,"_38":26,"_69":213,"_156":289,"_70":24,"_158":-5,"_204":290,"_17":291},{"_32":278,"_13":279,"_66":280,"_42":243,"_34":35,"_153":39,"_154":86,"_36":281,"_38":26,"_69":213,"_156":282,"_70":24,"_158":-5,"_204":283,"_17":284},{"_32":271,"_13":272,"_66":273,"_42":243,"_34":35,"_153":39,"_154":86,"_36":274,"_38":26,"_69":213,"_156":275,"_70":24,"_158":-5,"_204":276,"_17":277},{"_32":264,"_13":265,"_66":266,"_42":243,"_34":35,"_153":39,"_154":86,"_36":267,"_38":26,"_69":213,"_156":268,"_70":24,"_158":-5,"_204":269,"_17":270},{"_32":257,"_13":258,"_66":259,"_42":243,"_34":35,"_153":39,"_154":86,"_36":260,"_38":26,"_69":213,"_156":261,"_70":24,"_158":-5,"_204":262,"_17":263},{"_32":249,"_13":250,"_66":251,"_42":243,"_34":35,"_153":109,"_154":86,"_36":252,"_38":253,"_69":213,"_156":254,"_70":24,"_158":-5,"_204":255,"_17":256},{"_32":240,"_13":241,"_66":242,"_42":243,"_34":35,"_153":39,"_154":86,"_36":244,"_38":26,"_69":213,"_156":245,"_70":24,"_158":-5,"_204":246,"_17":247},{"_32":151,"_13":68,"_66":67,"_42":152,"_34":35,"_153":39,"_154":86,"_36":237,"_38":26,"_69":21,"_156":157,"_70":24,"_158":-5,"_204":238,"_17":239},{"_32":230,"_13":231,"_66":232,"_42":152,"_34":35,"_153":39,"_154":86,"_36":233,"_38":26,"_69":213,"_156":234,"_70":24,"_158":-5,"_204":235,"_17":236},{"_32":223,"_13":224,"_66":225,"_42":152,"_34":35,"_153":39,"_154":86,"_36":226,"_38":26,"_69":21,"_156":227,"_70":24,"_158":-5,"_204":228,"_17":229},{"_32":218,"_13":217,"_66":210,"_42":-5,"_34":35,"_153":39,"_154":86,"_36":219,"_38":26,"_69":220,"_156":-5,"_70":24,"_158":-5,"_204":221,"_17":222},{"_32":207,"_13":208,"_66":209,"_42":210,"_34":35,"_153":211,"_154":86,"_36":212,"_38":39,"_69":213,"_156":214,"_70":24,"_158":-5,"_204":215,"_17":216},{"_32":198,"_13":199,"_66":200,"_42":-5,"_34":35,"_153":201,"_154":86,"_36":202,"_38":163,"_69":21,"_156":203,"_70":24,"_158":-5,"_204":205,"_17":206},"234b8d8c-35d2-11f0-ba70-9e149126039e","README.md","e313273f-08bb-43f4-8dae-d987e9fcada4",9,["D",1747783709999],"# A-Mazing Maze Days\n\nA fun maze builder and player application that lets you create, play, save, and share mazes of various types and difficulty levels.\n\n## Features\n\n- Create mazes with different algorithms (Recursive Backtracking, Kruskal's, Prim's)\n- Customize maze size and difficulty\n- Play through mazes with keyboard or touch controls\n- Celebrate when you reach the goal\n- Save your favorite mazes to play again later\n- Share mazes with friends\n- Browse a gallery of your created mazes\n- Compete for the best scores on leaderboards\n\n## Project Structure\n\n- `/backend` - Server-side code for maze generation, storage, and API\n- `/frontend` - Client-side code for UI, maze rendering, and player controls\n- `/shared` - Shared types and utilities\n\n## Technologies\n\n- Frontend: React with Tailwind CSS\n- Backend: Hono API framework\n- Storage: SQLite database\n- Maze Generation: Custom algorithms\n\n## How to Use\n\n1. Visit the app\n2. Create a new maze by selecting an algorithm, size, and difficulty\n3. Play through the maze using arrow keys or touch controls\n4. Save your maze when complete\n5. View your saved mazes in the gallery\n6. Share mazes with friends using the share button\n7. Check the leaderboards to see the best scores for each maze\n\nEnjoy your maze adventures!","children",[],[199],"acfe6d94-35d0-11f0-9eb4-9e149126039e","types.ts","9bbca70c-d7a4-4717-8607-f583ef290587","7f292e9f-4341-4fd2-9776-a9d5b2b665b1",3,["D",1747783082025],"script","// Maze cell types\nexport enum CellType {\n WALL = \"wall\",\n PATH = \"path\",\n START = \"start\",\n END = \"end\",\n CURRENT = \"current\",\n VISITED = \"visited\",\n}\n\n// Maze generation algorithms\nexport enum MazeAlgorithm {\n RECURSIVE_BACKTRACKING = \"recursive_backtracking\",\n KRUSKAL = \"kruskal\",\n PRIM = \"prim\",\n}\n\n// Difficulty levels\nexport enum Difficulty {\n EASY = \"easy\",\n MEDIUM = \"medium\",\n HARD = \"hard\",\n}\n\n// Direction for movement\nexport enum Direction {\n UP = \"up\",\n RIGHT = \"right\",\n DOWN = \"down\",\n LEFT = \"left\",\n}\n\n// Maze cell representation\nexport interface Cell {\n type: CellType;\n x: number;\n y: number;\n}\n\n// Maze data structure\nexport interface Maze {\n id?: number;\n name: string;\n algorithm: MazeAlgorithm;\n difficulty: Difficulty;\n width: number;\n height: number;\n grid: Cell[][];\n startPosition: { x: number; y: number };\n endPosition: { x: number; y: number };\n createdAt?: string;\n userId?: string;\n}\n\n// Saved maze in database\nexport interface SavedMaze {\n id: number;\n name: string;\n algorithm: string;\n difficulty: string;\n width: number;\n height: number;\n gridData: string; // JSON string of the grid\n startX: number;\n startY: number;\n endX: number;\n endY: number;\n createdAt: string;\n userId: string;\n}\n\n// API response for maze list\nexport interface MazeListResponse {\n mazes: SavedMaze[];\n}\n\n// API response for a single maze\nexport interface MazeResponse {\n maze: SavedMaze;\n}\n\n// Leaderboard entry\nexport interface LeaderboardEntry {\n id: number;\n mazeId: number;\n userId: string;\n moves: number;\n completedAt: string;\n mazeName?: string; // Optional field for display purposes\n}\n\n// Leaderboard response\nexport interface LeaderboardResponse {\n entries: LeaderboardEntry[];\n}",[],[217,208],"shared","5c31dad6-35d0-11f0-ba87-9e149126039e",["D",1747782946463],"directory",[196],[217],"5c31d482-35d0-11f0-ba87-9e149126039e","style.css","efde02b6-6604-4dcd-a2ff-35fdfddb19dc",["D",1747782946463],"/* Custom styles for the maze app */\n\n/* Maze cell animations */\n@keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n}\n\n.cell-start {\n animation: pulse 2s infinite;\n}\n\n.cell-end {\n animation: pulse 1.5s infinite;\n}\n\n.cell-current {\n transition: all 0.2s ease-in-out;\n}\n\n/* Celebration animation */\n.celebration {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1000;\n}\n\n/* Maze container */\n.maze-container {\n display: inline-block;\n overflow: auto;\n max-width: 100%;\n max-height: 80vh;\n}\n\n/* Responsive adjustments */\n@media (max-width: 640px) {\n .maze-container {\n max-height: 60vh;\n }\n}\n\n/* Control buttons */\n.control-button {\n transition: all 0.2s ease;\n}\n\n.control-button:active {\n transform: scale(0.95);\n}\n\n/* Gallery item hover effect */\n.gallery-item {\n transition: all 0.3s ease;\n}\n\n.gallery-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}",[],[160,224],"5c31d2de-35d0-11f0-ba87-9e149126039e","index.tsx","9f4091be-5e3f-4f5d-94ce-415d42ab739c",["D",1747782946463],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\n// Render the app\nconst root = createRoot(document.getElementById(\"app\")!);\nroot.render();",[],[160,231],["D",1747782946463],[],[160,68],"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}",[],[160,248,241],"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}",[],[160,248,250],"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}",[],[160,248,258],"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}",[],[160,248,265],"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}",[],[160,248,272],"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}",[],[160,248,279],"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}",[],[160,248,286],"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}",[],[160,248,293],"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}",[],[160,248,301],"5c31d040-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[183,184,185,186,187,188,189,190,191],[160,248],"5c31d5cc-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[182,192,193,194],[160],"5c31b010-35d0-11f0-ba87-9e149126039e","index.ts","64860ccb-52d2-4bd6-8216-9980d61f70d6","dab1984e-776e-411d-86cb-29eb9d4d1612",["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;",[],[325,317],"backend","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;",[],[325,335,327],"routes","5c31adfe-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[179],[325,335],"5c319fe4-35d0-11f0-ba87-9e149126039e","generator.ts","4eb4ac56-c299-4ae9-8335-01b19da8b631","5fbc912f-0111-430b-b10a-d2825c2afc92",["D",1747782946463],"import { Cell, CellType, Difficulty, Maze, MazeAlgorithm } from \"../../shared/types.ts\";\n\n// Initialize an empty grid with walls\nfunction initializeGrid(width: number, height: number): Cell[][] {\n const grid: Cell[][] = [];\n \n for (let y = 0; y < height; y++) {\n const row: Cell[] = [];\n for (let x = 0; x < width; x++) {\n row.push({ type: CellType.WALL, x, y });\n }\n grid.push(row);\n }\n \n return grid;\n}\n\n// Generate a maze using recursive backtracking (DFS)\nfunction generateRecursiveBacktracking(width: number, height: number, difficulty: Difficulty): Cell[][] {\n // Ensure odd dimensions for proper maze generation\n const actualWidth = width % 2 === 0 ? width + 1 : width;\n const actualHeight = height % 2 === 0 ? height + 1 : height;\n \n const grid = initializeGrid(actualWidth, actualHeight);\n \n // Start at a random odd position\n const startX = 1;\n const startY = 1;\n grid[startY][startX].type = CellType.PATH;\n \n const stack: [number, number][] = [[startX, startY]];\n \n // Directions: [dx, dy]\n const directions = [\n [0, -2], // Up\n [2, 0], // Right\n [0, 2], // Down\n [-2, 0] // Left\n ];\n \n while (stack.length > 0) {\n const [currentX, currentY] = stack[stack.length - 1];\n \n // Get unvisited neighbors\n const neighbors: [number, number][] = [];\n \n for (const [dx, dy] of directions) {\n const newX = currentX + dx;\n const newY = currentY + dy;\n \n if (\n newX > 0 && newX < actualWidth - 1 &&\n newY > 0 && newY < actualHeight - 1 &&\n grid[newY][newX].type === CellType.WALL\n ) {\n neighbors.push([newX, newY]);\n }\n }\n \n if (neighbors.length > 0) {\n // Choose a random neighbor\n const [nextX, nextY] = neighbors[Math.floor(Math.random() * neighbors.length)];\n \n // Carve a path to the neighbor\n grid[nextY][nextX].type = CellType.PATH;\n \n // Carve the wall between current and neighbor\n grid[(currentY + nextY) / 2][(currentX + nextX) / 2].type = CellType.PATH;\n \n // Push the neighbor to the stack\n stack.push([nextX, nextY]);\n } else {\n // Backtrack\n stack.pop();\n }\n }\n \n // Add some random paths based on difficulty to make it easier/harder\n const pathModifier = difficulty === Difficulty.EASY ? 0.1 : \n difficulty === Difficulty.MEDIUM ? 0.05 : 0.02;\n \n for (let y = 1; y < actualHeight - 1; y += 2) {\n for (let x = 1; x < actualWidth - 1; x += 2) {\n if (Math.random() < pathModifier && grid[y][x].type === CellType.WALL) {\n grid[y][x].type = CellType.PATH;\n }\n }\n }\n \n return grid;\n}\n\n// Generate a maze using Kruskal's algorithm\nfunction generateKruskal(width: number, height: number, difficulty: Difficulty): Cell[][] {\n // Ensure odd dimensions for proper maze generation\n const actualWidth = width % 2 === 0 ? width + 1 : width;\n const actualHeight = height % 2 === 0 ? height + 1 : height;\n \n const grid = initializeGrid(actualWidth, actualHeight);\n \n // Create cells at odd coordinates\n const cells: { x: number; y: number; set: number }[] = [];\n let setCounter = 0;\n \n for (let y = 1; y < actualHeight - 1; y += 2) {\n for (let x = 1; x < actualWidth - 1; x += 2) {\n grid[y][x].type = CellType.PATH;\n cells.push({ x, y, set: setCounter++ });\n }\n }\n \n // Create walls between cells\n const walls: { x: number; y: number; cell1: number; cell2: number }[] = [];\n \n for (let i = 0; i < cells.length; i++) {\n const { x, y } = cells[i];\n \n // Right wall\n if (x + 2 < actualWidth - 1) {\n const rightCellIndex = cells.findIndex(cell => cell.x === x + 2 && cell.y === y);\n if (rightCellIndex !== -1) {\n walls.push({ x: x + 1, y, cell1: i, cell2: rightCellIndex });\n }\n }\n \n // Bottom wall\n if (y + 2 < actualHeight - 1) {\n const bottomCellIndex = cells.findIndex(cell => cell.x === x && cell.y === y + 2);\n if (bottomCellIndex !== -1) {\n walls.push({ x, y: y + 1, cell1: i, cell2: bottomCellIndex });\n }\n }\n }\n \n // Shuffle walls\n for (let i = walls.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [walls[i], walls[j]] = [walls[j], walls[i]];\n }\n \n // Process walls\n for (const wall of walls) {\n const { x, y, cell1, cell2 } = wall;\n \n if (cells[cell1].set !== cells[cell2].set) {\n // Remove the wall\n grid[y][x].type = CellType.PATH;\n \n // Merge sets\n const oldSet = cells[cell2].set;\n const newSet = cells[cell1].set;\n \n for (const cell of cells) {\n if (cell.set === oldSet) {\n cell.set = newSet;\n }\n }\n }\n }\n \n // Add some random paths based on difficulty\n const pathModifier = difficulty === Difficulty.EASY ? 0.15 : \n difficulty === Difficulty.MEDIUM ? 0.08 : 0.03;\n \n for (let y = 1; y < actualHeight - 1; y++) {\n for (let x = 1; x < actualWidth - 1; x++) {\n if (Math.random() < pathModifier && grid[y][x].type === CellType.WALL) {\n grid[y][x].type = CellType.PATH;\n }\n }\n }\n \n return grid;\n}\n\n// Generate a maze using Prim's algorithm\nfunction generatePrim(width: number, height: number, difficulty: Difficulty): Cell[][] {\n // Ensure odd dimensions for proper maze generation\n const actualWidth = width % 2 === 0 ? width + 1 : width;\n const actualHeight = height % 2 === 0 ? height + 1 : height;\n \n const grid = initializeGrid(actualWidth, actualHeight);\n \n // Start with a random cell\n const startX = 1;\n const startY = 1;\n grid[startY][startX].type = CellType.PATH;\n \n // Add walls of the starting cell to the wall list\n const walls: [number, number][] = [\n [startX + 1, startY],\n [startX, startY + 1]\n ];\n \n while (walls.length > 0) {\n // Pick a random wall\n const randomIndex = Math.floor(Math.random() * walls.length);\n const [wallX, wallY] = walls[randomIndex];\n walls.splice(randomIndex, 1);\n \n // Check if the wall connects a path cell and a wall cell\n const neighbors: [number, number][] = [\n [wallX - 1, wallY], // Left\n [wallX + 1, wallY], // Right\n [wallX, wallY - 1], // Up\n [wallX, wallY + 1] // Down\n ];\n \n let pathCount = 0;\n for (const [nx, ny] of neighbors) {\n if (\n nx >= 0 && nx < actualWidth &&\n ny >= 0 && ny < actualHeight &&\n grid[ny][nx].type === CellType.PATH\n ) {\n pathCount++;\n }\n }\n \n // If the wall connects exactly one path cell, remove it\n if (pathCount === 1) {\n grid[wallY][wallX].type = CellType.PATH;\n \n // Add neighboring walls to the wall list\n for (const [nx, ny] of neighbors) {\n if (\n nx >= 1 && nx < actualWidth - 1 &&\n ny >= 1 && ny < actualHeight - 1 &&\n grid[ny][nx].type === CellType.WALL\n ) {\n // Check if this is a valid wall (between cells)\n const isValidWall = (\n (nx % 2 === 1 && ny % 2 === 0) || \n (nx % 2 === 0 && ny % 2 === 1)\n );\n \n if (isValidWall && !walls.some(([x, y]) => x === nx && y === ny)) {\n walls.push([nx, ny]);\n }\n }\n }\n }\n }\n \n // Add some random paths based on difficulty\n const pathModifier = difficulty === Difficulty.EASY ? 0.12 : \n difficulty === Difficulty.MEDIUM ? 0.06 : 0.02;\n \n for (let y = 1; y < actualHeight - 1; y++) {\n for (let x = 1; x < actualWidth - 1; x++) {\n if (Math.random() < pathModifier && grid[y][x].type === CellType.WALL) {\n grid[y][x].type = CellType.PATH;\n }\n }\n }\n \n return grid;\n}\n\n// Find a valid start and end position that are far apart\nfunction findStartAndEndPositions(grid: Cell[][]): { \n startPosition: { x: number; y: number }; \n endPosition: { x: number; y: number }; \n} {\n const height = grid.length;\n const width = grid[0].length;\n \n // Find all path cells\n const pathCells: { x: number; y: number }[] = [];\n \n for (let y = 0; y < height; y++) {\n for (let x = 0; x < width; x++) {\n if (grid[y][x].type === CellType.PATH) {\n pathCells.push({ x, y });\n }\n }\n }\n \n // Choose start position from the left side\n const leftSideCells = pathCells.filter(cell => cell.x < width / 3);\n const startPosition = leftSideCells[Math.floor(Math.random() * leftSideCells.length)];\n \n // Choose end position from the right side\n const rightSideCells = pathCells.filter(\n cell => cell.x > (width * 2) / 3 && \n Math.abs(cell.y - startPosition.y) > height / 3\n );\n const endPosition = rightSideCells[Math.floor(Math.random() * rightSideCells.length)];\n \n // Set cell types\n grid[startPosition.y][startPosition.x].type = CellType.START;\n grid[endPosition.y][endPosition.x].type = CellType.END;\n \n return { startPosition, endPosition };\n}\n\n// Generate a maze based on the specified algorithm, size, and difficulty\nexport function generateMaze(\n name: string,\n algorithm: MazeAlgorithm,\n width: number,\n height: number,\n difficulty: Difficulty\n): Maze {\n // Ensure minimum size\n const actualWidth = Math.max(width, 5);\n const actualHeight = Math.max(height, 5);\n \n let grid: Cell[][];\n \n // Generate maze based on algorithm\n switch (algorithm) {\n case MazeAlgorithm.RECURSIVE_BACKTRACKING:\n grid = generateRecursiveBacktracking(actualWidth, actualHeight, difficulty);\n break;\n case MazeAlgorithm.KRUSKAL:\n grid = generateKruskal(actualWidth, actualHeight, difficulty);\n break;\n case MazeAlgorithm.PRIM:\n grid = generatePrim(actualWidth, actualHeight, difficulty);\n break;\n default:\n grid = generateRecursiveBacktracking(actualWidth, actualHeight, difficulty);\n }\n \n // Find start and end positions\n const { startPosition, endPosition } = findStartAndEndPositions(grid);\n \n return {\n name,\n algorithm,\n difficulty,\n width: actualWidth,\n height: actualHeight,\n grid,\n startPosition,\n endPosition\n };\n}",[],[325,348,341],"maze","5c31a98a-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[177],[325,348],"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}",[],[325,362,354],"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}",[],[325,362,364],"5c319e7c-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[174,175],[325,362],"5c31b1f0-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[173,176,178,180],[325],["D",1747781910261],{"_11":12,"_123":73},{"_11":12,"_119":-5,"_72":73,"_30":71,"_120":121,"_122":24},{"_38":109,"_13":16,"_32":35,"_110":75,"_111":62,"_112":113,"_114":79,"_115":75,"_116":41,"_117":14,"_118":12},"ctx",{"_51":-5,"_143":415,"_416":417,"_418":419,"_420":24,"_421":24,"_422":24,"_423":86,"_424":-5,"_425":-7,"_426":-7,"_427":26,"_428":24,"_429":24,"_430":-5,"_431":24,"_432":24,"_433":24,"_434":-5},"ENV",{"_386":387,"_388":389,"_390":63,"_391":392,"_393":394,"_395":396,"_397":398,"_399":400,"_401":402,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414},"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 · index.html