[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_329":330,"_331":332},"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","Medix","name","JobMeg","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","ea7c6c84-3f44-11f0-a557-76b3cceeab13","branchId","58bff28e-3f44-11f0-bde5-76b3cceeab13","createdAt",["D",1748822567257],"version",11,"orgId","fdce5ee7-3223-4972-9952-0bdcd5b87e74","parentId","e53858be-3f44-11f0-a997-76b3cceeab13","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","ea7a07dc-3f44-11f0-a557-76b3cceeab13","index.html","fileType","deleted","3d964670-3f44-11f0-b6e9-ab0b2f88b858","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4dmN1bVlXQm1lSGVCSGRLc29uTWFPZnRHeiJ9","deletedAtVersion","58bfaa7c-3f44-11f0-bde5-76b3cceeab13",["D",1748822322775],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","pinnedFileId","4000d316-3f45-11f0-8d53-76b3cceeab13","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",20,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":70,"_13":14,"_36":325,"_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":326,"_100":327,"_102":328,"_104":24},"tree",[161,169,177,179,180],"files",[161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180],"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",{},"ea7a057a-3f44-11f0-a557-76b3cceeab13","c55d2769-6e55-404c-92a8-2e9e8dd3d738","branchVersion","latest",["D",1748822567257],"content","\n\n\n \n \n Job Board & Chat\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":321,"_13":276,"_61":270,"_42":-5,"_34":35,"_142":312,"_143":82,"_36":322,"_38":26,"_64":213,"_145":-5,"_65":24,"_147":-5,"_189":323,"_17":324},{"_32":317,"_13":308,"_61":302,"_42":270,"_34":35,"_142":312,"_143":82,"_36":318,"_38":26,"_64":213,"_145":-5,"_65":24,"_147":-5,"_189":319,"_17":320},{"_32":309,"_13":310,"_61":311,"_42":302,"_34":35,"_142":312,"_143":82,"_36":313,"_38":26,"_64":206,"_145":314,"_65":24,"_147":-5,"_189":315,"_17":316},{"_32":299,"_13":300,"_61":301,"_42":302,"_34":35,"_142":303,"_143":82,"_36":304,"_38":26,"_64":206,"_145":305,"_65":24,"_147":-5,"_189":306,"_17":307},{"_32":295,"_13":286,"_61":280,"_42":270,"_34":35,"_142":281,"_143":82,"_36":296,"_38":26,"_64":213,"_145":-5,"_65":24,"_147":-5,"_189":297,"_17":298},{"_32":287,"_13":288,"_61":289,"_42":280,"_34":35,"_142":290,"_143":82,"_36":291,"_38":26,"_64":206,"_145":292,"_65":24,"_147":-5,"_189":293,"_17":294},{"_32":277,"_13":278,"_61":279,"_42":280,"_34":35,"_142":281,"_143":82,"_36":282,"_38":26,"_64":206,"_145":283,"_65":24,"_147":-5,"_189":284,"_17":285},{"_32":267,"_13":268,"_61":269,"_42":270,"_34":35,"_142":271,"_143":82,"_36":272,"_38":26,"_64":206,"_145":273,"_65":24,"_147":-5,"_189":274,"_17":275},{"_32":263,"_13":149,"_61":141,"_42":-5,"_34":35,"_142":39,"_143":82,"_36":264,"_38":26,"_64":213,"_145":-5,"_65":24,"_147":-5,"_189":265,"_17":266},{"_32":259,"_13":234,"_61":228,"_42":141,"_34":35,"_142":254,"_143":82,"_36":260,"_38":26,"_64":213,"_145":-5,"_65":24,"_147":-5,"_189":261,"_17":262},{"_32":251,"_13":252,"_61":253,"_42":228,"_34":35,"_142":254,"_143":82,"_36":255,"_38":26,"_64":206,"_145":256,"_65":24,"_147":-5,"_189":257,"_17":258},{"_32":243,"_13":244,"_61":245,"_42":228,"_34":35,"_142":246,"_143":82,"_36":247,"_38":26,"_64":206,"_145":248,"_65":24,"_147":-5,"_189":249,"_17":250},{"_32":235,"_13":236,"_61":237,"_42":228,"_34":35,"_142":238,"_143":82,"_36":239,"_38":26,"_64":206,"_145":240,"_65":24,"_147":-5,"_189":241,"_17":242},{"_32":225,"_13":226,"_61":227,"_42":228,"_34":35,"_142":229,"_143":82,"_36":230,"_38":26,"_64":206,"_145":231,"_65":24,"_147":-5,"_189":232,"_17":233},{"_32":140,"_13":63,"_61":62,"_42":141,"_34":35,"_142":39,"_143":82,"_36":222,"_38":26,"_64":21,"_145":146,"_65":24,"_147":-5,"_189":223,"_17":224},{"_32":216,"_13":217,"_61":80,"_42":141,"_34":35,"_142":105,"_143":82,"_36":218,"_38":186,"_64":187,"_145":219,"_65":24,"_147":-5,"_189":220,"_17":221},{"_32":211,"_13":210,"_61":203,"_42":-5,"_34":35,"_142":204,"_143":82,"_36":212,"_38":26,"_64":213,"_145":-5,"_65":24,"_147":-5,"_189":214,"_17":215},{"_32":200,"_13":201,"_61":202,"_42":203,"_34":35,"_142":204,"_143":82,"_36":205,"_38":26,"_64":206,"_145":207,"_65":24,"_147":-5,"_189":208,"_17":209},{"_32":192,"_13":193,"_61":194,"_42":-5,"_34":35,"_142":195,"_143":82,"_36":196,"_38":26,"_64":21,"_145":197,"_65":24,"_147":-5,"_189":198,"_17":199},{"_32":181,"_13":182,"_61":183,"_42":-5,"_34":35,"_142":184,"_143":82,"_36":185,"_38":186,"_64":187,"_145":188,"_65":24,"_147":-5,"_189":190,"_17":191},"4c9069c0-3f45-11f0-9c8b-76b3cceeab13","main.tsx","58c206e6-3f44-11f0-bde5-76b3cceeab13",17,["D",1748822731823],3,"http","import app from \"./backend/index.ts\";\n\nexport default app.fetch;","children",[],[182],"c11a10ee-3f44-11f0-9f24-76b3cceeab13","README.md","c11a11ca-3f44-11f0-9f24-76b3cceeab13",4,["D",1748822497845],"# Job Board & Chat App\n\nA full-stack application for posting job opportunities and discussing them in a public chat room.\n\n## Features\n\n- 📝 Post job listings with title, company, description, and requirements\n- 💬 Public chat room for discussing opportunities\n- 🔍 Browse and search job postings\n- 📱 Responsive design with TailwindCSS\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema setup\n│ │ └── queries.ts # Database query functions\n│ ├── routes/\n│ │ ├── jobs.ts # Job posting API routes\n│ │ └── chat.ts # Chat API routes\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── JobBoard.tsx # Job listings component\n│ │ ├── JobForm.tsx # Job posting form\n│ │ └── ChatRoom.tsx # Chat room component\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Tech Stack\n\n- **Backend**: Hono (TypeScript API framework)\n- **Database**: SQLite\n- **Frontend**: React 18.2.0 with TypeScript\n- **Styling**: TailwindCSS\n- **Real-time**: Polling for chat updates\n\n## API Endpoints\n\n### Jobs\n- `GET /api/jobs` - Get all job postings\n- `POST /api/jobs` - Create a new job posting\n- `GET /api/jobs/:id` - Get a specific job posting\n\n### Chat\n- `GET /api/chat/messages` - Get chat messages\n- `POST /api/chat/messages` - Send a chat message\n\n## Getting Started\n\nThe app is automatically deployed on Val Town. Visit the HTTP endpoint to start using the application.",[],[193],"c519cf7c-3f44-11f0-8f0d-76b3cceeab13","types.ts","c519d030-3f44-11f0-8f0d-76b3cceeab13","5a1e1dfc-73bb-4356-ac94-a737ebf6231a",5,["D",1748822504554],"script","// Shared types for the job board and chat application\n\nexport interface Job {\n id: number;\n title: string;\n company: string;\n description: string;\n requirements: string;\n location: string;\n salary?: string;\n type: 'full-time' | 'part-time' | 'contract' | 'internship';\n remote: boolean;\n created_at: string;\n updated_at: string;\n}\n\nexport interface CreateJobRequest {\n title: string;\n company: string;\n description: string;\n requirements: string;\n location: string;\n salary?: string;\n type: 'full-time' | 'part-time' | 'contract' | 'internship';\n remote: boolean;\n}\n\nexport interface ChatMessage {\n id: number;\n username: string;\n message: string;\n created_at: string;\n}\n\nexport interface CreateChatMessageRequest {\n username: string;\n message: string;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}",[],[210,201],"shared","c519d454-3f44-11f0-8f0d-76b3cceeab13",["D",1748822504554],"directory",[178],[210],"94be788e-3f47-11f0-b0ff-76b3cceeab13","index.tsx",["D",1748823711912],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport App from \"./components/App.tsx\";\n\nexport default App;",[],[149,217],["D",1748822567257],[],[149,63],"231ffe66-3f45-11f0-9c8b-76b3cceeab13","JobForm.tsx","231fff1a-3f45-11f0-9c8b-76b3cceeab13","6d88f213-be7d-47f8-ae4c-9eae0ae9fb74",14,["D",1748822662302],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { CreateJobRequest, ApiResponse, Job } from \"../../shared/types.ts\";\n\ninterface JobFormProps {\n onJobPosted: () => void;\n}\n\nexport default function JobForm({ onJobPosted }: JobFormProps) {\n const [formData, setFormData] = useState({\n title: '',\n company: '',\n description: '',\n requirements: '',\n location: '',\n salary: '',\n type: 'full-time',\n remote: false\n });\n \n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [success, setSuccess] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setError(null);\n setSuccess(false);\n\n try {\n // Prepare data for submission\n const submitData = {\n ...formData,\n salary: formData.salary.trim() || undefined\n };\n\n const response = await fetch('/api/jobs', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(submitData),\n });\n\n const result: ApiResponse = await response.json();\n\n if (result.success) {\n setSuccess(true);\n // Reset form\n setFormData({\n title: '',\n company: '',\n description: '',\n requirements: '',\n location: '',\n salary: '',\n type: 'full-time',\n remote: false\n });\n \n // Notify parent component\n setTimeout(() => {\n onJobPosted();\n }, 1500);\n } else {\n setError(result.error || 'Failed to post job');\n }\n } catch (err) {\n setError('Failed to post job. Please try again.');\n console.error('Error posting job:', err);\n } finally {\n setLoading(false);\n }\n };\n\n const handleChange = (e: React.ChangeEvent) => {\n const { name, value, type } = e.target;\n \n if (type === 'checkbox') {\n const checked = (e.target as HTMLInputElement).checked;\n setFormData(prev => ({ ...prev, [name]: checked }));\n } else {\n setFormData(prev => ({ ...prev, [name]: value }));\n }\n };\n\n if (success) {\n return (\n

🎉

Job Posted Successfully!

\n Your job posting has been published and is now visible to all users.\n

\n Redirecting to job board in a moment...\n

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

Post a New Job

\n Share your job opportunity with the community. All fields marked with * are required.\n

\n\n {error && (\n

⚠️

Error posting job

{error}

\n )}\n\n

\n \n Job Title *\n \n \n

\n\n

\n \n Company *\n \n \n

\n\n

\n \n Job Type *\n \n \n \n \n \n \n \n

\n\n

\n \n Salary (Optional)\n \n \n

\n\n

\n \n Location *\n \n \n

\n\n

\n \n \n This is a remote position\n \n

\n\n

\n \n Job Description *\n \n \n

\n\n

\n \n Requirements *\n \n \n

\n\n

\n {\n setFormData({\n title: '',\n company: '',\n description: '',\n requirements: '',\n location: '',\n salary: '',\n type: 'full-time',\n remote: false\n });\n setError(null);\n }}\n className=\"px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\"\n >\n Clear Form\n \n \n {loading ? (\n \n

