[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_226":227,"_228":229},"routes/_app.x.$handle.$name",{"_102":101,"_32":51,"_110":92,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_21":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":25,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_49":50,"_32":51,"_37":52,"_53":-5,"_54":25,"_55":56,"_57":56,"_58":-5,"_59":-5,"_18":60,"_61":62,"_63":64,"_65":64,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":25},"version",5,"changes",[19,20],"aiChatInfo","userId",{"_21":42,"_23":-7,"_24":25,"_26":25,"_27":43,"_29":43},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":-5,"_37":38,"_39":14,"_40":41,"_24":25},"previous","deleted",false,"deletedHere","path","backend/routes","latestPath","fileId","c1a48440-3cc6-4d07-a724-8cd7c8105694","name","routes","fileType","directory","content","createdAt",["D",1747826415819],"branchVersion","branchId","5357797e-3635-11f0-a945-9e149126039e",{"_30":44,"_32":45,"_34":46,"_36":47,"_37":48,"_39":14,"_40":41,"_24":25},"backend/routes/auth.ts","91f26e5a-3635-11f0-991f-9e149126039e","auth.ts","script","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;",["D",1747826415819],"id","53573c34-3635-11f0-a945-9e149126039e","lucie",["D",1747826310786],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","f4675420-1ee2-11f0-82e6-37b0a309c55b","pinnedFileId","a6c6e536-3635-11f0-b9f4-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","a5e2ec27-9915-4b8a-beed-e3bf61329958","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_18":60,"_106":107,"_108":25},"branch",{"_13":91,"_32":92,"_49":41,"_93":50,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":51,"_100":101},"isOwned",16,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","lucie_123","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ3M0VmNlpLdXZSNGJ6SGR0TWxSYUFjeEdFcyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_32":51,"_37":222,"_53":-5,"_54":25,"_55":56,"_57":56,"_58":-5,"_59":-5,"_18":60,"_61":62,"_63":64,"_65":64,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":223,"_86":224,"_88":225,"_90":25},"tree",[167,173,175],"files",[167,168,169,170,171,172,173,174,175],"counts",{"_157":68,"_158":139,"_159":68,"_160":161,"_162":163},"contents",[132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":151,"_32":152,"_30":153,"_138":-5,"_40":41,"_39":154,"_140":64,"_37":155,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_27":156},{"_49":145,"_32":146,"_30":147,"_138":-5,"_40":41,"_39":148,"_140":64,"_37":149,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_27":150},{"_49":135,"_32":136,"_30":137,"_138":-5,"_40":41,"_39":139,"_140":64,"_37":141,"_13":68,"_34":21,"_36":142,"_24":25,"_143":-5,"_27":144},"766db2f2-3635-11f0-ae53-9e149126039e","README.md","766db3b0-3635-11f0-ae53-9e149126039e","parentId",1,"latest",["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","label",[136],"79fff9d4-3635-11f0-9b08-9e149126039e","shared","385fa7f5-5cdd-4abb-8968-67d6d5915b5e",2,["D",1747826375642],[146],"7e5a3cf6-3635-11f0-8ce9-9e149126039e","backend","65e036bb-53f0-458c-b156-27ce7c7db8f0",3,["D",1747826382944],[152],"pulls","branches","forks","envVars",{"_164":68,"_166":68},"connections",{"_164":68,"_165":68},"count","unfilledCount","emptyCount",{"_49":151,"_32":152,"_30":153,"_138":-5,"_40":41,"_39":154,"_140":64,"_37":219,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_177":220,"_27":221},{"_49":215,"_32":207,"_30":201,"_138":153,"_40":41,"_39":154,"_140":64,"_37":216,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_177":217,"_27":218},{"_49":208,"_32":209,"_30":210,"_138":201,"_40":41,"_39":154,"_140":64,"_37":211,"_13":68,"_34":46,"_36":212,"_24":25,"_143":-5,"_177":213,"_27":214},{"_49":198,"_32":199,"_30":200,"_138":201,"_40":41,"_39":202,"_140":64,"_37":203,"_13":68,"_34":46,"_36":204,"_24":25,"_143":-5,"_177":205,"_27":206},{"_49":194,"_32":33,"_30":31,"_138":153,"_40":41,"_39":14,"_140":64,"_37":195,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_177":196,"_27":197},{"_49":190,"_32":45,"_30":44,"_138":31,"_40":41,"_39":14,"_140":64,"_37":191,"_13":68,"_34":46,"_36":47,"_24":25,"_143":-5,"_177":192,"_27":193},{"_49":145,"_32":146,"_30":147,"_138":-5,"_40":41,"_39":148,"_140":64,"_37":187,"_13":68,"_34":35,"_36":-5,"_24":25,"_143":-5,"_177":188,"_27":189},{"_49":180,"_32":181,"_30":182,"_138":147,"_40":41,"_39":148,"_140":64,"_37":183,"_13":68,"_34":46,"_36":184,"_24":25,"_143":-5,"_177":185,"_27":186},{"_49":135,"_32":136,"_30":137,"_138":-5,"_40":41,"_39":139,"_140":64,"_37":176,"_13":68,"_34":21,"_36":142,"_24":25,"_143":-5,"_177":178,"_27":179},["D",1747826369650],"children",[],[136],"79ffd68e-3635-11f0-9b08-9e149126039e","types.ts","79ffd71a-3635-11f0-9b08-9e149126039e",["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}",[],[146,181],["D",1747826375642],[174],[146],"91f26d9c-3635-11f0-991f-9e149126039e",["D",1747826415819],[],[152,33,45],"91f28ac0-3635-11f0-991f-9e149126039e",["D",1747826415819],[172],[152,33],"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}",[],[152,207,199],"database","7e5a2086-3635-11f0-8ce9-9e149126039e","migrations.ts","7e5a2162-3635-11f0-8ce9-9e149126039e",["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}",[],[152,207,209],"7e5a4016-3635-11f0-8ce9-9e149126039e",["D",1747826382944],[169,170],[152,207],["D",1747826382944],[168,171],[152],["D",1747826310786],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_18":60,"_106":107,"_108":25},{"_13":91,"_32":92,"_49":41,"_93":50,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":51,"_100":101},"ctx",{"_84":-5,"_129":259,"_260":261,"_262":263,"_264":25,"_265":25,"_266":25,"_267":64,"_268":-5,"_269":-7,"_270":-7,"_271":68,"_272":25,"_273":25,"_274":-5,"_275":25,"_276":25,"_277":25,"_278":-5},"ENV",{"_230":231,"_232":233,"_234":92,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258},"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"]

Diff · v5