[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_336":337,"_338":339},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_119":-5,"_19":120,"_121":122,"_123":124,"_125":126,"_127":128,"_21":129,"_130":-5,"_131":-5,"_132":24,"_133":134,"_135":82,"_136":-5,"_137":-5,"_138":139},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","lucie_123","name","lucie","branchName","main","path","frontend/index.html","project",{"_32":70,"_13":14,"_36":71,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":-5,"_78":-5,"_30":66,"_79":80,"_81":82,"_83":82,"_84":-5,"_85":26,"_40":41,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":91,"_92":91,"_93":94,"_95":94,"_96":94,"_97":91,"_98":91,"_51":99,"_100":101,"_102":103,"_104":24},"file",{"_61":62,"_13":63,"_64":21,"_65":24,"_69":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":59},"id","aaff7f0a-3635-11f0-8384-9e149126039e","branchId","5357797e-3635-11f0-a945-9e149126039e","createdAt",["D",1747826457838],"version",9,"orgId","a5e2ec27-9915-4b8a-beed-e3bf61329958","parentId","a6c80cae-3635-11f0-b9f4-9e149126039e","incomingCommitId","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":66,"_40":41,"_11":12,"_67":68},{"_61":62,"_13":63,"_64":21,"_65":24},"pull","merge","revert","multiple","commits",[60],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5},"fileId","aafe1066-3635-11f0-8384-9e149126039e","index.html","fileType","deleted","f4675420-1ee2-11f0-82e6-37b0a309c55b","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ3M0VmNlpLdXZSNGJ6SGR0TWxSYUFjeEdFcyJ9","deletedAtVersion","53573c34-3635-11f0-a945-9e149126039e",["D",1747826310786],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","pinnedFileId","a6c6e536-3635-11f0-b9f4-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_118":68},"org",{"_11":12,"_114":-5,"_67":68,"_30":66,"_115":116,"_117":24},"branch",{"_38":105,"_13":16,"_32":35,"_106":70,"_107":-5,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":14,"_113":12},"isOwned",16,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":70,"_13":14,"_36":332,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":-5,"_78":-5,"_30":66,"_79":80,"_81":82,"_83":82,"_84":-5,"_85":26,"_40":41,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":91,"_92":91,"_93":94,"_95":94,"_96":94,"_97":91,"_98":91,"_51":333,"_100":334,"_102":335,"_104":24},"tree",[161,170,179,181],"files",[161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181],"counts",{"_150":26,"_151":152,"_153":26,"_154":155,"_156":157},"contents",[],{"_32":140,"_13":63,"_61":62,"_42":141,"_34":35,"_142":39,"_143":82,"_36":144,"_38":26,"_64":21,"_145":146,"_65":24,"_147":-5,"_17":148},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},"aafe0fb2-3635-11f0-8384-9e149126039e","9c8ea74c-f2ef-4021-a3ae-313f9aa889d4","branchVersion","latest",["D",1747826457838],"content","\n\n\n \n \n Personal Task Manager\n \n \n \n \n \n \n \n \n\n\n