\n Posting...\n \n ) : (\n 'Post Job'\n )}\n \n

\n );\n}",[],[149,234,226],"components","0abb7684-3f45-11f0-bbb6-76b3cceeab13","JobBoard.tsx","0abb7756-3f45-11f0-bbb6-76b3cceeab13",13,["D",1748822621377],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Job, ApiResponse } from \"../../shared/types.ts\";\n\nexport default function JobBoard() {\n const [jobs, setJobs] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [searchTerm, setSearchTerm] = useState('');\n const [filterType, setFilterType] = useState('all');\n const [filterRemote, setFilterRemote] = useState('all');\n\n useEffect(() => {\n fetchJobs();\n }, []);\n\n const fetchJobs = async () => {\n try {\n setLoading(true);\n const response = await fetch('/api/jobs');\n const result: ApiResponse = await response.json();\n \n if (result.success && result.data) {\n setJobs(result.data);\n setError(null);\n } else {\n setError(result.error || 'Failed to fetch jobs');\n }\n } catch (err) {\n setError('Failed to fetch jobs');\n console.error('Error fetching jobs:', err);\n } finally {\n setLoading(false);\n }\n };\n\n const filteredJobs = jobs.filter(job => {\n const matchesSearch = job.title.toLowerCase().includes(searchTerm.toLowerCase()) ||\n job.company.toLowerCase().includes(searchTerm.toLowerCase()) ||\n job.description.toLowerCase().includes(searchTerm.toLowerCase());\n \n const matchesType = filterType === 'all' || job.type === filterType;\n const matchesRemote = filterRemote === 'all' || \n (filterRemote === 'remote' && job.remote) ||\n (filterRemote === 'onsite' && !job.remote);\n\n return matchesSearch && matchesType && matchesRemote;\n });\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric'\n });\n };\n\n const getJobTypeColor = (type: string) => {\n const colors = {\n 'full-time': 'bg-green-100 text-green-800',\n 'part-time': 'bg-blue-100 text-blue-800',\n 'contract': 'bg-purple-100 text-purple-800',\n 'internship': 'bg-orange-100 text-orange-800'\n };\n return colors[type as keyof typeof colors] || 'bg-gray-100 text-gray-800';\n };\n\n if (loading) {\n return (\n

