\n \n \n \n\n",[18,66],"b556826e-3635-11f0-9e0c-9e149126039e",["D",1747826475193],[18,80],"pulls","branches",1,"forks","envVars",{"_193":26,"_195":26},"connections",{"_193":26,"_194":26},"count","unfilledCount","emptyCount",{"_35":351,"_13":298,"_64":292,"_45":-5,"_37":38,"_167":342,"_174":24,"_39":352,"_41":26,"_67":81,"_165":-5,"_68":30,"_168":-5,"_222":353,"_17":354},{"_35":347,"_13":338,"_64":332,"_45":292,"_37":38,"_167":342,"_174":24,"_39":348,"_41":26,"_67":81,"_165":-5,"_68":30,"_168":-5,"_222":349,"_17":350},{"_35":339,"_13":340,"_64":341,"_45":332,"_37":38,"_167":342,"_174":24,"_39":343,"_41":26,"_67":92,"_165":344,"_68":30,"_168":-5,"_222":345,"_17":346},{"_35":329,"_13":330,"_64":331,"_45":332,"_37":38,"_167":333,"_174":24,"_39":334,"_41":26,"_67":92,"_165":335,"_68":30,"_168":-5,"_222":336,"_17":337},{"_35":325,"_13":308,"_64":302,"_45":292,"_37":38,"_167":320,"_174":24,"_39":326,"_41":26,"_67":81,"_165":-5,"_68":30,"_168":-5,"_222":327,"_17":328},{"_35":317,"_13":318,"_64":319,"_45":302,"_37":38,"_167":320,"_174":24,"_39":321,"_41":26,"_67":92,"_165":322,"_68":30,"_168":-5,"_222":323,"_17":324},{"_35":309,"_13":310,"_64":311,"_45":302,"_37":38,"_167":312,"_174":24,"_39":313,"_41":26,"_67":92,"_165":314,"_68":30,"_168":-5,"_222":315,"_17":316},{"_35":299,"_13":300,"_64":301,"_45":302,"_37":38,"_167":303,"_174":24,"_39":304,"_41":26,"_67":92,"_165":305,"_68":30,"_168":-5,"_222":306,"_17":307},{"_35":290,"_13":291,"_64":105,"_45":292,"_37":38,"_167":129,"_174":24,"_39":293,"_41":187,"_67":294,"_165":295,"_68":30,"_168":-5,"_222":296,"_17":297},{"_35":164,"_13":18,"_64":93,"_45":-5,"_37":38,"_167":42,"_174":24,"_39":287,"_41":26,"_67":81,"_165":-5,"_68":30,"_168":-5,"_222":288,"_17":289},{"_35":182,"_13":80,"_64":79,"_45":93,"_37":38,"_167":74,"_174":24,"_39":284,"_41":26,"_67":81,"_165":-5,"_68":30,"_168":-5,"_222":285,"_17":286},{"_35":277,"_13":278,"_64":279,"_45":79,"_37":38,"_167":74,"_174":24,"_39":280,"_41":26,"_67":92,"_165":281,"_68":30,"_168":-5,"_222":282,"_17":283},{"_35":269,"_13":270,"_64":271,"_45":79,"_37":38,"_167":272,"_174":24,"_39":273,"_41":26,"_67":92,"_165":274,"_68":30,"_168":-5,"_222":275,"_17":276},{"_35":261,"_13":262,"_64":263,"_45":79,"_37":38,"_167":264,"_174":24,"_39":265,"_41":26,"_67":92,"_165":266,"_68":30,"_168":-5,"_222":267,"_17":268},{"_35":253,"_13":254,"_64":255,"_45":79,"_37":38,"_167":256,"_174":24,"_39":257,"_41":26,"_67":92,"_165":258,"_68":30,"_168":-5,"_222":259,"_17":260},{"_35":245,"_13":246,"_64":247,"_45":79,"_37":38,"_167":248,"_174":24,"_39":249,"_41":26,"_67":92,"_165":250,"_68":30,"_168":-5,"_222":251,"_17":252},{"_35":178,"_13":66,"_64":65,"_45":93,"_37":38,"_167":42,"_174":24,"_39":242,"_41":26,"_67":21,"_165":180,"_68":30,"_168":-5,"_222":243,"_17":244},{"_35":173,"_13":91,"_64":90,"_45":93,"_37":38,"_167":84,"_174":24,"_39":239,"_41":26,"_67":92,"_165":176,"_68":30,"_168":-5,"_222":240,"_17":241},{"_35":235,"_13":234,"_64":228,"_45":-5,"_37":38,"_167":229,"_174":24,"_39":236,"_41":26,"_67":81,"_165":-5,"_68":30,"_168":-5,"_222":237,"_17":238},{"_35":225,"_13":226,"_64":227,"_45":228,"_37":38,"_167":229,"_174":24,"_39":230,"_41":26,"_67":92,"_165":231,"_68":30,"_168":-5,"_222":232,"_17":233},{"_35":217,"_13":218,"_64":219,"_45":-5,"_37":38,"_167":187,"_174":24,"_39":220,"_41":26,"_67":21,"_165":221,"_68":30,"_168":-5,"_222":223,"_17":224},"766db2f2-3635-11f0-ae53-9e149126039e","README.md","766db3b0-3635-11f0-ae53-9e149126039e",["D",1747826369650],"# Personal Task Manager\n\nA full-stack task manager application built on Val Town.\n\n## Features\n\n- User registration and login with JWT authentication\n- Create, read, update, and delete tasks\n- Responsive UI for desktop and mobile\n- Secure API endpoints\n- Data persistence with SQLite\n\n## Project Structure\n\n```\n/\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Database queries\n│ ├── routes/\n│ │ ├── auth.ts # Authentication routes\n│ │ ├── tasks.ts # Task management routes\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main entry point\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── Login.tsx # Login component\n│ │ ├── Register.tsx # Registration component\n│ │ ├── TaskList.tsx # Task list component\n│ │ └── TaskForm.tsx # Task creation/editing form\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n└── shared/\n └── types.ts # Shared type definitions\n```\n\n## Technologies Used\n\n- **Backend**: Hono.js, SQLite, JWT\n- **Frontend**: React, TailwindCSS\n- **Storage**: Val Town SQLite","children",[],[218],"79ffd68e-3635-11f0-9b08-9e149126039e","types.ts","79ffd71a-3635-11f0-9b08-9e149126039e","385fa7f5-5cdd-4abb-8968-67d6d5915b5e",2,["D",1747826375642],"// User-related types\nexport interface User {\n id: number;\n username: string;\n password?: string; // Only used internally, never sent to client\n}\n\nexport interface UserLoginRequest {\n username: string;\n password: string;\n}\n\nexport interface UserRegisterRequest {\n username: string;\n password: string;\n}\n\nexport interface AuthResponse {\n token: string;\n user: Omit;\n}\n\n// Task-related types\nexport interface Task {\n id: number;\n userId: number;\n title: string;\n description: string;\n completed: boolean;\n createdAt: string;\n}\n\nexport interface CreateTaskRequest {\n title: string;\n description: string;\n}\n\nexport interface UpdateTaskRequest {\n title?: string;\n description?: string;\n completed?: boolean;\n}\n\n// API response types\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}",[],[234,226],"shared","79fff9d4-3635-11f0-9b08-9e149126039e",["D",1747826375642],[215],[234],["D",1747826572603],[],[18,91],["D",1747826457838],[],[18,66],"eb8433b8-3635-11f0-bd45-9e149126039e","TaskList.tsx","eb843494-3635-11f0-bd45-9e149126039e",14,["D",1747826566092],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { Task } from \"../../shared/types.ts\";\nimport TaskForm from \"./TaskForm.tsx\";\n\ninterface TaskListProps {\n token: string;\n}\n\nconst TaskList: React.FC = ({ token }) => {\n const [tasks, setTasks] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(null);\n const [editingTask, setEditingTask] = useState(null);\n \n // Fetch tasks from the API\n const fetchTasks = async () => {\n setIsLoading(true);\n setError(null);\n \n try {\n const response = await fetch(\"/api/tasks\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n \n const data = await response.json();\n \n if (!data.success) {\n setError(data.error || \"Failed to fetch tasks\");\n return;\n }\n \n setTasks(data.data);\n } catch (err) {\n console.error(\"Error fetching tasks:\", err);\n setError(\"An error occurred while fetching tasks\");\n } finally {\n setIsLoading(false);\n }\n };\n \n // Load tasks on component mount\n useEffect(() => {\n fetchTasks();\n }, [token]);\n \n // Toggle task completion status\n const toggleTaskCompletion = async (task: Task) => {\n try {\n const response = await fetch(`/api/tasks/${task.id}`, {\n method: \"PUT\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${token}`\n },\n body: JSON.stringify({\n completed: !task.completed\n }),\n });\n \n const data = await response.json();\n \n if (!data.success) {\n setError(data.error || \"Failed to update task\");\n return;\n }\n \n // Update the task in the local state\n setTasks(tasks.map(t => t.id === task.id ? data.data : t));\n } catch (err) {\n console.error(\"Error updating task:\", err);\n setError(\"An error occurred while updating the task\");\n }\n };\n \n // Delete a task\n const deleteTask = async (taskId: number) => {\n if (!confirm(\"Are you sure you want to delete this task?\")) {\n return;\n }\n \n try {\n const response = await fetch(`/api/tasks/${taskId}`, {\n method: \"DELETE\",\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n \n const data = await response.json();\n \n if (!data.success) {\n setError(data.error || \"Failed to delete task\");\n return;\n }\n \n // Remove the task from the local state\n setTasks(tasks.filter(t => t.id !== taskId));\n } catch (err) {\n console.error(\"Error deleting task:\", err);\n setError(\"An error occurred while deleting the task\");\n }\n };\n \n // Start editing a task\n const startEditingTask = (task: Task) => {\n setEditingTask(task);\n };\n \n // Cancel editing\n const cancelEditing = () => {\n setEditingTask(null);\n };\n \n // Render loading state\n if (isLoading && tasks.length === 0) {\n return (\n

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

