\n \n \n\n",[],[261,271],"e6a3c9c4-35ce-11f0-b319-9e149126039e","ShareMaze.tsx","e6a3cabe-35ce-11f0-b319-9e149126039e","99fa6b5a-eada-454e-b87c-844b4ebc1bbe",16,["D",1747782319748],"/** @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}",[],[261,287,279],"components","7bb2b590-35d2-11f0-a646-9e149126039e","MazePlayer.tsx","d38047be-35ce-11f0-9f90-9e149126039e",["D",1747783858305],"/** @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 onSaveMaze: (maze: Maze) => void;\n onNewMaze: () => void;\n}\n\nexport default function MazePlayer({ maze, 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 (maze.id) {\n loadLeaderboard(maze.id);\n } else {\n setLeaderboardEntries([]);\n }\n }\n }, [maze]);\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 (!maze.id || scoreSaved) return;\n \n try {\n const response = await fetch(`/api/mazes/${maze.id}/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(maze.id);\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 // Save score if maze has an ID\n if (maze.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 {maze.id && (\n

\n {isLoadingLeaderboard ? (\n

Loading leaderboard...

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

\n )}\n

\n \n {showCelebration && (\n

\n )}\n

\n );\n}",[],[261,287,289],"afdaffce-35cf-11f0-a763-9e149126039e","MazeGrid.tsx","a75b3090-35ce-11f0-8150-9e149126039e",24,["D",1747782657329],"/** @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}",[],[261,287,296],"de977014-35ce-11f0-b260-9e149126039e","MazeGallery.tsx","de9770aa-35ce-11f0-b260-9e149126039e",15,["D",1747782306245],"/** @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}",[],[261,287,304],"b3562a4e-35ce-11f0-9189-9e149126039e","MazeControls.tsx","b3562af8-35ce-11f0-9189-9e149126039e",12,["D",1747782233675],"/** @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}",[],[261,287,312],"a278b688-35ce-11f0-84d1-9e149126039e","MazeCell.tsx","a278b728-35ce-11f0-84d1-9e149126039e",10,["D",1747782205380],"/** @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}",[],[261,287,320],"c22841ec-35ce-11f0-9bd6-9e149126039e","MazeBuilder.tsx","c2284282-35ce-11f0-9bd6-9e149126039e",13,["D",1747782258540],"/** @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}",[],[261,287,328],"7bb28610-35d2-11f0-a646-9e149126039e","Leaderboard.tsx","7bb286d8-35d2-11f0-a646-9e149126039e",["D",1747783858305],"/** @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}",[],[261,287,336],"bd342df8-35cf-11f0-9614-9e149126039e","App.tsx","fc217ada-35ce-11f0-89ba-9e149126039e",["D",1747782679724],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Difficulty, Maze, MazeAlgorithm, SavedMaze } from \"../../shared/types.ts\";\nimport MazeBuilder from \"./MazeBuilder.tsx\";\nimport MazePlayer from \"./MazePlayer.tsx\";\nimport MazeGallery from \"./MazeGallery.tsx\";\nimport ShareMaze from \"./ShareMaze.tsx\";\n\nenum AppView {\n BUILD,\n PLAY,\n GALLERY\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 \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 }, []);\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 // 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 // Refresh the list of saved mazes\n await fetchSavedMazes();\n \n // Show success message\n alert(\"Maze saved successfully!\");\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 \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 \n \n

\n );\n}",[],[261,287,343],"a278d708-35ce-11f0-84d1-9e149126039e",["D",1747782205380],[216,217,218,219,220,221,222,223,224],[261,287],"97431268-35ce-11f0-8c65-9e149126039e",["D",1747782186571],[215,225,226,227],[261],"de237ec4-35cf-11f0-8f82-9e149126039e","index.ts",27,["D",1747782734980],5,"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;",[],[184,358],"7bb2b194-35d2-11f0-a646-9e149126039e","mazes.ts","8b5cc3fe-35ce-11f0-8150-9e149126039e","98de8e7c-98a3-416d-afd7-701f69065d78",["D",1747783858305],"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;",[],[184,374,367],"routes","8b5ce73a-35ce-11f0-8150-9e149126039e",6,["D",1747782166608],[212],[184,374],"7d603b1e-35ce-11f0-9524-9e149126039e","generator.ts","7d603bf0-35ce-11f0-9524-9e149126039e","a1029839-1c87-4be4-8c5d-0773f33c8b98",["D",1747782143143],"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}",[],[184,388,381],"maze","7d606d82-35ce-11f0-9524-9e149126039e",["D",1747782143143],[210],[184,388],["D",1747783858305],[],[184,106,81],["D",1747783858305],[],[184,106,66],["D",1747782083753],[207,208],[184,106],"59fa0c36-35ce-11f0-9dbf-9e149126039e",["D",1747782083753],[206,209,211,213],[184],["D",1747781910261],{"_11":12,"_154":72},{"_11":12,"_150":-5,"_71":72,"_31":70,"_151":152,"_153":30},{"_41":84,"_13":16,"_35":38,"_142":109,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":14,"_149":12},"ctx",{"_54":-5,"_173":443,"_444":445,"_446":447,"_448":30,"_449":30,"_450":30,"_451":24,"_452":-5,"_453":-7,"_454":-7,"_455":26,"_456":30,"_457":30,"_458":-5,"_459":30,"_460":30,"_461":30,"_462":-5},"ENV",{"_414":415,"_416":417,"_418":16,"_419":420,"_421":422,"_423":424,"_425":426,"_427":428,"_429":430,"_431":432,"_433":434,"_435":436,"_437":438,"_439":440,"_441":442},"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 · database