A-Mazing Maze Days

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_335":336,"_337":338},"routes/_app.x.$handle.$name",{"_95":94,"_31":44,"_103":85,"_26":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":24,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",15,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/MazeGallery.tsx","latestPath","fileId","de9770aa-35ce-11f0-b260-9e149126039e","name","MazeGallery.tsx","fileType","script","content","/** @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}","createdAt",["D",1747782306245],"branchVersion","branchId","f290e128-35cd-11f0-9b77-9e149126039e","id","f290afaa-35cd-11f0-9b77-9e149126039e","a-mazing-maze-days",["D",1747781910261],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","1167e096-63d9-481f-b740-997fcea83426","pinnedFileId","9274de56-35ce-11f0-ab4f-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","8433e007-847e-4c91-8408-c94f14e035f8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},"branch",{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"isOwned",28,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dthyresson","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yY2VObmZYclBVbjhpdnlQQkROeEIycWViSTYifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":331,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":332,"_79":333,"_81":334,"_83":24},"tree",[168,177,187,189],"files",[168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189],"counts",{"_158":133,"_159":142,"_160":61,"_161":162,"_163":164},"contents",[125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":152,"_31":153,"_29":154,"_132":-5,"_40":41,"_39":155,"_134":57,"_37":156,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":157},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":150,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":151},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":143,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":145},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":24,"_37":135,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_26":138},"4f93facc-35ce-11f0-a397-9e149126039e","README.md","4f93fb76-35ce-11f0-a397-9e149126039e","parentId",1,"latest",["D",1747782066308],"# 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\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\n\nEnjoy your maze adventures!","label",[130],"55f5477c-35ce-11f0-97a5-9e149126039e","shared","1624aed8-8771-4468-b82b-97267ad1a7ef",2,["D",1747782077010],"directory",[140],"97431268-35ce-11f0-8c65-9e149126039e","frontend","8d40e183-7346-4281-9c2d-91b95c343032",8,["D",1747782186571],[147],"59fa0c36-35ce-11f0-9dbf-9e149126039e","backend","c6e61b8a-b2bb-40ef-bf63-ed8dabed1224",3,["D",1747782083753],[153],"pulls","branches","forks","envVars",{"_165":61,"_167":61},"connections",{"_165":61,"_166":61},"count","unfilledCount","emptyCount",{"_42":152,"_31":153,"_29":154,"_132":-5,"_40":41,"_39":155,"_134":57,"_37":328,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_191":329,"_26":330},{"_42":324,"_31":316,"_29":310,"_132":154,"_40":41,"_39":155,"_134":57,"_37":325,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_191":326,"_26":327},{"_42":317,"_31":318,"_29":319,"_132":310,"_40":41,"_39":155,"_134":24,"_37":320,"_13":61,"_33":34,"_35":321,"_23":24,"_137":-5,"_191":322,"_26":323},{"_42":307,"_31":308,"_29":309,"_132":310,"_40":41,"_39":311,"_134":24,"_37":312,"_13":61,"_33":34,"_35":313,"_23":24,"_137":-5,"_191":314,"_26":315},{"_42":303,"_31":302,"_29":296,"_132":154,"_40":41,"_39":297,"_134":57,"_37":304,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_191":305,"_26":306},{"_42":293,"_31":294,"_29":295,"_132":296,"_40":41,"_39":297,"_134":57,"_37":298,"_13":61,"_33":34,"_35":299,"_23":24,"_137":-5,"_191":300,"_26":301},{"_42":289,"_31":288,"_29":282,"_132":154,"_40":41,"_39":283,"_134":57,"_37":290,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_191":291,"_26":292},{"_42":279,"_31":280,"_29":281,"_132":282,"_40":41,"_39":283,"_134":24,"_37":284,"_13":61,"_33":34,"_35":285,"_23":24,"_137":-5,"_191":286,"_26":287},{"_42":272,"_31":273,"_29":55,"_132":154,"_40":41,"_39":274,"_134":24,"_37":275,"_13":61,"_33":34,"_35":276,"_23":24,"_137":-5,"_191":277,"_26":278},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":269,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_191":270,"_26":271},{"_42":265,"_31":228,"_29":222,"_132":148,"_40":41,"_39":252,"_134":57,"_37":266,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_191":267,"_26":268},{"_42":257,"_31":258,"_29":259,"_132":222,"_40":41,"_39":260,"_134":57,"_37":261,"_13":61,"_33":34,"_35":262,"_23":24,"_137":-5,"_191":263,"_26":264},{"_42":249,"_31":250,"_29":251,"_132":222,"_40":41,"_39":252,"_134":57,"_37":253,"_13":61,"_33":34,"_35":254,"_23":24,"_137":-5,"_191":255,"_26":256},{"_42":241,"_31":242,"_29":243,"_132":222,"_40":41,"_39":244,"_134":57,"_37":245,"_13":61,"_33":34,"_35":246,"_23":24,"_137":-5,"_191":247,"_26":248},{"_42":237,"_31":32,"_29":30,"_132":222,"_40":41,"_39":14,"_134":57,"_37":238,"_13":61,"_33":34,"_35":36,"_23":24,"_137":-5,"_191":239,"_26":240},{"_42":229,"_31":230,"_29":231,"_132":222,"_40":41,"_39":232,"_134":24,"_37":233,"_13":61,"_33":34,"_35":234,"_23":24,"_137":-5,"_191":235,"_26":236},{"_42":219,"_31":220,"_29":221,"_132":222,"_40":41,"_39":223,"_134":24,"_37":224,"_13":61,"_33":34,"_35":225,"_23":24,"_137":-5,"_191":226,"_26":227},{"_42":212,"_31":213,"_29":214,"_132":148,"_40":41,"_39":149,"_134":57,"_37":215,"_13":61,"_33":20,"_35":216,"_23":24,"_137":-5,"_191":217,"_26":218},{"_42":204,"_31":205,"_29":206,"_132":148,"_40":41,"_39":207,"_134":57,"_37":208,"_13":61,"_33":20,"_35":209,"_23":24,"_137":-5,"_191":210,"_26":211},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":201,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_191":202,"_26":203},{"_42":194,"_31":195,"_29":196,"_132":141,"_40":41,"_39":142,"_134":24,"_37":197,"_13":61,"_33":34,"_35":198,"_23":24,"_137":-5,"_191":199,"_26":200},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":24,"_37":190,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_191":192,"_26":193},["D",1747782066308],"children",[],[130],"55f53e30-35ce-11f0-97a5-9e149126039e","types.ts","55f53f02-35ce-11f0-97a5-9e149126039e",["D",1747782077010],"// 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}",[],[140,195],["D",1747782077010],[188],[140],"9d0d4f2e-35ce-11f0-8f0c-9e149126039e","style.css","9d0d5000-35ce-11f0-8f0c-9e149126039e",9,["D",1747782196288],"/* 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}",[],[147,205],"9742f4cc-35ce-11f0-8c65-9e149126039e","index.html","9742f562-35ce-11f0-8c65-9e149126039e",["D",1747782186571],"\n\n\n \n \n A-Mazing Maze Days\n \n \n \n \n \n \n \n\n\n

\n \n \n\n",[],[147,213],"d3804728-35ce-11f0-9f90-9e149126039e","MazePlayer.tsx","d38047be-35ce-11f0-9f90-9e149126039e","99fa6b5a-eada-454e-b87c-844b4ebc1bbe",14,["D",1747782287639],"/** @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\";\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 \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 }\n }, [maze]);\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 }\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 }\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 \n {showCelebration && (\n

\n )}\n

\n );\n}",[],[147,228,220],"components","a75b2fdc-35ce-11f0-8150-9e149126039e","MazeGrid.tsx","a75b3090-35ce-11f0-8150-9e149126039e",11,["D",1747782213576],"/** @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) {\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}",[],[147,228,230],"de977014-35ce-11f0-b260-9e149126039e",["D",1747782306245],[],[147,228,32],"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}",[],[147,228,242],"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}",[],[147,228,250],"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}",[],[147,228,258],"a278d708-35ce-11f0-84d1-9e149126039e",["D",1747782205380],[179,180,181,182,183,184],[147,228],["D",1747782186571],[178,185,186],[147],"9274ddc0-35ce-11f0-ab4f-9e149126039e","index.ts",7,["D",1747782178512],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { cors } from \"https://esm.sh/hono@3.11.7/middleware\";\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// Initialize database on startup\nawait initializeDatabase();\n\n// Add CORS middleware\napp.use(\"/*\", cors());\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;",[],[153,273],"8b5cc322-35ce-11f0-8150-9e149126039e","mazes.ts","8b5cc3fe-35ce-11f0-8150-9e149126039e","98de8e7c-98a3-416d-afd7-701f69065d78",6,["D",1747782166608],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { generateMaze } from \"../maze/generator.ts\";\nimport { deleteMaze, getMazeById, getMazesByUser, saveMaze } 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\nexport default mazes;",[],[153,288,280],"routes","8b5ce73a-35ce-11f0-8150-9e149126039e",["D",1747782166608],[175],[153,288],"7d603b1e-35ce-11f0-9524-9e149126039e","generator.ts","7d603bf0-35ce-11f0-9524-9e149126039e","a1029839-1c87-4be4-8c5d-0773f33c8b98",5,["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}",[],[153,302,294],"maze","7d606d82-35ce-11f0-9524-9e149126039e",["D",1747782143143],[173],[153,302],"5fe6e862-35ce-11f0-96dd-9e149126039e","queries.ts","5fe6e90c-35ce-11f0-96dd-9e149126039e","7cb14911-7745-49f4-b57f-1e77be7a4d44",4,["D",1747782093696],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { MAZES_TABLE } from \"./migrations.ts\";\nimport { Maze, SavedMaze } 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}",[],[153,316,308],"database","59fa0420-35ce-11f0-9dbf-9e149126039e","migrations.ts","59fa04d4-35ce-11f0-9dbf-9e149126039e",["D",1747782083753],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table name for mazes\nexport const MAZES_TABLE = \"amazing_mazes\";\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 console.log(\"Database initialized successfully\");\n}",[],[153,316,318],"59fa0dc6-35ce-11f0-9dbf-9e149126039e",["D",1747782083753],[170,171],[153,316],["D",1747782083753],[169,172,174,176],[153],["D",1747781910261],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_77":-5,"_122":368,"_369":370,"_371":372,"_373":24,"_374":24,"_375":24,"_376":57,"_377":-5,"_378":-7,"_379":-7,"_380":61,"_381":24,"_382":24,"_383":-5,"_384":24,"_385":24,"_386":24,"_387":-5},"ENV",{"_339":340,"_341":342,"_343":85,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367},"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"]

Diff · v15