\n {/* Error message */}\n {error && (\n

\n {error}\n \n

\n )}\n \n {/* Task editing form */}\n {editingTask && (\n \n )}\n \n {/* Task list */}\n

\n Your Tasks {tasks.length > 0 && `(${tasks.length})`}\n

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

You don't have any tasks yet. Create one above!

\n ) : (\n tasks.map(task => (\n

\n toggleTaskCompletion(task)}\n className=\"mt-1 h-5 w-5 text-blue-600 focus:ring-blue-500 border-gray-300 rounded\"\n />\n

\n {task.title}\n

\n {task.description && (\n

\n {task.description}\n

\n )}\n

\n Created: {new Date(task.createdAt).toLocaleString()}\n

\n \n

\n startEditingTask(task)}\n className=\"text-blue-500 hover:text-blue-700\"\n title=\"Edit task\"\n >\n \n \n deleteTask(task.id)}\n className=\"text-red-500 hover:text-red-700\"\n title=\"Delete task\"\n >\n \n \n

\n ))\n )}\n

\n );\n};\n\nexport default TaskList;",[],[18,80,246],"d98c73e6-3635-11f0-ad4d-9e149126039e","TaskForm.tsx","d98c74d6-3635-11f0-ad4d-9e149126039e",13,["D",1747826535948],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { CreateTaskRequest } from \"../../shared/types.ts\";\n\ninterface TaskFormProps {\n token: string;\n taskToEdit?: {\n id: number;\n title: string;\n description: string;\n };\n onTaskCreated?: () => void;\n onTaskUpdated?: () => void;\n onCancel?: () => void;\n}\n\nconst TaskForm: React.FC = ({ \n token, \n taskToEdit, \n onTaskCreated, \n onTaskUpdated,\n onCancel \n}) => {\n const [title, setTitle] = useState(taskToEdit?.title || \"\");\n const [description, setDescription] = useState(taskToEdit?.description || \"\");\n const [error, setError] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n \n const isEditMode = !!taskToEdit;\n \n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n // Validate form\n if (!title.trim()) {\n setError(\"Title is required\");\n return;\n }\n \n setIsLoading(true);\n setError(null);\n \n try {\n const taskData: CreateTaskRequest = {\n title: title.trim(),\n description: description.trim()\n };\n \n let url = \"/api/tasks\";\n let method = \"POST\";\n \n if (isEditMode) {\n url = `/api/tasks/${taskToEdit.id}`;\n method = \"PUT\";\n }\n \n const response = await fetch(url, {\n method,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${token}`\n },\n body: JSON.stringify(taskData),\n });\n \n const data = await response.json();\n \n if (!data.success) {\n setError(data.error || \"Failed to save task\");\n return;\n }\n \n // Reset form after successful creation\n if (!isEditMode) {\n setTitle(\"\");\n setDescription(\"\");\n if (onTaskCreated) onTaskCreated();\n } else {\n if (onTaskUpdated) onTaskUpdated();\n if (onCancel) onCancel();\n }\n } catch (err) {\n console.error(\"Task save error:\", err);\n setError(\"An error occurred while saving the task\");\n } finally {\n setIsLoading(false);\n }\n };\n \n return (\n