\n Loading jobs...\n

\n );\n }\n\n if (error) {\n return (\n

⚠️

Error loading jobs

{error}

\n \n Try again\n \n

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

\n {/* Header */}\n

Job Opportunities

\n \n 🔄 Refresh\n \n

\n\n {/* Filters */}\n

\n \n Search\n \n setSearchTerm(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n \n

\n \n Job Type\n \n setFilterType(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n >\n \n \n \n \n \n \n

\n\n

\n \n Location\n \n setFilterRemote(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n >\n \n \n \n \n

\n\n {/* Job Count */}\n

\n Showing {filteredJobs.length} of {jobs.length} jobs\n

\n\n {/* Job Listings */}\n {filteredJobs.length === 0 ? (\n

🔍

No jobs found

\n {jobs.length === 0 \n ? \"No jobs have been posted yet. Be the first to post a job!\"\n : \"Try adjusting your search criteria to find more opportunities.\"\n }\n

\n ) : (\n

\n {filteredJobs.map((job) => (\n

{job.title}

\n \n 🏢 {job.company}\n \n \n 📍 {job.location}\n \n {job.remote && (\n \n 🌐 Remote\n \n )}\n {job.salary && (\n \n 💰 {job.salary}\n \n )}\n

\n \n {job.type}\n \n \n {formatDate(job.created_at)}\n \n

\n\n

Description

{job.description}

\n \n

Requirements

{job.requirements}

\n ))}\n

\n )}\n

\n );\n}",[],[149,234,236],"3d905f20-3f45-11f0-864b-76b3cceeab13","ChatRoom.tsx","3d905fde-3f45-11f0-864b-76b3cceeab13",15,["D",1748822706659],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { ChatMessage, CreateChatMessageRequest, ApiResponse } from \"../../shared/types.ts\";\n\nexport default function ChatRoom() {\n const [messages, setMessages] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [username, setUsername] = useState('');\n const [message, setMessage] = useState('');\n const [sending, setSending] = useState(false);\n const messagesEndRef = useRef(null);\n const chatContainerRef = useRef(null);\n\n // Auto-refresh messages every 3 seconds\n useEffect(() => {\n fetchMessages();\n const interval = setInterval(fetchMessages, 3000);\n return () => clearInterval(interval);\n }, []);\n\n // Scroll to bottom when new messages arrive\n useEffect(() => {\n scrollToBottom();\n }, [messages]);\n\n // Load username from localStorage\n useEffect(() => {\n const savedUsername = localStorage.getItem('chatUsername');\n if (savedUsername) {\n setUsername(savedUsername);\n }\n }, []);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n };\n\n const fetchMessages = async () => {\n try {\n const response = await fetch('/api/chat/messages');\n const result: ApiResponse = await response.json();\n \n if (result.success && result.data) {\n setMessages(result.data);\n setError(null);\n } else {\n setError(result.error || 'Failed to fetch messages');\n }\n } catch (err) {\n setError('Failed to fetch messages');\n console.error('Error fetching messages:', err);\n } finally {\n setLoading(false);\n }\n };\n\n const handleSendMessage = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!username.trim() || !message.trim()) {\n return;\n }\n\n setSending(true);\n \n try {\n const messageData: CreateChatMessageRequest = {\n username: username.trim(),\n message: message.trim()\n };\n\n const response = await fetch('/api/chat/messages', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(messageData),\n });\n\n const result: ApiResponse = await response.json();\n\n if (result.success) {\n setMessage('');\n // Save username to localStorage\n localStorage.setItem('chatUsername', username.trim());\n // Refresh messages immediately\n await fetchMessages();\n } else {\n setError(result.error || 'Failed to send message');\n }\n } catch (err) {\n setError('Failed to send message');\n console.error('Error sending message:', err);\n } finally {\n setSending(false);\n }\n };\n\n const formatTime = (dateString: string) => {\n return new Date(dateString).toLocaleTimeString('en-US', {\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n const today = new Date();\n const yesterday = new Date(today);\n yesterday.setDate(yesterday.getDate() - 1);\n\n if (date.toDateString() === today.toDateString()) {\n return 'Today';\n } else if (date.toDateString() === yesterday.toDateString()) {\n return 'Yesterday';\n } else {\n return date.toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric'\n });\n }\n };\n\n // Group messages by date\n const groupedMessages = messages.reduce((groups, message) => {\n const date = new Date(message.created_at).toDateString();\n if (!groups[date]) {\n groups[date] = [];\n }\n groups[date].push(message);\n return groups;\n }, {} as Record);\n\n return (\n

\n {/* Header */}\n

💬 Community Chat

\n Discuss job opportunities, share insights, and connect with the community\n

\n Live\n

\n\n {/* Messages Container */}\n

\n {loading ? (\n

\n Loading messages...\n

\n ) : error ? (\n

⚠️

Error loading messages

{error}

\n \n Try again\n \n

\n ) : messages.length === 0 ? (\n

💬

No messages yet

\n Be the first to start the conversation! Share your thoughts about job opportunities.\n

\n ) : (\n Object.entries(groupedMessages).map(([date, dateMessages]) => (\n

\n {/* Date separator */}\n

\n {formatDate(dateMessages[0].created_at)}\n

\n \n {/* Messages for this date */}\n {dateMessages.map((msg, index) => {\n const prevMessage = index > 0 ? dateMessages[index - 1] : null;\n const isConsecutive = prevMessage && \n prevMessage.username === msg.username &&\n new Date(msg.created_at).getTime() - new Date(prevMessage.created_at).getTime() < 300000; // 5 minutes\n\n return (\n

\n {!isConsecutive ? (\n

\n {msg.username.charAt(0).toUpperCase()}\n

\n ) : (\n

\n )}\n

\n {!isConsecutive && (\n

\n {msg.username}\n {formatTime(msg.created_at)}\n

\n )}\n

\n {msg.message}\n

\n );\n })}\n

\n ))\n )}\n

\n\n {/* Message Input */}\n

\n setUsername(e.target.value)}\n maxLength={50}\n className=\"w-32 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 text-sm\"\n />\n setMessage(e.target.value)}\n maxLength={500}\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 text-sm\"\n />\n \n {sending ? (\n

\n ) : (\n 'Send'\n )}\n \n

