[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_331":332,"_333":334},"routes/_app.x.$handle.$name",{"_95":94,"_31":44,"_103":85,"_26":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",20,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/ProfilesList.tsx","latestPath","fileId","869689ee-3fb6-11f0-9c02-76b3cceeab13","name","ProfilesList.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { UserProfile, Skill } from \"../../shared/types.ts\";\n\ninterface ProfilesListProps {\n refreshTrigger?: number;\n}\n\ninterface ProfileWithSkills extends UserProfile {\n skills: (Skill & { userName: string })[];\n}\n\nexport default function ProfilesList({ refreshTrigger }: ProfilesListProps) {\n const [profiles, setProfiles] = useState([]);\n const [loading, setLoading] = useState(true);\n const [filter, setFilter] = useState<'all' | 'offer' | 'request'>('all');\n\n const fetchProfilesAndSkills = async () => {\n try {\n setLoading(true);\n \n // Fetch all profiles and skills in parallel\n const [profilesResponse, skillsResponse] = await Promise.all([\n fetch(\"/api/profiles\"),\n fetch(\"/api/skills\")\n ]);\n\n if (profilesResponse.ok && skillsResponse.ok) {\n const profilesData = await profilesResponse.json();\n const skillsData = await skillsResponse.json();\n\n // Group skills by user\n const skillsByUser = skillsData.reduce((acc: Record, skill: Skill & { userName: string }) => {\n if (!acc[skill.userName]) {\n acc[skill.userName] = [];\n }\n acc[skill.userName].push(skill);\n return acc;\n }, {});\n\n // Combine profiles with their skills\n const profilesWithSkills = profilesData.map((profile: UserProfile) => ({\n ...profile,\n skills: skillsByUser[profile.userName] || []\n }));\n\n setProfiles(profilesWithSkills);\n }\n } catch (error) {\n console.error(\"Error fetching profiles and skills:\", error);\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n fetchProfilesAndSkills();\n }, [refreshTrigger]);\n\n const filteredProfiles = profiles.filter(profile => {\n if (filter === 'all') return profile.skills.length > 0;\n return profile.skills.some(skill => skill.type === filter);\n });\n\n if (loading) {\n return (\n

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

\n Neighbor Profiles ({filteredProfiles.length})\n

\n \n

\n setFilter('all')}\n className={`px-3 py-1 rounded-full text-sm font-medium ${\n filter === 'all' \n ? 'bg-gray-800 text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n All\n \n setFilter('offer')}\n className={`px-3 py-1 rounded-full text-sm font-medium ${\n filter === 'offer' \n ? 'bg-green-600 text-white' \n : 'bg-green-100 text-green-700 hover:bg-green-200'\n }`}\n >\n 🤝 Offers\n \n setFilter('request')}\n className={`px-3 py-1 rounded-full text-sm font-medium ${\n filter === 'request' \n ? 'bg-blue-600 text-white' \n : 'bg-blue-100 text-blue-700 hover:bg-blue-200'\n }`}\n >\n 🙋 Requests\n \n

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

No profiles found

Be the first to create a profile and add your skills!

\n ) : (\n

\n {filteredProfiles.map((profile) => (\n

\n {profile.userName}\n

\n {profile.location && (\n

📍 {profile.location}

\n )}\n

\n {profile.email && (\n \n ✉️ Contact\n \n )}\n

\n\n {profile.bio && (\n

{profile.bio}

\n )}\n\n

\n {profile.skills\n .filter(skill => filter === 'all' || skill.type === filter)\n .map((skill) => (\n \n \n {skill.type === 'offer' ? '🤝' : '🙋'} {skill.skillName}\n \n {skill.category && (\n \n ({skill.category})\n \n )}\n {skill.description && (\n

\n {skill.description}\n

\n )}\n

\n ))}\n

\n\n

\n Member since {new Date(profile.createdAt!).toLocaleDateString()}\n

\n ))}\n

\n )}\n \n );\n}","createdAt",["D",1748871362299],"branchVersion","branchId","077e3da2-3fb4-11f0-899e-76b3cceeab13","id","077ddf9c-3fb4-11f0-899e-76b3cceeab13","Estateskillsearch",["D",1748870290080],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","d154d2c0-3fab-11f0-b6e9-ab0b2f88b858","pinnedFileId","301eeefa-3fb4-11f0-8c9f-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0a60fb5a-edbe-490c-873b-b7d824b4072f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},"branch",{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"isOwned",23,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jibolad","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4eDU0TFN2MENxZ2lDNnJXaHE3Sk1Ia0JLbSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":327,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":328,"_79":329,"_81":330,"_83":24},"tree",[168,176,186,188],"files",[168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188],"counts",{"_158":61,"_159":133,"_160":61,"_161":162,"_163":164},"contents",[125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":152,"_31":153,"_29":154,"_132":-5,"_40":41,"_39":155,"_134":57,"_37":156,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":157},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":150,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":151},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":143,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":145},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":24,"_37":135,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_26":138},"1e6d86c6-3fb4-11f0-a2f9-76b3cceeab13","README.md","1e6d8798-3fb4-11f0-a2f9-76b3cceeab13","parentId",1,"latest",["D",1748870328559],"# Skill Exchange Platform\n\nA simple platform for users to input their skills and specify whether they're offering or requesting help.\n\n## Features\n\n- User registration with username and skill\n- Toggle between \"offer\" and \"request\" modes\n- Store submissions in SQLite database\n- View all submissions\n\n## Project Structure\n\n- `backend/` - Hono API server\n- `frontend/` - React frontend with form\n- `shared/` - Shared types and utilities\n\n## API Endpoints\n\n- `GET /` - Serve frontend\n- `POST /api/submissions` - Create new submission\n- `GET /api/submissions` - Get all submissions\n\n## Usage\n\n1. Enter your username\n2. Specify your skill\n3. Choose whether you're offering or requesting help\n4. Submit the form","label",[130],"20d59f52-3fb4-11f0-9103-76b3cceeab13","shared","fea8f9e5-33f1-4448-b5bc-d8ede9a97d99",2,["D",1748870332585],"directory",[140],"336f2084-3fb4-11f0-9502-76b3cceeab13","frontend","424a05be-e1a3-4a96-807c-b93ffa758fbc",7,["D",1748870363795],[147],"24250224-3fb4-11f0-8c9f-76b3cceeab13","backend","9ff999fb-9a43-4cca-ae31-aa092077a53c",3,["D",1748870338148],[153],"pulls","branches","forks","envVars",{"_165":61,"_167":61},"connections",{"_165":61,"_166":61},"count","unfilledCount","emptyCount",{"_42":152,"_31":153,"_29":154,"_132":-5,"_40":41,"_39":155,"_134":57,"_37":324,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_190":325,"_26":326},{"_42":320,"_31":311,"_29":305,"_132":154,"_40":41,"_39":155,"_134":57,"_37":321,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_190":322,"_26":323},{"_42":312,"_31":313,"_29":314,"_132":305,"_40":41,"_39":315,"_134":57,"_37":316,"_13":133,"_33":34,"_35":317,"_23":24,"_137":-5,"_190":318,"_26":319},{"_42":302,"_31":303,"_29":304,"_132":305,"_40":41,"_39":306,"_134":57,"_37":307,"_13":133,"_33":34,"_35":308,"_23":24,"_137":-5,"_190":309,"_26":310},{"_42":298,"_31":289,"_29":283,"_132":154,"_40":41,"_39":284,"_134":57,"_37":299,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_190":300,"_26":301},{"_42":290,"_31":291,"_29":292,"_132":283,"_40":41,"_39":293,"_134":57,"_37":294,"_13":61,"_33":34,"_35":295,"_23":24,"_137":-5,"_190":296,"_26":297},{"_42":280,"_31":281,"_29":282,"_132":283,"_40":41,"_39":284,"_134":57,"_37":285,"_13":61,"_33":34,"_35":286,"_23":24,"_137":-5,"_190":287,"_26":288},{"_42":272,"_31":273,"_29":55,"_132":154,"_40":41,"_39":274,"_134":57,"_37":275,"_13":142,"_33":276,"_35":277,"_23":24,"_137":-5,"_190":278,"_26":279},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":269,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_190":270,"_26":271},{"_42":265,"_31":228,"_29":222,"_132":148,"_40":41,"_39":260,"_134":57,"_37":266,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_190":267,"_26":268},{"_42":257,"_31":258,"_29":259,"_132":222,"_40":41,"_39":260,"_134":24,"_37":261,"_13":61,"_33":34,"_35":262,"_23":24,"_137":-5,"_190":263,"_26":264},{"_42":249,"_31":250,"_29":251,"_132":222,"_40":41,"_39":252,"_134":57,"_37":253,"_13":61,"_33":34,"_35":254,"_23":24,"_137":-5,"_190":255,"_26":256},{"_42":245,"_31":32,"_29":30,"_132":222,"_40":41,"_39":14,"_134":57,"_37":246,"_13":61,"_33":34,"_35":36,"_23":24,"_137":-5,"_190":247,"_26":248},{"_42":237,"_31":238,"_29":239,"_132":222,"_40":41,"_39":240,"_134":57,"_37":241,"_13":61,"_33":34,"_35":242,"_23":24,"_137":-5,"_190":243,"_26":244},{"_42":229,"_31":230,"_29":231,"_132":222,"_40":41,"_39":232,"_134":57,"_37":233,"_13":61,"_33":34,"_35":234,"_23":24,"_137":-5,"_190":235,"_26":236},{"_42":219,"_31":220,"_29":221,"_132":222,"_40":41,"_39":223,"_134":57,"_37":224,"_13":61,"_33":34,"_35":225,"_23":24,"_137":-5,"_190":226,"_26":227},{"_42":212,"_31":213,"_29":214,"_132":148,"_40":41,"_39":149,"_134":57,"_37":215,"_13":61,"_33":20,"_35":216,"_23":24,"_137":-5,"_190":217,"_26":218},{"_42":204,"_31":205,"_29":206,"_132":148,"_40":41,"_39":207,"_134":57,"_37":208,"_13":61,"_33":34,"_35":209,"_23":24,"_137":-5,"_190":210,"_26":211},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":201,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_190":202,"_26":203},{"_42":193,"_31":194,"_29":195,"_132":141,"_40":41,"_39":196,"_134":57,"_37":197,"_13":133,"_33":34,"_35":198,"_23":24,"_137":-5,"_190":199,"_26":200},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":24,"_37":189,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_190":191,"_26":192},["D",1748870328559],"children",[],[130],"325a2782-3fb6-11f0-b1e2-76b3cceeab13","types.ts","20d59516-3fb4-11f0-9103-76b3cceeab13",13,["D",1748871220970],"export interface UserProfile {\n id?: number;\n userName: string;\n email?: string;\n bio?: string;\n location?: string;\n createdAt?: string;\n updatedAt?: string;\n}\n\nexport interface Skill {\n id?: number;\n userId: number;\n skillName: string;\n description?: string;\n category?: string;\n type: 'offer' | 'request';\n isActive: boolean;\n createdAt?: string;\n}\n\nexport interface CreateProfileRequest {\n userName: string;\n email?: string;\n bio?: string;\n location?: string;\n}\n\nexport interface CreateSkillRequest {\n userName: string;\n skillName: string;\n description?: string;\n category?: string;\n type: 'offer' | 'request';\n}\n\n// Legacy types for backward compatibility\nexport interface Submission {\n id?: number;\n userName: string;\n skill: string;\n type: 'offer' | 'request';\n createdAt?: string;\n}\n\nexport interface CreateSubmissionRequest {\n userName: string;\n skill: string;\n type: 'offer' | 'request';\n}",[],[140,194],["D",1748870332585],[187],[140],"363ae73a-3fb4-11f0-b9bb-76b3cceeab13","index.tsx","363ae820-3fb4-11f0-b9bb-76b3cceeab13",8,["D",1748870368489],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[147,205],"336f1b98-3fb4-11f0-9502-76b3cceeab13","index.html","336f1c42-3fb4-11f0-9502-76b3cceeab13",["D",1748870363795],"\n\n\n \n \n Skill Exchange Platform\n \n \n\n\n

\n \n\n",[],[147,213],"4db53d0c-3fb4-11f0-bc33-76b3cceeab13","SubmissionsList.tsx","4db53dac-3fb4-11f0-bc33-76b3cceeab13","9d891580-8e12-402f-a15f-698a84486ef5",11,["D",1748870407877],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Submission } from \"../../shared/types.ts\";\n\ninterface SubmissionsListProps {\n submissions: Submission[];\n loading: boolean;\n}\n\nexport default function SubmissionsList({ submissions, loading }: SubmissionsListProps) {\n if (loading) {\n return (\n

\n Recent Submissions\n

Loading submissions...

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

\n Recent Submissions\n

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

No submissions yet. Be the first to share your skill!

\n ) : (\n

\n {submissions.map((submission) => (\n \n

\n \n {submission.userName}\n \n \n {submission.type === 'offer' ? '💡 Offering' : '🙋 Requesting'}\n \n

\n {submission.skill}\n

\n {submission.createdAt && (\n

\n {new Date(submission.createdAt).toLocaleDateString()}\n

\n )}\n

\n ))}\n

\n )}\n \n );\n}",[],[147,228,220],"components","45c095ba-3fb4-11f0-8e1d-76b3cceeab13","SubmissionForm.tsx","45c09682-3fb4-11f0-8e1d-76b3cceeab13",10,["D",1748870394533],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Submission, CreateSubmissionRequest } from \"../../shared/types.ts\";\n\ninterface SubmissionFormProps {\n onSubmissionCreated: (submission: Submission) => void;\n}\n\nexport default function SubmissionForm({ onSubmissionCreated }: SubmissionFormProps) {\n const [formData, setFormData] = useState({\n userName: \"\",\n skill: \"\",\n type: \"offer\"\n });\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [error, setError] = useState(\"\");\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(\"\");\n setIsSubmitting(true);\n\n try {\n const response = await fetch(\"/api/submissions\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(formData),\n });\n\n if (response.ok) {\n const newSubmission = await response.json();\n onSubmissionCreated(newSubmission);\n setFormData({ userName: \"\", skill: \"\", type: \"offer\" });\n } else {\n const errorData = await response.json();\n setError(errorData.error || \"Failed to submit\");\n }\n } catch (error) {\n setError(\"Network error occurred\");\n } finally {\n setIsSubmitting(false);\n }\n };\n\n const handleInputChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({ ...prev, [name]: value }));\n };\n\n return (\n

\n Add Your Skill\n

\n \n

\n );\n}",[],[147,228,230],"733b706c-3fb6-11f0-a9a0-76b3cceeab13","SkillForm.tsx","733b7120-3fb6-11f0-a9a0-76b3cceeab13",19,["D",1748871329827],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Skill, CreateSkillRequest } from \"../../shared/types.ts\";\n\ninterface SkillFormProps {\n userName: string;\n onSkillAdded: (skill: Skill) => void;\n}\n\nconst SKILL_CATEGORIES = [\n \"Home & Garden\",\n \"Technology\",\n \"Cooking & Food\",\n \"Transportation\",\n \"Childcare\",\n \"Pet Care\",\n \"Tutoring & Education\",\n \"Arts & Crafts\",\n \"Music & Entertainment\",\n \"Health & Fitness\",\n \"Business & Professional\",\n \"Other\"\n];\n\nexport default function SkillForm({ userName, onSkillAdded }: SkillFormProps) {\n const [formData, setFormData] = useState({\n userName,\n skillName: \"\",\n description: \"\",\n category: \"\",\n type: \"offer\",\n });\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [error, setError] = useState(\"\");\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsSubmitting(true);\n setError(\"\");\n\n try {\n const response = await fetch(\"/api/skills\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(formData),\n });\n\n if (response.ok) {\n const skill = await response.json();\n onSkillAdded(skill);\n \n // Reset form\n setFormData({\n userName,\n skillName: \"\",\n description: \"\",\n category: \"\",\n type: \"offer\",\n });\n } else {\n const errorData = await response.json();\n setError(errorData.error || \"Failed to add skill\");\n }\n } catch (err) {\n setError(\"Network error occurred\");\n } finally {\n setIsSubmitting(false);\n }\n };\n\n const handleChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({\n ...prev,\n [name]: value,\n }));\n };\n\n return (\n

Add New Skill

\n \n {error && (\n

\n {error}\n

\n )}\n\n

\n );\n}",[],[147,228,238],"8696893a-3fb6-11f0-9c02-76b3cceeab13",["D",1748871362299],[],[147,228,32],"65caf394-3fb6-11f0-a44c-76b3cceeab13","ProfileForm.tsx","65caf45c-3fb6-11f0-a44c-76b3cceeab13",18,["D",1748871307281],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { UserProfile, CreateProfileRequest } from \"../../shared/types.ts\";\n\ninterface ProfileFormProps {\n onProfileCreated: (profile: UserProfile) => void;\n existingProfile?: UserProfile | null;\n}\n\nexport default function ProfileForm({ onProfileCreated, existingProfile }: ProfileFormProps) {\n const [formData, setFormData] = useState({\n userName: existingProfile?.userName || \"\",\n email: existingProfile?.email || \"\",\n bio: existingProfile?.bio || \"\",\n location: existingProfile?.location || \"\",\n });\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [error, setError] = useState(\"\");\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsSubmitting(true);\n setError(\"\");\n\n try {\n const response = await fetch(\"/api/profiles\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(formData),\n });\n\n if (response.ok) {\n const profile = await response.json();\n onProfileCreated(profile);\n \n // Only reset form if creating new profile\n if (!existingProfile) {\n setFormData({\n userName: \"\",\n email: \"\",\n bio: \"\",\n location: \"\",\n });\n }\n } else {\n const errorData = await response.json();\n setError(errorData.error || \"Failed to save profile\");\n }\n } catch (err) {\n setError(\"Network error occurred\");\n } finally {\n setIsSubmitting(false);\n }\n };\n\n const handleChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({\n ...prev,\n [name]: value,\n }));\n };\n\n return (\n

\n {existingProfile ? \"Update Profile\" : \"Create Profile\"}\n

\n \n {error && (\n

\n {error}\n

\n )}\n\n

\n );\n}",[],[147,228,250],"3bafce4c-3fb4-11f0-b34a-76b3cceeab13","App.tsx","3bafcf1e-3fb4-11f0-b34a-76b3cceeab13",9,["D",1748870377639],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport SubmissionForm from \"./SubmissionForm.tsx\";\nimport SubmissionsList from \"./SubmissionsList.tsx\";\nimport type { Submission } from \"../../shared/types.ts\";\n\nexport default function App() {\n const [submissions, setSubmissions] = useState([]);\n const [loading, setLoading] = useState(true);\n\n const fetchSubmissions = async () => {\n try {\n const response = await fetch(\"/api/submissions\");\n if (response.ok) {\n const data = await response.json();\n setSubmissions(data);\n }\n } catch (error) {\n console.error(\"Error fetching submissions:\", error);\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n fetchSubmissions();\n }, []);\n\n const handleSubmissionCreated = (newSubmission: Submission) => {\n setSubmissions(prev => [newSubmission, ...prev]);\n };\n\n return (\n

\n 🤝 Skill Exchange Platform\n

\n Share your skills or find help from the community\n

\n\n

\n \n

\n );\n}",[],[147,228,258],"3bafd5e0-3fb4-11f0-b34a-76b3cceeab13",["D",1748870377639],[178,179,180,181,182,183],[147,228],["D",1748870363795],[177,184,185],[147],"5938a162-3fb6-11f0-9427-76b3cceeab13","index.ts",17,["D",1748871286183],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { createTables } from \"./database/migrations.ts\";\nimport submissionsRouter from \"./routes/submissions.ts\";\nimport profilesRouter from \"./routes/profiles.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database\nawait createTables();\n\n// API routes\napp.route(\"/api/submissions\", submissionsRouter);\napp.route(\"/api\", profilesRouter);\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main page\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;",[],[153,273],"2c178e3e-3fb4-11f0-89cd-76b3cceeab13","submissions.ts","2c179000-3fb4-11f0-89cd-76b3cceeab13","36fbd25c-53cf-47ae-b59a-61818f9edbef",5,["D",1748870351480],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { createSubmission, getAllSubmissions } from \"../database/queries.ts\";\nimport type { CreateSubmissionRequest } from \"../../shared/types.ts\";\n\nconst app = new Hono();\n\n// Get all submissions\napp.get(\"/\", async (c) => {\n try {\n const submissions = await getAllSubmissions();\n return c.json(submissions);\n } catch (error) {\n console.error(\"Error fetching submissions:\", error);\n return c.json({ error: \"Failed to fetch submissions\" }, 500);\n }\n});\n\n// Create new submission\napp.post(\"/\", async (c) => {\n try {\n const body = await c.req.json() as CreateSubmissionRequest;\n \n // Validate required fields\n if (!body.userName || !body.skill || !body.type) {\n return c.json({ error: \"Missing required fields\" }, 400);\n }\n \n if (body.type !== 'offer' && body.type !== 'request') {\n return c.json({ error: \"Type must be 'offer' or 'request'\" }, 400);\n }\n \n const submission = await createSubmission(body);\n return c.json(submission, 201);\n } catch (error) {\n console.error(\"Error creating submission:\", error);\n return c.json({ error: \"Failed to create submission\" }, 500);\n }\n});\n\nexport default app;",[],[153,289,281],"routes","50a0eadc-3fb6-11f0-96a3-76b3cceeab13","profiles.ts","50a0eb90-3fb6-11f0-96a3-76b3cceeab13",16,["D",1748871271774],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { \n createOrUpdateProfile, \n getUserProfile, \n getAllProfiles,\n addSkillToProfile,\n getUserSkills,\n getAllSkills,\n getSkillsByType,\n toggleSkillStatus\n} from \"../database/queries.ts\";\nimport type { CreateProfileRequest, CreateSkillRequest } from \"../../shared/types.ts\";\n\nconst app = new Hono();\n\n// Profile routes\napp.post(\"/profiles\", async (c) => {\n try {\n const data: CreateProfileRequest = await c.req.json();\n \n if (!data.userName?.trim()) {\n return c.json({ error: \"Username is required\" }, 400);\n }\n\n const profile = await createOrUpdateProfile(data);\n return c.json(profile);\n } catch (error) {\n console.error(\"Error creating/updating profile:\", error);\n return c.json({ error: \"Failed to create/update profile\" }, 500);\n }\n});\n\napp.get(\"/profiles/:userName\", async (c) => {\n try {\n const userName = c.req.param(\"userName\");\n const profile = await getUserProfile(userName);\n \n if (!profile) {\n return c.json({ error: \"Profile not found\" }, 404);\n }\n \n return c.json(profile);\n } catch (error) {\n console.error(\"Error fetching profile:\", error);\n return c.json({ error: \"Failed to fetch profile\" }, 500);\n }\n});\n\napp.get(\"/profiles\", async (c) => {\n try {\n const profiles = await getAllProfiles();\n return c.json(profiles);\n } catch (error) {\n console.error(\"Error fetching profiles:\", error);\n return c.json({ error: \"Failed to fetch profiles\" }, 500);\n }\n});\n\n// Skill routes\napp.post(\"/skills\", async (c) => {\n try {\n const data: CreateSkillRequest = await c.req.json();\n \n if (!data.userName?.trim() || !data.skillName?.trim()) {\n return c.json({ error: \"Username and skill name are required\" }, 400);\n }\n\n const skill = await addSkillToProfile(data);\n return c.json(skill);\n } catch (error) {\n console.error(\"Error adding skill:\", error);\n return c.json({ error: \"Failed to add skill\" }, 500);\n }\n});\n\napp.get(\"/skills\", async (c) => {\n try {\n const type = c.req.query(\"type\") as 'offer' | 'request' | undefined;\n \n if (type && !['offer', 'request'].includes(type)) {\n return c.json({ error: \"Invalid type parameter\" }, 400);\n }\n\n const skills = type ? await getSkillsByType(type) : await getAllSkills();\n return c.json(skills);\n } catch (error) {\n console.error(\"Error fetching skills:\", error);\n return c.json({ error: \"Failed to fetch skills\" }, 500);\n }\n});\n\napp.get(\"/profiles/:userName/skills\", async (c) => {\n try {\n const userName = c.req.param(\"userName\");\n const skills = await getUserSkills(userName);\n return c.json(skills);\n } catch (error) {\n console.error(\"Error fetching user skills:\", error);\n return c.json({ error: \"Failed to fetch user skills\" }, 500);\n }\n});\n\napp.patch(\"/skills/:skillId/toggle\", async (c) => {\n try {\n const skillId = parseInt(c.req.param(\"skillId\"));\n const { isActive } = await c.req.json();\n \n if (isNaN(skillId)) {\n return c.json({ error: \"Invalid skill ID\" }, 400);\n }\n\n await toggleSkillStatus(skillId, isActive);\n return c.json({ success: true });\n } catch (error) {\n console.error(\"Error toggling skill status:\", error);\n return c.json({ error: \"Failed to toggle skill status\" }, 500);\n }\n});\n\nexport default app;",[],[153,289,291],"2c1799f6-3fb4-11f0-89cd-76b3cceeab13",["D",1748870351480],[173,174],[153,289],"470079c0-3fb6-11f0-8f9c-76b3cceeab13","queries.ts","27536d14-3fb4-11f0-899e-76b3cceeab13","eb87c3dd-108a-4423-8f53-b6674d5c7dc4",15,["D",1748871255620],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { USERS_TABLE, SKILLS_TABLE, LEGACY_TABLE } from \"./migrations.ts\";\nimport type { \n UserProfile, \n Skill, \n CreateProfileRequest, \n CreateSkillRequest,\n Submission, \n CreateSubmissionRequest \n} from \"../../shared/types.ts\";\n\n// User Profile Functions\nexport async function createOrUpdateProfile(data: CreateProfileRequest): Promise {\n // Try to update existing profile first\n const existingUser = await getUserProfile(data.userName);\n \n if (existingUser) {\n const result = await sqlite.execute(\n `UPDATE ${USERS_TABLE} \n SET email = ?, bio = ?, location = ?, updatedAt = CURRENT_TIMESTAMP \n WHERE userName = ? \n RETURNING *`,\n [data.email || null, data.bio || null, data.location || null, data.userName]\n );\n return result.rows[0] as UserProfile;\n } else {\n const result = await sqlite.execute(\n `INSERT INTO ${USERS_TABLE} (userName, email, bio, location) \n VALUES (?, ?, ?, ?) \n RETURNING *`,\n [data.userName, data.email || null, data.bio || null, data.location || null]\n );\n return result.rows[0] as UserProfile;\n }\n}\n\nexport async function getUserProfile(userName: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${USERS_TABLE} WHERE userName = ?`,\n [userName]\n );\n \n return result.rows.length > 0 ? result.rows[0] as UserProfile : null;\n}\n\nexport async function getAllProfiles(): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${USERS_TABLE} ORDER BY createdAt DESC`\n );\n \n return result.rows as UserProfile[];\n}\n\n// Skill Functions\nexport async function addSkillToProfile(data: CreateSkillRequest): Promise {\n // Get or create user profile\n let user = await getUserProfile(data.userName);\n if (!user) {\n user = await createOrUpdateProfile({ userName: data.userName });\n }\n\n const result = await sqlite.execute(\n `INSERT INTO ${SKILLS_TABLE} (userId, skillName, description, category, type) \n VALUES (?, ?, ?, ?, ?) \n RETURNING *`,\n [user.id, data.skillName, data.description || null, data.category || null, data.type]\n );\n \n return result.rows[0] as Skill;\n}\n\nexport async function getUserSkills(userName: string): Promise {\n const result = await sqlite.execute(\n `SELECT s.* FROM ${SKILLS_TABLE} s \n JOIN ${USERS_TABLE} u ON s.userId = u.id \n WHERE u.userName = ? AND s.isActive = 1 \n ORDER BY s.createdAt DESC`,\n [userName]\n );\n \n return result.rows as Skill[];\n}\n\nexport async function getAllSkills(): Promise<(Skill & { userName: string })[]> {\n const result = await sqlite.execute(\n `SELECT s.*, u.userName FROM ${SKILLS_TABLE} s \n JOIN ${USERS_TABLE} u ON s.userId = u.id \n WHERE s.isActive = 1 \n ORDER BY s.createdAt DESC`\n );\n \n return result.rows as (Skill & { userName: string })[];\n}\n\nexport async function getSkillsByType(type: 'offer' | 'request'): Promise<(Skill & { userName: string })[]> {\n const result = await sqlite.execute(\n `SELECT s.*, u.userName FROM ${SKILLS_TABLE} s \n JOIN ${USERS_TABLE} u ON s.userId = u.id \n WHERE s.type = ? AND s.isActive = 1 \n ORDER BY s.createdAt DESC`,\n [type]\n );\n \n return result.rows as (Skill & { userName: string })[];\n}\n\nexport async function toggleSkillStatus(skillId: number, isActive: boolean): Promise {\n await sqlite.execute(\n `UPDATE ${SKILLS_TABLE} SET isActive = ? WHERE id = ?`,\n [isActive ? 1 : 0, skillId]\n );\n}\n\n// Legacy Functions (for backward compatibility)\nexport async function createSubmission(data: CreateSubmissionRequest): Promise {\n const result = await sqlite.execute(\n `INSERT INTO ${LEGACY_TABLE} (userName, skill, type) VALUES (?, ?, ?) RETURNING *`,\n [data.userName, data.skill, data.type]\n );\n \n return result.rows[0] as Submission;\n}\n\nexport async function getAllSubmissions(): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${LEGACY_TABLE} ORDER BY createdAt DESC`\n );\n \n return result.rows as Submission[];\n}",[],[153,311,303],"database","398595fa-3fb6-11f0-8a23-76b3cceeab13","migrations.ts","2424fbda-3fb4-11f0-8c9f-76b3cceeab13",14,["D",1748871233001],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst USERS_TABLE = 'user_profiles';\nconst SKILLS_TABLE = 'user_skills';\nconst LEGACY_TABLE = 'skill_submissions';\n\nexport async function createTables() {\n // Create user profiles table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${USERS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n userName TEXT UNIQUE NOT NULL,\n email TEXT,\n bio TEXT,\n location TEXT,\n createdAt DATETIME DEFAULT CURRENT_TIMESTAMP,\n updatedAt DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n\n // Create user skills table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${SKILLS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n userId INTEGER NOT NULL,\n skillName TEXT NOT NULL,\n description TEXT,\n category TEXT,\n type TEXT NOT NULL CHECK (type IN ('offer', 'request')),\n isActive BOOLEAN DEFAULT 1,\n createdAt DATETIME DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (userId) REFERENCES ${USERS_TABLE}(id) ON DELETE CASCADE\n )`);\n\n // Keep legacy table for backward compatibility\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${LEGACY_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n userName TEXT NOT NULL,\n skill TEXT NOT NULL,\n type TEXT NOT NULL CHECK (type IN ('offer', 'request')),\n createdAt DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n\n // Create indexes for better performance\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_skills_user ON ${SKILLS_TABLE}(userId)`);\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_skills_type ON ${SKILLS_TABLE}(type)`);\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_skills_active ON ${SKILLS_TABLE}(isActive)`);\n}\n\nexport { USERS_TABLE, SKILLS_TABLE, LEGACY_TABLE };",[],[153,311,313],"242504ae-3fb4-11f0-8c9f-76b3cceeab13",["D",1748870338148],[170,171],[153,311],["D",1748870338148],[169,172,175],[153],["D",1748870290080],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_77":-5,"_122":364,"_365":366,"_367":368,"_369":24,"_370":24,"_371":24,"_372":57,"_373":-5,"_374":-7,"_375":-7,"_376":61,"_377":24,"_378":24,"_379":-5,"_380":24,"_381":24,"_382":24,"_383":-5},"ENV",{"_335":336,"_337":338,"_339":85,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v20