\n {isEditMode ? \"Edit Task\" : \"Create New Task\"}\n

\n \n {error && (\n

\n {error}\n

\n )}\n \n

\n \n Title\n \n setTitle(e.target.value)}\n className=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n placeholder=\"Task title\"\n />\n

\n \n

\n \n Description\n \n setDescription(e.target.value)}\n className=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n placeholder=\"Task description (optional)\"\n rows={3}\n />\n

\n \n

\n \n {isLoading ? (\n \n \n Saving...\n \n ) : (\n isEditMode ? \"Update Task\" : \"Create Task\"\n )}\n \n \n {isEditMode && onCancel && (\n \n Cancel\n \n )}\n

\n );\n};\n\nexport default TaskForm;",[],[18,80,254],"cd20cf76-3635-11f0-804c-9e149126039e","Register.tsx","cd20d034-3635-11f0-804c-9e149126039e",12,["D",1747826515105],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { AuthResponse } from \"../../shared/types.ts\";\n\ninterface RegisterProps {\n onRegisterSuccess: (authResponse: AuthResponse) => void;\n onSwitchToLogin: () => void;\n}\n\nconst Register: React.FC = ({ onRegisterSuccess, onSwitchToLogin }) => {\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n const [error, setError] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n \n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n // Validate form\n if (!username || !password || !confirmPassword) {\n setError(\"All fields are required\");\n return;\n }\n \n if (password !== confirmPassword) {\n setError(\"Passwords do not match\");\n return;\n }\n \n if (password.length < 6) {\n setError(\"Password must be at least 6 characters long\");\n return;\n }\n \n setIsLoading(true);\n setError(null);\n \n try {\n const response = await fetch(\"/api/auth/register\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ username, password }),\n });\n \n const data = await response.json();\n \n if (!data.success) {\n setError(data.error || \"Registration failed\");\n return;\n }\n \n onRegisterSuccess(data.data);\n } catch (err) {\n console.error(\"Registration error:\", err);\n setError(\"An error occurred during registration\");\n } finally {\n setIsLoading(false);\n }\n };\n \n return (\n