\n Messages are public and visible to all users. Be respectful and professional.\n

\n );\n}",[],[149,234,244],"f58aadb6-3f44-11f0-b05a-76b3cceeab13","App.tsx","f58aae88-3f44-11f0-b05a-76b3cceeab13",12,["D",1748822585812],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport JobBoard from \"./JobBoard.tsx\";\nimport JobForm from \"./JobForm.tsx\";\nimport ChatRoom from \"./ChatRoom.tsx\";\n\ntype Tab = 'jobs' | 'post-job' | 'chat';\n\nexport default function App() {\n const [activeTab, setActiveTab] = useState('jobs');\n\n const tabs = [\n { id: 'jobs' as Tab, label: '💼 Job Board', icon: '📋' },\n { id: 'post-job' as Tab, label: '➕ Post Job', icon: '✏️' },\n { id: 'chat' as Tab, label: '💬 Chat Room', icon: '🗨️' }\n ];\n\n return (\n

\n {/* Header */}\n

🚀

Job Board & Chat

\n Connect • Share • Grow\n

\n\n {/* Navigation Tabs */}\n

\n {tabs.map((tab) => (\n setActiveTab(tab.id)}\n className={`py-4 px-1 border-b-2 font-medium text-sm transition-colors duration-200 ${\n activeTab === tab.id\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n \n {tab.icon}\n {tab.label}\n \n \n ))}\n

\n\n {/* Main Content */}\n

\n {activeTab === 'jobs' && }\n {activeTab === 'post-job' && setActiveTab('jobs')} />}\n {activeTab === 'chat' && }\n

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

\n );\n}",[],[149,234,252],"f58ac0e4-3f44-11f0-b05a-76b3cceeab13",["D",1748822585812],[171,172,173,174],[149,234],"ea7a1164-3f44-11f0-a557-76b3cceeab13",["D",1748822567257],[170,175,176],[149],"e536212a-3f44-11f0-a997-76b3cceeab13","index.ts","e53621e8-3f44-11f0-a997-76b3cceeab13","6c022ab9-751b-40f7-931c-f3d3343641b5",10,["D",1748822558425],"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 { runMigrations } from \"./database/migrations.ts\";\nimport jobsRouter from \"./routes/jobs.ts\";\nimport chatRouter from \"./routes/chat.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 on startup\nawait runMigrations();\n\n// API routes\napp.route(\"/api/jobs\", jobsRouter);\napp.route(\"/api/chat\", chatRouter);\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 let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Health check\napp.get(\"/health\", c => {\n return c.json({ status: \"healthy\", timestamp: new Date().toISOString() });\n});\n\n// 404 handler\napp.notFound(c => {\n return c.json({ error: \"Not found\" }, 404);\n});\n\nexport default app;",[],[276,268],"backend","d7bc8084-3f44-11f0-84d8-76b3cceeab13","jobs.ts","d7bc814c-3f44-11f0-84d8-76b3cceeab13","8f4986e5-0f6a-47fc-ae5e-60d1a61a69c5",8,["D",1748822535818],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { getAllJobs, getJobById, createJob } from \"../database/queries.ts\";\nimport type { CreateJobRequest, ApiResponse, Job } from \"../../shared/types.ts\";\n\nconst jobs = new Hono();\n\n// Get all jobs\njobs.get(\"/\", async (c) => {\n try {\n const jobList = await getAllJobs();\n const response: ApiResponse = {\n success: true,\n data: jobList\n };\n return c.json(response);\n } catch (error) {\n const response: ApiResponse = {\n success: false,\n error: error instanceof Error ? error.message : 'Failed to fetch jobs'\n };\n return c.json(response, 500);\n }\n});\n\n// Get job by ID\njobs.get(\"/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n const response: ApiResponse = {\n success: false,\n error: 'Invalid job ID'\n };\n return c.json(response, 400);\n }\n\n const job = await getJobById(id);\n if (!job) {\n const response: ApiResponse = {\n success: false,\n error: 'Job not found'\n };\n return c.json(response, 404);\n }\n\n const response: ApiResponse = {\n success: true,\n data: job\n };\n return c.json(response);\n } catch (error) {\n const response: ApiResponse = {\n success: false,\n error: error instanceof Error ? error.message : 'Failed to fetch job'\n };\n return c.json(response, 500);\n }\n});\n\n// Create new job\njobs.post(\"/\", async (c) => {\n try {\n const jobData: CreateJobRequest = await c.req.json();\n \n // Basic validation\n if (!jobData.title || !jobData.company || !jobData.description || !jobData.requirements || !jobData.location || !jobData.type) {\n const response: ApiResponse = {\n success: false,\n error: 'Missing required fields: title, company, description, requirements, location, type'\n };\n return c.json(response, 400);\n }\n\n const validTypes = ['full-time', 'part-time', 'contract', 'internship'];\n if (!validTypes.includes(jobData.type)) {\n const response: ApiResponse = {\n success: false,\n error: 'Invalid job type. Must be one of: ' + validTypes.join(', ')\n };\n return c.json(response, 400);\n }\n\n const newJob = await createJob(jobData);\n const response: ApiResponse = {\n success: true,\n data: newJob\n };\n return c.json(response, 201);\n } catch (error) {\n const response: ApiResponse = {\n success: false,\n error: error instanceof Error ? error.message : 'Failed to create job'\n };\n return c.json(response, 500);\n }\n});\n\nexport default jobs;",[],[276,286,278],"routes","df448e64-3f44-11f0-828b-76b3cceeab13","chat.ts","df448f22-3f44-11f0-828b-76b3cceeab13",9,["D",1748822548456],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { getChatMessages, createChatMessage } from \"../database/queries.ts\";\nimport type { CreateChatMessageRequest, ApiResponse, ChatMessage } from \"../../shared/types.ts\";\n\nconst chat = new Hono();\n\n// Get chat messages\nchat.get(\"/messages\", async (c) => {\n try {\n const limit = parseInt(c.req.query(\"limit\") || \"50\");\n const messages = await getChatMessages(limit);\n \n const response: ApiResponse = {\n success: true,\n data: messages\n };\n return c.json(response);\n } catch (error) {\n const response: ApiResponse = {\n success: false,\n error: error instanceof Error ? error.message : 'Failed to fetch messages'\n };\n return c.json(response, 500);\n }\n});\n\n// Send chat message\nchat.post(\"/messages\", async (c) => {\n try {\n const messageData: CreateChatMessageRequest = await c.req.json();\n \n // Basic validation\n if (!messageData.username || !messageData.message) {\n const response: ApiResponse = {\n success: false,\n error: 'Missing required fields: username, message'\n };\n return c.json(response, 400);\n }\n\n // Trim and validate message length\n messageData.username = messageData.username.trim();\n messageData.message = messageData.message.trim();\n\n if (messageData.username.length === 0 || messageData.message.length === 0) {\n const response: ApiResponse = {\n success: false,\n error: 'Username and message cannot be empty'\n };\n return c.json(response, 400);\n }\n\n if (messageData.username.length > 50) {\n const response: ApiResponse = {\n success: false,\n error: 'Username must be 50 characters or less'\n };\n return c.json(response, 400);\n }\n\n if (messageData.message.length > 500) {\n const response: ApiResponse = {\n success: false,\n error: 'Message must be 500 characters or less'\n };\n return c.json(response, 400);\n }\n\n const newMessage = await createChatMessage(messageData);\n const response: ApiResponse = {\n success: true,\n data: newMessage\n };\n return c.json(response, 201);\n } catch (error) {\n const response: ApiResponse = {\n success: false,\n error: error instanceof Error ? error.message : 'Failed to send message'\n };\n return c.json(response, 500);\n }\n});\n\nexport default chat;",[],[276,286,288],"d7bca0f0-3f44-11f0-84d8-76b3cceeab13",["D",1748822535818],[166,167],[276,286],"cfc692f2-3f44-11f0-8fb4-76b3cceeab13","queries.ts","cfc693ce-3f44-11f0-8fb4-76b3cceeab13","c476fcc3-f031-4c13-932f-1afa518525f3",7,["D",1748822522462],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { JOBS_TABLE, CHAT_MESSAGES_TABLE } from \"./migrations.ts\";\nimport type { Job, CreateJobRequest, ChatMessage, CreateChatMessageRequest } from \"../../shared/types.ts\";\n\n// Job queries\nexport async function getAllJobs(): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${JOBS_TABLE} \n ORDER BY created_at DESC\n `);\n return result.rows as Job[];\n}\n\nexport async function getJobById(id: number): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${JOBS_TABLE} \n WHERE id = ?\n `, [id]);\n \n return result.rows.length > 0 ? result.rows[0] as Job : null;\n}\n\nexport async function createJob(jobData: CreateJobRequest): Promise {\n const result = await sqlite.execute(`\n INSERT INTO ${JOBS_TABLE} (\n title, company, description, requirements, location, salary, type, remote\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?)\n `, [\n jobData.title,\n jobData.company,\n jobData.description,\n jobData.requirements,\n jobData.location,\n jobData.salary || null,\n jobData.type,\n jobData.remote ? 1 : 0\n ]);\n\n const newJob = await getJobById(result.lastInsertRowId);\n if (!newJob) {\n throw new Error('Failed to create job');\n }\n \n return newJob;\n}\n\n// Chat queries\nexport async function getChatMessages(limit: number = 50): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${CHAT_MESSAGES_TABLE} \n ORDER BY created_at DESC \n LIMIT ?\n `, [limit]);\n \n // Reverse to show oldest first\n return (result.rows as ChatMessage[]).reverse();\n}\n\nexport async function createChatMessage(messageData: CreateChatMessageRequest): Promise {\n const result = await sqlite.execute(`\n INSERT INTO ${CHAT_MESSAGES_TABLE} (username, message) \n VALUES (?, ?)\n `, [messageData.username, messageData.message]);\n\n const newMessage = await sqlite.execute(`\n SELECT * FROM ${CHAT_MESSAGES_TABLE} \n WHERE id = ?\n `, [result.lastInsertRowId]);\n\n if (newMessage.rows.length === 0) {\n throw new Error('Failed to create chat message');\n }\n\n return newMessage.rows[0] as ChatMessage;\n}",[],[276,308,300],"database","c994d25e-3f44-11f0-8f0d-76b3cceeab13","migrations.ts","c994d358-3f44-11f0-8f0d-76b3cceeab13",6,["D",1748822512071],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names with version numbers for easy schema updates\nexport const JOBS_TABLE = 'jobs_v1';\nexport const CHAT_MESSAGES_TABLE = 'chat_messages_v1';\n\nexport async function runMigrations() {\n // Create jobs table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${JOBS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n company TEXT NOT NULL,\n description TEXT NOT NULL,\n requirements TEXT NOT NULL,\n location TEXT NOT NULL,\n salary TEXT,\n type TEXT NOT NULL CHECK (type IN ('full-time', 'part-time', 'contract', 'internship')),\n remote BOOLEAN NOT NULL DEFAULT 0,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n updated_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Create chat messages table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${CHAT_MESSAGES_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT NOT NULL,\n message TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n console.log('Database migrations completed successfully');\n}",[],[276,308,310],"c994dae2-3f44-11f0-8f0d-76b3cceeab13",["D",1748822512071],[163,164],[276,308],"c994d876-3f44-11f0-8f0d-76b3cceeab13",["D",1748822512071],[162,165,168],[276],["D",1748822322775],{"_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":362,"_363":364,"_365":366,"_367":24,"_368":24,"_369":24,"_370":82,"_371":-5,"_372":-7,"_373":-7,"_374":26,"_375":24,"_376":24,"_377":-5,"_378":24,"_379":24,"_380":24,"_381":-5},"ENV",{"_333":334,"_335":336,"_337":16,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361},"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