\n \n \n \n\n","label",[149,63],"frontend","pulls","branches",1,"forks","envVars",{"_158":26,"_160":26},"connections",{"_158":26,"_159":26},"count","unfilledCount","emptyCount",{"_32":328,"_13":275,"_61":269,"_42":-5,"_34":35,"_142":319,"_143":82,"_36":329,"_38":26,"_64":203,"_145":-5,"_65":24,"_147":-5,"_187":330,"_17":331},{"_32":324,"_13":315,"_61":309,"_42":269,"_34":35,"_142":319,"_143":82,"_36":325,"_38":26,"_64":203,"_145":-5,"_65":24,"_147":-5,"_187":326,"_17":327},{"_32":316,"_13":317,"_61":318,"_42":309,"_34":35,"_142":319,"_143":82,"_36":320,"_38":26,"_64":196,"_145":321,"_65":24,"_147":-5,"_187":322,"_17":323},{"_32":306,"_13":307,"_61":308,"_42":309,"_34":35,"_142":310,"_143":82,"_36":311,"_38":26,"_64":196,"_145":312,"_65":24,"_147":-5,"_187":313,"_17":314},{"_32":302,"_13":285,"_61":279,"_42":269,"_34":35,"_142":297,"_143":82,"_36":303,"_38":26,"_64":203,"_145":-5,"_65":24,"_147":-5,"_187":304,"_17":305},{"_32":294,"_13":295,"_61":296,"_42":279,"_34":35,"_142":297,"_143":82,"_36":298,"_38":26,"_64":196,"_145":299,"_65":24,"_147":-5,"_187":300,"_17":301},{"_32":286,"_13":287,"_61":288,"_42":279,"_34":35,"_142":289,"_143":82,"_36":290,"_38":26,"_64":196,"_145":291,"_65":24,"_147":-5,"_187":292,"_17":293},{"_32":276,"_13":277,"_61":278,"_42":279,"_34":35,"_142":280,"_143":82,"_36":281,"_38":26,"_64":196,"_145":282,"_65":24,"_147":-5,"_187":283,"_17":284},{"_32":267,"_13":268,"_61":80,"_42":269,"_34":35,"_142":105,"_143":82,"_36":270,"_38":152,"_64":271,"_145":272,"_65":24,"_147":-5,"_187":273,"_17":274},{"_32":263,"_13":149,"_61":141,"_42":-5,"_34":35,"_142":39,"_143":82,"_36":264,"_38":26,"_64":203,"_145":-5,"_65":24,"_147":-5,"_187":265,"_17":266},{"_32":259,"_13":226,"_61":220,"_42":141,"_34":35,"_142":254,"_143":82,"_36":260,"_38":26,"_64":203,"_145":-5,"_65":24,"_147":-5,"_187":261,"_17":262},{"_32":251,"_13":252,"_61":253,"_42":220,"_34":35,"_142":254,"_143":82,"_36":255,"_38":26,"_64":196,"_145":256,"_65":24,"_147":-5,"_187":257,"_17":258},{"_32":243,"_13":244,"_61":245,"_42":220,"_34":35,"_142":246,"_143":82,"_36":247,"_38":26,"_64":196,"_145":248,"_65":24,"_147":-5,"_187":249,"_17":250},{"_32":235,"_13":236,"_61":237,"_42":220,"_34":35,"_142":238,"_143":82,"_36":239,"_38":26,"_64":196,"_145":240,"_65":24,"_147":-5,"_187":241,"_17":242},{"_32":227,"_13":228,"_61":229,"_42":220,"_34":35,"_142":230,"_143":82,"_36":231,"_38":26,"_64":196,"_145":232,"_65":24,"_147":-5,"_187":233,"_17":234},{"_32":217,"_13":218,"_61":219,"_42":220,"_34":35,"_142":221,"_143":82,"_36":222,"_38":26,"_64":196,"_145":223,"_65":24,"_147":-5,"_187":224,"_17":225},{"_32":140,"_13":63,"_61":62,"_42":141,"_34":35,"_142":39,"_143":82,"_36":214,"_38":26,"_64":21,"_145":146,"_65":24,"_147":-5,"_187":215,"_17":216},{"_32":206,"_13":207,"_61":208,"_42":141,"_34":35,"_142":209,"_143":82,"_36":210,"_38":26,"_64":196,"_145":211,"_65":24,"_147":-5,"_187":212,"_17":213},{"_32":201,"_13":200,"_61":193,"_42":-5,"_34":35,"_142":194,"_143":82,"_36":202,"_38":26,"_64":203,"_145":-5,"_65":24,"_147":-5,"_187":204,"_17":205},{"_32":190,"_13":191,"_61":192,"_42":193,"_34":35,"_142":194,"_143":82,"_36":195,"_38":26,"_64":196,"_145":197,"_65":24,"_147":-5,"_187":198,"_17":199},{"_32":182,"_13":183,"_61":184,"_42":-5,"_34":35,"_142":152,"_143":82,"_36":185,"_38":26,"_64":21,"_145":186,"_65":24,"_147":-5,"_187":188,"_17":189},"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",[],[183],"79ffd68e-3635-11f0-9b08-9e149126039e","types.ts","79ffd71a-3635-11f0-9b08-9e149126039e","385fa7f5-5cdd-4abb-8968-67d6d5915b5e",2,["D",1747826375642],"script","// 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}",[],[200,191],"shared","79fff9d4-3635-11f0-9b08-9e149126039e",["D",1747826375642],"directory",[180],[200],"ef659de6-3635-11f0-a4c7-9e149126039e","index.tsx","ef659ea4-3635-11f0-a4c7-9e149126039e",15,["D",1747826572603],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\n// Render the app\nconst root = createRoot(document.getElementById(\"app\")!);\nroot.render();",[],[149,207],["D",1747826457838],[],[149,63],"eb8433b8-3635-11f0-bd45-9e149126039e","TaskList.tsx","eb843494-3635-11f0-bd45-9e149126039e","cb32ae7f-d51c-4f6d-bff0-348555ad61ea",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;",[],[149,226,218],"components","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;",[],[149,226,228],"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;",[],[149,226,236],"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;",[],[149,226,244],"b55643c6-3635-11f0-9e0c-9e149126039e","App.tsx","b5564466-3635-11f0-9e0c-9e149126039e",10,["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;",[],[149,226,252],"b556826e-3635-11f0-9e0c-9e149126039e",["D",1747826475193],[172,173,174,175,176],[149,226],"aafe4c0c-3635-11f0-8384-9e149126039e",["D",1747826457838],[171,177,178],[149],"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;",[],[275,268],"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;",[],[275,285,277],"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;",[],[275,285,287],"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;",[],[275,285,295],"91f28ac0-3635-11f0-991f-9e149126039e",["D",1747826415819],[166,167,168],[275,285],"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}",[],[275,315,307],"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}",[],[275,315,317],"7e5a4016-3635-11f0-8ce9-9e149126039e",["D",1747826382944],[163,164],[275,315],"7e5a3cf6-3635-11f0-8ce9-9e149126039e",["D",1747826382944],[162,165,169],[275],["D",1747826310786],{"_11":12,"_118":68},{"_11":12,"_114":-5,"_67":68,"_30":66,"_115":116,"_117":24},{"_38":105,"_13":16,"_32":35,"_106":70,"_107":-5,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":14,"_113":12},"ctx",{"_51":-5,"_137":369,"_370":371,"_372":373,"_374":24,"_375":24,"_376":24,"_377":82,"_378":-5,"_379":-7,"_380":-7,"_381":26,"_382":24,"_383":24,"_384":-5,"_385":24,"_386":24,"_387":24,"_388":-5},"ENV",{"_340":341,"_342":343,"_344":16,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · index.html