Register

\n \n {error && (\n

\n {error}\n

\n )}\n \n

\n \n Username\n \n setUsername(e.target.value)}\n className=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n placeholder=\"Choose a username\"\n />\n

\n \n

\n \n Password\n \n setPassword(e.target.value)}\n className=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n placeholder=\"Choose a password\"\n />\n

\n \n

\n \n Confirm Password\n \n setConfirmPassword(e.target.value)}\n className=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n placeholder=\"Confirm your password\"\n />\n

\n \n

\n \n {isLoading ? (\n \n \n Registering...\n \n ) : (\n \"Register\"\n )}\n \n

\n \n

\n Already have an account?{\" \"}\n \n Login\n \n

\n );\n};\n\nexport default Register;",[],[18,80,262],"c13e2ac8-3635-11f0-ac02-9e149126039e","Login.tsx","c13e2b72-3635-11f0-ac02-9e149126039e",11,["D",1747826495169],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { AuthResponse } from \"../../shared/types.ts\";\n\ninterface LoginProps {\n onLoginSuccess: (authResponse: AuthResponse) => void;\n onSwitchToRegister: () => void;\n}\n\nconst Login: React.FC = ({ onLoginSuccess, onSwitchToRegister }) => {\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [error, setError] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n \n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n // Validate form\n if (!username || !password) {\n setError(\"Username and password are required\");\n return;\n }\n \n setIsLoading(true);\n setError(null);\n \n try {\n const response = await fetch(\"/api/auth/login\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ username, password }),\n });\n \n const data = await response.json();\n \n if (!data.success) {\n setError(data.error || \"Login failed\");\n return;\n }\n \n onLoginSuccess(data.data);\n } catch (err) {\n console.error(\"Login error:\", err);\n setError(\"An error occurred during login\");\n } finally {\n setIsLoading(false);\n }\n };\n \n return (\n

Login

\n \n {error && (\n

\n {error}\n

\n )}\n \n

\n \n

\n \n {isLoading ? (\n \n \n Logging in...\n \n ) : (\n \"Login\"\n )}\n \n

\n \n

\n Don't have an account?{\" \"}\n \n Register\n \n

\n );\n};\n\nexport default Login;",[],[18,80,270],"b55643c6-3635-11f0-9e0c-9e149126039e","App.tsx","b5564466-3635-11f0-9e0c-9e149126039e",["D",1747826475193],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { AuthResponse, User } from \"../../shared/types.ts\";\nimport Login from \"./Login.tsx\";\nimport Register from \"./Register.tsx\";\nimport TaskList from \"./TaskList.tsx\";\nimport TaskForm from \"./TaskForm.tsx\";\n\nconst App: React.FC = () => {\n const [user, setUser] = useState | null>(null);\n const [token, setToken] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [view, setView] = useState<\"login\" | \"register\" | \"tasks\">(\"login\");\n \n // Check for existing token on load\n useEffect(() => {\n const storedToken = localStorage.getItem(\"token\");\n const storedUser = localStorage.getItem(\"user\");\n \n if (storedToken && storedUser) {\n setToken(storedToken);\n setUser(JSON.parse(storedUser));\n setView(\"tasks\");\n }\n \n setIsLoading(false);\n }, []);\n \n // Handle successful authentication\n const handleAuthSuccess = (authResponse: AuthResponse) => {\n setToken(authResponse.token);\n setUser(authResponse.user);\n localStorage.setItem(\"token\", authResponse.token);\n localStorage.setItem(\"user\", JSON.stringify(authResponse.user));\n setView(\"tasks\");\n };\n \n // Handle logout\n const handleLogout = () => {\n setToken(null);\n setUser(null);\n localStorage.removeItem(\"token\");\n localStorage.removeItem(\"user\");\n setView(\"login\");\n };\n \n // Switch between login and register views\n const toggleAuthView = () => {\n setView(view === \"login\" ? \"register\" : \"login\");\n };\n \n if (isLoading) {\n return (\n

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

\n {/* Header */}\n

Personal Task Manager

\n {user && (\n

Welcome, {user.username}

\n \n

\n )}\n

\n \n {/* Main content */}\n

\n {view === \"login\" && (\n \n )}\n \n {view === \"register\" && (\n \n )}\n \n {view === \"tasks\" && token && (\n

\n \n \n

\n )}\n

