\n \n \n\n",[],[267,276],"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}",[],[267,290,283],"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}",[],[267,290,292],"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}",[],[267,290,300],"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}",[],[267,290,307],"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}",[],[267,290,314],"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}",[],[267,290,321],"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}",[],[267,290,328],"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}",[],[267,290,335],"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}",[],[267,290,343],"5c31d040-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[221,222,223,224,225,226,227,228,229],[267,290],"5c31d5cc-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[220,230,231,232],[267],"5c31b010-35d0-11f0-ba87-9e149126039e","index.ts","64860ccb-52d2-4bd6-8216-9980d61f70d6",["D",1747782946463],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { initializeDatabase } from \"./database/migrations.ts\";\nimport mazes from \"./routes/mazes.ts\";\n\n// Initialize the app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(\"Error:\", err);\n throw err;\n});\n\n// Add CORS headers\napp.use(\"/*\", async (c, next) => {\n await next();\n c.res.headers.set(\"Access-Control-Allow-Origin\", \"*\");\n c.res.headers.set(\"Access-Control-Allow-Methods\", \"GET, POST, PUT, DELETE, OPTIONS\");\n c.res.headers.set(\"Access-Control-Allow-Headers\", \"Content-Type\");\n \n if (c.req.method === \"OPTIONS\") {\n return new Response(null, { status: 204 });\n }\n});\n\n// Initialize database before handling requests\napp.use(\"/*\", async (c, next) => {\n try {\n await initializeDatabase();\n } catch (error) {\n console.error(\"Error initializing database:\", error);\n }\n return next();\n});\n\n// API routes\napp.route(\"/api/mazes\", mazes);\n\n// Serve static files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve index.html for the root path\napp.get(\"/\", async (c) => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving index.html:\", error);\n return c.text(\"Error loading the application. Please try again later.\", 500);\n }\n});\n\n// Handle 404 for any other routes\napp.notFound((c) => {\n return c.text(\"Not found\", 404);\n});\n\n// Export the Hono app for HTTP val\nexport default app.fetch;",[],[190,359],"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;",[],[190,375,367],"routes","5c31adfe-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[217],[190,375],"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}",[],[190,388,381],"maze","5c31a98a-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[215],[190,388],["D",1747783114126],[],[190,104,88],["D",1747783075678],[],[190,104,77],["D",1747782946463],[212,213],[190,104],"5c31b1f0-35d0-11f0-ba87-9e149126039e",["D",1747782946463],[211,214,216,218],[190],["D",1747781910261],{"_11":12,"_154":83},{"_11":12,"_150":-5,"_82":83,"_31":81,"_151":152,"_153":30},{"_41":140,"_13":16,"_35":38,"_141":107,"_142":71,"_143":144,"_145":111,"_146":107,"_147":44,"_148":14,"_149":12},"ctx",{"_54":-5,"_174":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":72,"_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