\n \n {/* Footer */}\n \n

\n );\n};\n\nexport default App;",[],[18,80,278],["D",1747826475193],[207,208,209,210,211],[18,80],["D",1747826457838],[206,212,213],[18],"f1c0296c-3635-11f0-b686-9e149126039e","index.ts","65e036bb-53f0-458c-b156-27ce7c7db8f0",["D",1747826576549],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { cors } from \"https://esm.sh/hono@3.11.7/cors\";\nimport { logger } from \"https://esm.sh/hono@3.11.7/logger\";\nimport { initializeDatabase } from \"./database/migrations.ts\";\nimport authRoutes from \"./routes/auth.ts\";\nimport taskRoutes from \"./routes/tasks.ts\";\nimport staticRoutes from \"./routes/static.ts\";\n\n// Initialize the database\nawait initializeDatabase();\n\n// Create the main Hono app\nconst app = new Hono();\n\n// Middleware\napp.use(\"*\", logger());\napp.use(\"*\", cors());\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(\"Application error:\", err);\n throw err;\n});\n\n// Mount routes\napp.route(\"/api/auth\", authRoutes);\napp.route(\"/api/tasks\", taskRoutes);\napp.route(\"/\", staticRoutes);\n\n// Export the fetch handler for HTTP val\nexport default app.fetch;",[],[298,291],"backend","9cafd8fa-3635-11f0-ae53-9e149126039e","tasks.ts","9cafd9b8-3635-11f0-ae53-9e149126039e","c1a48440-3cc6-4d07-a724-8cd7c8105694",6,["D",1747826433839],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { jwt } from \"https://esm.sh/hono@3.11.7/jwt\";\nimport { \n getTasks, \n getTaskById, \n createTask, \n updateTask, \n deleteTask \n} from \"../database/queries.ts\";\nimport { \n ApiResponse, \n Task, \n CreateTaskRequest, \n UpdateTaskRequest \n} from \"../../shared/types.ts\";\n\n// JWT secret key - in production, use environment variable\nconst JWT_SECRET = Deno.env.get(\"JWT_SECRET\") || \"your-secret-key\";\n\n// Create a new Hono app for task routes\nconst app = new Hono();\n\n// Middleware to verify JWT token\napp.use(\"*\", jwt({ secret: JWT_SECRET }));\n\n// Get all tasks for the authenticated user\napp.get(\"/\", async (c) => {\n try {\n const userId = c.get(\"jwtPayload\").id;\n const tasks = await getTasks(userId);\n \n return c.json>({\n success: true,\n data: tasks\n });\n } catch (error) {\n console.error(\"Error fetching tasks:\", error);\n return c.json>({\n success: false,\n error: \"An error occurred while fetching tasks\"\n }, 500);\n }\n});\n\n// Get a specific task by ID\napp.get(\"/:id\", async (c) => {\n try {\n const userId = c.get(\"jwtPayload\").id;\n const taskId = parseInt(c.req.param(\"id\"));\n \n if (isNaN(taskId)) {\n return c.json>({\n success: false,\n error: \"Invalid task ID\"\n }, 400);\n }\n \n const task = await getTaskById(taskId, userId);\n \n if (!task) {\n return c.json>({\n success: false,\n error: \"Task not found\"\n }, 404);\n }\n \n return c.json>({\n success: true,\n data: task\n });\n } catch (error) {\n console.error(\"Error fetching task:\", error);\n return c.json>({\n success: false,\n error: \"An error occurred while fetching the task\"\n }, 500);\n }\n});\n\n// Create a new task\napp.post(\"/\", async (c) => {\n try {\n const userId = c.get(\"jwtPayload\").id;\n const body = await c.req.json();\n \n // Validate input\n if (!body.title) {\n return c.json>({\n success: false,\n error: \"Title is required\"\n }, 400);\n }\n \n const task = await createTask(userId, body);\n \n return c.json>({\n success: true,\n data: task\n }, 201);\n } catch (error) {\n console.error(\"Error creating task:\", error);\n return c.json>({\n success: false,\n error: \"An error occurred while creating the task\"\n }, 500);\n }\n});\n\n// Update a task\napp.put(\"/:id\", async (c) => {\n try {\n const userId = c.get(\"jwtPayload\").id;\n const taskId = parseInt(c.req.param(\"id\"));\n \n if (isNaN(taskId)) {\n return c.json>({\n success: false,\n error: \"Invalid task ID\"\n }, 400);\n }\n \n const body = await c.req.json();\n \n // Check if task exists\n const existingTask = await getTaskById(taskId, userId);\n if (!existingTask) {\n return c.json>({\n success: false,\n error: \"Task not found\"\n }, 404);\n }\n \n const updatedTask = await updateTask(taskId, userId, body);\n \n return c.json>({\n success: true,\n data: updatedTask!\n });\n } catch (error) {\n console.error(\"Error updating task:\", error);\n return c.json>({\n success: false,\n error: \"An error occurred while updating the task\"\n }, 500);\n }\n});\n\n// Delete a task\napp.delete(\"/:id\", async (c) => {\n try {\n const userId = c.get(\"jwtPayload\").id;\n const taskId = parseInt(c.req.param(\"id\"));\n \n if (isNaN(taskId)) {\n return c.json>({\n success: false,\n error: \"Invalid task ID\"\n }, 400);\n }\n \n // Check if task exists\n const existingTask = await getTaskById(taskId, userId);\n if (!existingTask) {\n return c.json>({\n success: false,\n error: \"Task not found\"\n }, 404);\n }\n \n await deleteTask(taskId, userId);\n \n return c.json>({\n success: true\n });\n } catch (error) {\n console.error(\"Error deleting task:\", error);\n return c.json>({\n success: false,\n error: \"An error occurred while deleting the task\"\n }, 500);\n }\n});\n\nexport default app;",[],[298,308,300],"routes","a1e2d96c-3635-11f0-92af-9e149126039e","static.ts","a1e2da02-3635-11f0-92af-9e149126039e",7,["D",1747826442560],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\n// Serve frontend files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve shared files\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve the main HTML file for all other routes (for SPA routing)\napp.get(\"*\", async (c) => {\n try {\n // Read the HTML file\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Return the HTML with the correct content type\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving index.html:\", error);\n return c.text(\"Error loading application\", 500);\n }\n});\n\nexport default app;",[],[298,308,310],"91f26d9c-3635-11f0-991f-9e149126039e","auth.ts","91f26e5a-3635-11f0-991f-9e149126039e",5,["D",1747826415819],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { jwt } from \"https://esm.sh/hono@3.11.7/jwt\";\nimport { createUser, findUserByUsername, validatePassword } from \"../database/queries.ts\";\nimport { UserLoginRequest, UserRegisterRequest, ApiResponse, AuthResponse } from \"../../shared/types.ts\";\n\n// JWT secret key - in production, use environment variable\nconst JWT_SECRET = Deno.env.get(\"JWT_SECRET\") || \"your-secret-key\";\n\n// Create a new Hono app for auth routes\nconst app = new Hono();\n\n// Register a new user\napp.post(\"/register\", async (c) => {\n try {\n const body = await c.req.json();\n \n // Validate input\n if (!body.username || !body.password) {\n return c.json>({\n success: false,\n error: \"Username and password are required\"\n }, 400);\n }\n \n // Check if username already exists\n const existingUser = await findUserByUsername(body.username);\n if (existingUser) {\n return c.json>({\n success: false,\n error: \"Username already exists\"\n }, 400);\n }\n \n // Create the user\n const user = await createUser(body.username, body.password);\n \n // Generate JWT token\n const token = await jwt.sign({ id: user.id }, JWT_SECRET);\n \n return c.json>({\n success: true,\n data: {\n token,\n user\n }\n }, 201);\n } catch (error) {\n console.error(\"Registration error:\", error);\n return c.json>({\n success: false,\n error: \"An error occurred during registration\"\n }, 500);\n }\n});\n\n// Login a user\napp.post(\"/login\", async (c) => {\n try {\n const body = await c.req.json();\n \n // Validate input\n if (!body.username || !body.password) {\n return c.json>({\n success: false,\n error: \"Username and password are required\"\n }, 400);\n }\n \n // Find the user\n const user = await findUserByUsername(body.username);\n if (!user) {\n return c.json>({\n success: false,\n error: \"Invalid username or password\"\n }, 401);\n }\n \n // Validate password\n const isValidPassword = await validatePassword(user, body.password);\n if (!isValidPassword) {\n return c.json>({\n success: false,\n error: \"Invalid username or password\"\n }, 401);\n }\n \n // Generate JWT token\n const token = await jwt.sign({ id: user.id }, JWT_SECRET);\n \n // Remove password from user object\n const { password, ...userWithoutPassword } = user;\n \n return c.json>({\n success: true,\n data: {\n token,\n user: userWithoutPassword\n }\n });\n } catch (error) {\n console.error(\"Login error:\", error);\n return c.json>({\n success: false,\n error: \"An error occurred during login\"\n }, 500);\n }\n});\n\nexport default app;",[],[298,308,318],"91f28ac0-3635-11f0-991f-9e149126039e",["D",1747826415819],[201,202,203],[298,308],"89e36e1c-3635-11f0-8ce9-9e149126039e","queries.ts","89e36eee-3635-11f0-8ce9-9e149126039e","49ef072b-0345-4d68-9782-fc13ecfcc6c6",4,["D",1747826402299],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { USERS_TABLE, TASKS_TABLE } from \"./migrations.ts\";\nimport { User, Task, CreateTaskRequest, UpdateTaskRequest } from \"../../shared/types.ts\";\nimport bcrypt from \"https://esm.sh/bcryptjs@2.4.3\";\n\n// User-related queries\nexport async function findUserByUsername(username: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${USERS_TABLE} WHERE username = ?`,\n [username]\n );\n \n if (result.length === 0) {\n return null;\n }\n \n return {\n id: result[0].id,\n username: result[0].username,\n password: result[0].password\n };\n}\n\nexport async function findUserById(id: number): Promise | null> {\n const result = await sqlite.execute(\n `SELECT id, username FROM ${USERS_TABLE} WHERE id = ?`,\n [id]\n );\n \n if (result.length === 0) {\n return null;\n }\n \n return {\n id: result[0].id,\n username: result[0].username\n };\n}\n\nexport async function createUser(username: string, password: string): Promise> {\n // Hash the password\n const hashedPassword = await bcrypt.hash(password, 10);\n \n // Insert the user\n const result = await sqlite.execute(\n `INSERT INTO ${USERS_TABLE} (username, password) VALUES (?, ?) RETURNING id, username`,\n [username, hashedPassword]\n );\n \n return {\n id: result[0].id,\n username: result[0].username\n };\n}\n\nexport async function validatePassword(user: User, password: string): Promise {\n return bcrypt.compare(password, user.password!);\n}\n\n// Task-related queries\nexport async function getTasks(userId: number): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TASKS_TABLE} WHERE user_id = ? ORDER BY created_at DESC`,\n [userId]\n );\n \n return result.map(row => ({\n id: row.id,\n userId: row.user_id,\n title: row.title,\n description: row.description || \"\",\n completed: Boolean(row.completed),\n createdAt: row.created_at\n }));\n}\n\nexport async function getTaskById(id: number, userId: number): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TASKS_TABLE} WHERE id = ? AND user_id = ?`,\n [id, userId]\n );\n \n if (result.length === 0) {\n return null;\n }\n \n return {\n id: result[0].id,\n userId: result[0].user_id,\n title: result[0].title,\n description: result[0].description || \"\",\n completed: Boolean(result[0].completed),\n createdAt: result[0].created_at\n };\n}\n\nexport async function createTask(userId: number, task: CreateTaskRequest): Promise {\n const result = await sqlite.execute(\n `INSERT INTO ${TASKS_TABLE} (user_id, title, description) \n VALUES (?, ?, ?) \n RETURNING id, user_id, title, description, completed, created_at`,\n [userId, task.title, task.description || \"\"]\n );\n \n return {\n id: result[0].id,\n userId: result[0].user_id,\n title: result[0].title,\n description: result[0].description || \"\",\n completed: Boolean(result[0].completed),\n createdAt: result[0].created_at\n };\n}\n\nexport async function updateTask(id: number, userId: number, updates: UpdateTaskRequest): Promise {\n // Build the SET clause dynamically based on provided updates\n const setClauses = [];\n const params = [];\n \n if (updates.title !== undefined) {\n setClauses.push(\"title = ?\");\n params.push(updates.title);\n }\n \n if (updates.description !== undefined) {\n setClauses.push(\"description = ?\");\n params.push(updates.description);\n }\n \n if (updates.completed !== undefined) {\n setClauses.push(\"completed = ?\");\n params.push(updates.completed ? 1 : 0);\n }\n \n if (setClauses.length === 0) {\n return await getTaskById(id, userId);\n }\n \n // Add id and userId to params\n params.push(id);\n params.push(userId);\n \n const result = await sqlite.execute(\n `UPDATE ${TASKS_TABLE} \n SET ${setClauses.join(\", \")} \n WHERE id = ? AND user_id = ? \n RETURNING id, user_id, title, description, completed, created_at`,\n params\n );\n \n if (result.length === 0) {\n return null;\n }\n \n return {\n id: result[0].id,\n userId: result[0].user_id,\n title: result[0].title,\n description: result[0].description || \"\",\n completed: Boolean(result[0].completed),\n createdAt: result[0].created_at\n };\n}\n\nexport async function deleteTask(id: number, userId: number): Promise {\n const result = await sqlite.execute(\n `DELETE FROM ${TASKS_TABLE} WHERE id = ? AND user_id = ?`,\n [id, userId]\n );\n \n return result.rowsAffected > 0;\n}",[],[298,338,330],"database","7e5a2086-3635-11f0-8ce9-9e149126039e","migrations.ts","7e5a2162-3635-11f0-8ce9-9e149126039e",3,["D",1747826382944],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names - change these when modifying schema\nexport const USERS_TABLE = \"task_manager_users\";\nexport const TASKS_TABLE = \"task_manager_tasks\";\n\n/**\n * Initialize the database schema\n */\nexport async function initializeDatabase() {\n // Create users table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${USERS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT UNIQUE NOT NULL,\n password TEXT NOT NULL,\n created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Create tasks table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TASKS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n user_id INTEGER NOT NULL,\n title TEXT NOT NULL,\n description TEXT,\n completed BOOLEAN DEFAULT 0,\n created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (user_id) REFERENCES ${USERS_TABLE} (id)\n )\n `);\n\n console.log(\"Database initialized successfully\");\n}",[],[298,338,340],"7e5a4016-3635-11f0-8ce9-9e149126039e",["D",1747826382944],[198,199],[298,338],"7e5a3cf6-3635-11f0-8ce9-9e149126039e",["D",1747826382944],[197,200,204],[298],["D",1747826310786],{"_11":12,"_142":71},{"_11":12,"_138":-5,"_70":71,"_31":69,"_139":140,"_141":30},{"_41":129,"_13":16,"_35":38,"_130":95,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":14,"_137":12},"ctx",{"_54":-5,"_161":392,"_393":394,"_395":396,"_397":30,"_398":30,"_399":30,"_400":24,"_401":-5,"_402":-7,"_403":-7,"_404":26,"_405":30,"_406":30,"_407":-5,"_408":30,"_409":30,"_410":30,"_411":-5},"ENV",{"_363":364,"_365":366,"_367":16,"_368":369,"_370":371,"_372":373,"_374":375,"_376":377,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387,"_388":389,"_390":391},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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 · frontend