[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_318":319,"_320":321},"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","Alashakawee","name","Test","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","cc5f5180-3fbc-11f0-b5c6-76b3cceeab13","branchId","8618f974-3fbc-11f0-a8c7-76b3cceeab13","createdAt",["D",1748874056215],"version",8,"orgId","4053117a-9429-4db4-aaa3-e410f34322c7","parentId","c6a9d10c-3fbc-11f0-83b4-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","cc53e624-3fbc-11f0-b5c6-76b3cceeab13","index.html","fileType","deleted","3ea53940-3fa3-11f0-b6e9-ab0b2f88b858","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yeHd4akd5bjl5MUlETjhrTEl2YUMxQmpWM3oifQ","deletedAtVersion","861883e0-3fbc-11f0-a8c7-76b3cceeab13",["D",1748873938460],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","pinnedFileId","c6a7a4f4-3fbc-11f0-83b4-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",15,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":70,"_13":14,"_36":314,"_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":315,"_100":316,"_102":317,"_104":24},"tree",[161,169,177,179],"files",[161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179],"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",{},"cc53e548-3fbc-11f0-b5c6-76b3cceeab13","d519e47a-98ed-407f-81e3-a69134cad10c","branchVersion","latest",["D",1748874056215],"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":310,"_13":265,"_61":259,"_42":-5,"_34":35,"_142":301,"_143":82,"_36":311,"_38":26,"_64":201,"_145":-5,"_65":24,"_147":-5,"_185":312,"_17":313},{"_32":306,"_13":297,"_61":291,"_42":259,"_34":35,"_142":301,"_143":82,"_36":307,"_38":26,"_64":201,"_145":-5,"_65":24,"_147":-5,"_185":308,"_17":309},{"_32":298,"_13":299,"_61":300,"_42":291,"_34":35,"_142":301,"_143":82,"_36":302,"_38":26,"_64":194,"_145":303,"_65":24,"_147":-5,"_185":304,"_17":305},{"_32":288,"_13":289,"_61":290,"_42":291,"_34":35,"_142":292,"_143":82,"_36":293,"_38":26,"_64":194,"_145":294,"_65":24,"_147":-5,"_185":295,"_17":296},{"_32":284,"_13":275,"_61":269,"_42":259,"_34":35,"_142":270,"_143":82,"_36":285,"_38":26,"_64":201,"_145":-5,"_65":24,"_147":-5,"_185":286,"_17":287},{"_32":276,"_13":277,"_61":278,"_42":269,"_34":35,"_142":279,"_143":82,"_36":280,"_38":26,"_64":194,"_145":281,"_65":24,"_147":-5,"_185":282,"_17":283},{"_32":266,"_13":267,"_61":268,"_42":269,"_34":35,"_142":270,"_143":82,"_36":271,"_38":26,"_64":194,"_145":272,"_65":24,"_147":-5,"_185":273,"_17":274},{"_32":257,"_13":258,"_61":80,"_42":259,"_34":35,"_142":105,"_143":82,"_36":260,"_38":192,"_64":261,"_145":262,"_65":24,"_147":-5,"_185":263,"_17":264},{"_32":253,"_13":149,"_61":141,"_42":-5,"_34":35,"_142":39,"_143":82,"_36":254,"_38":26,"_64":201,"_145":-5,"_65":24,"_147":-5,"_185":255,"_17":256},{"_32":249,"_13":224,"_61":218,"_42":141,"_34":35,"_142":244,"_143":82,"_36":250,"_38":26,"_64":201,"_145":-5,"_65":24,"_147":-5,"_185":251,"_17":252},{"_32":241,"_13":242,"_61":243,"_42":218,"_34":35,"_142":244,"_143":82,"_36":245,"_38":26,"_64":194,"_145":246,"_65":24,"_147":-5,"_185":247,"_17":248},{"_32":233,"_13":234,"_61":235,"_42":218,"_34":35,"_142":236,"_143":82,"_36":237,"_38":26,"_64":194,"_145":238,"_65":24,"_147":-5,"_185":239,"_17":240},{"_32":225,"_13":226,"_61":227,"_42":218,"_34":35,"_142":228,"_143":82,"_36":229,"_38":26,"_64":194,"_145":230,"_65":24,"_147":-5,"_185":231,"_17":232},{"_32":215,"_13":216,"_61":217,"_42":218,"_34":35,"_142":219,"_143":82,"_36":220,"_38":26,"_64":194,"_145":221,"_65":24,"_147":-5,"_185":222,"_17":223},{"_32":140,"_13":63,"_61":62,"_42":141,"_34":35,"_142":39,"_143":82,"_36":212,"_38":26,"_64":21,"_145":146,"_65":24,"_147":-5,"_185":213,"_17":214},{"_32":204,"_13":205,"_61":206,"_42":141,"_34":35,"_142":207,"_143":82,"_36":208,"_38":26,"_64":194,"_145":209,"_65":24,"_147":-5,"_185":210,"_17":211},{"_32":199,"_13":198,"_61":191,"_42":-5,"_34":35,"_142":192,"_143":82,"_36":200,"_38":26,"_64":201,"_145":-5,"_65":24,"_147":-5,"_185":202,"_17":203},{"_32":188,"_13":189,"_61":190,"_42":191,"_34":35,"_142":192,"_143":82,"_36":193,"_38":26,"_64":194,"_145":195,"_65":24,"_147":-5,"_185":196,"_17":197},{"_32":180,"_13":181,"_61":182,"_42":-5,"_34":35,"_142":152,"_143":82,"_36":183,"_38":26,"_64":21,"_145":184,"_65":24,"_147":-5,"_185":186,"_17":187},"92ee8efc-3fbc-11f0-9f9e-76b3cceeab13","README.md","92ee8fc4-3fbc-11f0-9f9e-76b3cceeab13",["D",1748873959989],"# 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- **Job Postings**: Create, view, and manage job postings\n- **Public Chat**: Real-time chat room for discussing opportunities\n- **Responsive Design**: Works on desktop and mobile devices\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 interface\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n└── shared/\n └── types.ts # Shared TypeScript types\n```\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- `DELETE /api/jobs/:id` - Delete a job posting\n\n### Chat\n- `GET /api/chat/messages` - Get recent chat messages\n- `POST /api/chat/messages` - Send a new chat message\n\n## Database Schema\n\n### Jobs Table\n- id (INTEGER PRIMARY KEY)\n- title (TEXT)\n- company (TEXT)\n- description (TEXT)\n- location (TEXT)\n- salary (TEXT)\n- contact_email (TEXT)\n- created_at (DATETIME)\n\n### Chat Messages Table\n- id (INTEGER PRIMARY KEY)\n- username (TEXT)\n- message (TEXT)\n- created_at (DATETIME)\n\n## Getting Started\n\nThis app runs on Val Town. The backend serves both the API and the frontend files.\n\nVisit the HTTP endpoint to access the application.","children",[],[181],"a739da4c-3fbc-11f0-aa5b-76b3cceeab13","types.ts","a739db14-3fbc-11f0-aa5b-76b3cceeab13","0b87d2d5-4b88-4b12-a5bb-2e374f4aa6cf",2,["D",1748873994037],"script","// Shared TypeScript types for the Job Board & Chat App\n\nexport interface Job {\n id: number;\n title: string;\n company: string;\n description: string;\n location: string;\n salary: string;\n contact_email: string;\n created_at: string;\n}\n\nexport interface CreateJobRequest {\n title: string;\n company: string;\n description: string;\n location: string;\n salary: string;\n contact_email: string;\n}\n\nexport interface ChatMessage {\n id: number;\n username: string;\n message: string;\n created_at: string;\n}\n\nexport interface CreateMessageRequest {\n username: string;\n message: string;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}",[],[198,189],"shared","a739e014-3fbc-11f0-aa5b-76b3cceeab13",["D",1748873994037],"directory",[178],[198],"1a523ee8-3fbd-11f0-8663-76b3cceeab13","index.tsx","1a523f88-3fbd-11f0-8663-76b3cceeab13",13,["D",1748874187138],"/** @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\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById('root')!);\nroot.render();",[],[149,205],["D",1748874056215],[],[149,63],"fdea63d4-3fbc-11f0-8220-76b3cceeab13","JobForm.tsx","fdea64ba-3fbc-11f0-8220-76b3cceeab13","0d9c1ac1-34fc-4444-ae79-c306bb6ed17f",11,["D",1748874139481],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Job, CreateJobRequest } from \"../../shared/types.ts\";\n\ninterface JobFormProps {\n onJobCreated: (job: Job) => void;\n onCancel: () => void;\n}\n\nexport default function JobForm({ onJobCreated, onCancel }: JobFormProps) {\n const [formData, setFormData] = useState({\n title: '',\n company: '',\n description: '',\n location: '',\n salary: '',\n contact_email: ''\n });\n const [loading, setLoading] = useState(false);\n const [errors, setErrors] = useState>({});\n\n const handleChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({ ...prev, [name]: value }));\n \n // Clear error when user starts typing\n if (errors[name]) {\n setErrors(prev => ({ ...prev, [name]: '' }));\n }\n };\n\n const validateForm = (): boolean => {\n const newErrors: Record = {};\n\n if (!formData.title.trim()) newErrors.title = 'Job title is required';\n if (!formData.company.trim()) newErrors.company = 'Company name is required';\n if (!formData.description.trim()) newErrors.description = 'Job description is required';\n if (!formData.location.trim()) newErrors.location = 'Location is required';\n if (!formData.salary.trim()) newErrors.salary = 'Salary information is required';\n if (!formData.contact_email.trim()) {\n newErrors.contact_email = 'Contact email is required';\n } else if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(formData.contact_email)) {\n newErrors.contact_email = 'Please enter a valid email address';\n }\n\n setErrors(newErrors);\n return Object.keys(newErrors).length === 0;\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!validateForm()) return;\n\n setLoading(true);\n try {\n const response = await fetch('/api/jobs', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(formData),\n });\n\n const result = await response.json();\n \n if (result.success) {\n onJobCreated(result.data);\n } else {\n alert('Failed to create job: ' + result.error);\n }\n } catch (error) {\n alert('Failed to create job. Please try again.');\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

\n {/* Job Title */}\n

\n \n Job Title *\n \n \n {errors.title &&

{errors.title}

}\n

\n\n {/* Company */}\n

\n \n Company *\n \n \n {errors.company &&

{errors.company}

}\n

\n\n {/* Location and Salary Row */}\n

\n \n Location *\n \n \n {errors.location &&

{errors.location}

}\n

\n\n

\n \n Salary *\n \n \n {errors.salary &&

{errors.salary}

}\n

\n\n {/* Contact Email */}\n

\n \n Contact Email *\n \n \n {errors.contact_email &&

{errors.contact_email}

}\n

\n\n {/* Description */}\n

\n \n Job Description *\n \n \n {errors.description &&

{errors.description}

}\n

\n\n {/* Form Actions */}\n

\n \n {loading ? 'Posting...' : 'Post Job'}\n \n \n Cancel\n \n

\n );\n}",[],[149,224,216],"components","e9552f08-3fbc-11f0-954e-76b3cceeab13","JobBoard.tsx","e95530a2-3fbc-11f0-954e-76b3cceeab13",10,["D",1748874104950],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport JobForm from \"./JobForm.tsx\";\nimport type { Job } from \"../../shared/types.ts\";\n\ninterface JobBoardProps {\n jobs: Job[];\n setJobs: React.Dispatch>;\n}\n\nexport default function JobBoard({ jobs, setJobs }: JobBoardProps) {\n const [showForm, setShowForm] = useState(false);\n const [searchTerm, setSearchTerm] = useState(\"\");\n\n const filteredJobs = jobs.filter(job =>\n job.title.toLowerCase().includes(searchTerm.toLowerCase()) ||\n job.company.toLowerCase().includes(searchTerm.toLowerCase()) ||\n job.location.toLowerCase().includes(searchTerm.toLowerCase())\n );\n\n const handleJobCreated = (newJob: Job) => {\n setJobs(prev => [newJob, ...prev]);\n setShowForm(false);\n };\n\n const handleDeleteJob = async (jobId: number) => {\n if (!confirm('Are you sure you want to delete this job posting?')) {\n return;\n }\n\n try {\n const response = await fetch(`/api/jobs/${jobId}`, {\n method: 'DELETE',\n });\n\n const result = await response.json();\n if (result.success) {\n setJobs(prev => prev.filter(job => job.id !== jobId));\n } else {\n alert('Failed to delete job: ' + result.error);\n }\n } catch (error) {\n alert('Failed to delete job. Please try again.');\n }\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 return (\n

\n {/* Header Section */}\n

Job Opportunities

\n {jobs.length} {jobs.length === 1 ? 'position' : 'positions'} available\n

\n setShowForm(true)}\n className=\"bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-colors flex items-center gap-2\"\n >\n ➕ Post a Job\n \n

\n\n {/* Search Bar */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full px-4 py-3 pl-12 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n 🔍\n

\n\n {/* Job Form Modal */}\n {showForm && (\n

Post a New Job

\n setShowForm(false)}\n className=\"text-gray-400 hover:text-gray-600 text-2xl\"\n >\n ✕\n \n

\n setShowForm(false)}\n />\n

\n )}\n\n {/* Jobs List */}\n

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

📭

\n {searchTerm ? 'No jobs match your search' : 'No jobs posted yet'}\n

\n {searchTerm \n ? 'Try adjusting your search terms'\n : 'Be the first to post a job opportunity!'\n }\n

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

\n {job.title}\n

\n \n 🏢 {job.company}\n \n \n 📍 {job.location}\n \n \n 💰 {job.salary}\n \n \n 📅 {formatDate(job.created_at)}\n \n

\n handleDeleteJob(job.id)}\n className=\"text-red-400 hover:text-red-600 p-2 rounded-lg hover:bg-red-50 transition-colors\"\n title=\"Delete job\"\n >\n 🗑️\n \n

\n \n

\n {job.description}\n

\n \n

\n \n 📧 Contact Employer\n \n \n Contact: {job.contact_email}\n \n

\n ))\n )}\n

\n \n );\n}",[],[149,224,226],"164bdd90-3fbd-11f0-967a-76b3cceeab13","ChatRoom.tsx","164bde3a-3fbd-11f0-967a-76b3cceeab13",12,["D",1748874180386],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { ChatMessage, CreateMessageRequest } from \"../../shared/types.ts\";\n\ninterface ChatRoomProps {\n messages: ChatMessage[];\n setMessages: React.Dispatch>;\n}\n\nexport default function ChatRoom({ messages, setMessages }: ChatRoomProps) {\n const [newMessage, setNewMessage] = useState('');\n const [username, setUsername] = useState('');\n const [loading, setLoading] = useState(false);\n const messagesEndRef = useRef(null);\n const chatContainerRef = useRef(null);\n\n // Load username from localStorage\n useEffect(() => {\n const savedUsername = localStorage.getItem('chat-username');\n if (savedUsername) {\n setUsername(savedUsername);\n }\n }, []);\n\n // Auto-scroll to bottom when new messages arrive\n useEffect(() => {\n scrollToBottom();\n }, [messages]);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n };\n\n const handleUsernameChange = (e: React.ChangeEvent) => {\n const value = e.target.value;\n setUsername(value);\n localStorage.setItem('chat-username', value);\n };\n\n const handleSendMessage = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!username.trim() || !newMessage.trim()) {\n alert('Please enter both username and message');\n return;\n }\n\n const messageData: CreateMessageRequest = {\n username: username.trim(),\n message: newMessage.trim()\n };\n\n setLoading(true);\n try {\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 = await response.json();\n \n if (result.success) {\n setMessages(prev => [...prev, result.data]);\n setNewMessage('');\n } else {\n alert('Failed to send message: ' + result.error);\n }\n } catch (error) {\n alert('Failed to send message. Please try again.');\n } finally {\n setLoading(false);\n }\n };\n\n const refreshMessages = async () => {\n try {\n const response = await fetch('/api/chat/messages');\n const result = await response.json();\n \n if (result.success) {\n setMessages(result.data);\n }\n } catch (error) {\n console.error('Failed to refresh messages:', error);\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 and connect with others\n

\n \n 🔄 Refresh\n \n

\n\n {/* Username Input */}\n

\n \n Your Name\n \n \n

\n\n {/* Chat Container */}\n

\n {/* Messages Area */}\n \n {Object.keys(groupedMessages).length === 0 ? (\n

💬

\n No messages yet\n

\n Be the first to start the conversation!\n

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

\n {/* Date Separator */}\n

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

\n\n {/* Messages for this date */}\n {dayMessages.map((message, index) => (\n 0 && dayMessages[index - 1].username === message.username\n ? 'mt-1'\n : 'mt-4'\n }`}\n >\n {/* Avatar */}\n

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

\n\n {/* Message Content */}\n

\n {/* Username and time (only show if different from previous message) */}\n {(index === 0 || dayMessages[index - 1].username !== message.username) && (\n

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

\n )}\n\n {/* Message text */}\n

\n {message.message}\n

\n ))}\n

\n ))\n )}\n

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

\n \n );\n}",[],[149,224,234],"d78fa852-3fbc-11f0-ab78-76b3cceeab13","App.tsx","d78fa910-3fbc-11f0-ab78-76b3cceeab13",9,["D",1748874075127],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport JobBoard from \"./JobBoard.tsx\";\nimport ChatRoom from \"./ChatRoom.tsx\";\nimport type { Job, ChatMessage } from \"../../shared/types.ts\";\n\ninterface InitialData {\n jobs: Job[];\n messages: ChatMessage[];\n}\n\nexport default function App() {\n const [activeTab, setActiveTab] = useState<'jobs' | 'chat'>('jobs');\n const [jobs, setJobs] = useState([]);\n const [messages, setMessages] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n // Load initial data from server-side injection\n const initialData = (window as any).__INITIAL_DATA__ as InitialData;\n if (initialData) {\n setJobs(initialData.jobs || []);\n setMessages(initialData.messages || []);\n setLoading(false);\n } else {\n // Fallback: fetch data if not injected\n loadInitialData();\n }\n }, []);\n\n const loadInitialData = async () => {\n try {\n const [jobsRes, messagesRes] = await Promise.all([\n fetch('/api/jobs'),\n fetch('/api/chat/messages')\n ]);\n\n const jobsData = await jobsRes.json();\n const messagesData = await messagesRes.json();\n\n if (jobsData.success) setJobs(jobsData.data);\n if (messagesData.success) setMessages(messagesData.data);\n } catch (error) {\n console.error('Failed to load initial data:', error);\n } finally {\n setLoading(false);\n }\n };\n\n if (loading) {\n return (\n

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

\n {/* Header */}\n

💼 Job Board

\n \n {/* Tab Navigation */}\n

\n setActiveTab('jobs')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n activeTab === 'jobs'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-500 hover:text-gray-700 hover:bg-gray-100'\n }`}\n >\n 📋 Job Listings\n \n setActiveTab('chat')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n activeTab === 'chat'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-500 hover:text-gray-700 hover:bg-gray-100'\n }`}\n >\n 💬 Chat Room\n \n

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

\n {activeTab === 'jobs' ? (\n \n ) : (\n \n )}\n

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

\n );\n}",[],[149,224,242],"d78fd840-3fbc-11f0-ab78-76b3cceeab13",["D",1748874075127],[171,172,173,174],[149,224],"cc53f236-3fbc-11f0-b5c6-76b3cceeab13",["D",1748874056215],[170,175,176],[149],"26bc39b8-3fbd-11f0-a43f-76b3cceeab13","index.ts","57babc71-0200-4a22-baa1-c60a85ad96dc",["D",1748874207961],"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 { runMigrations } from \"./database/migrations.ts\";\nimport { getAllJobs, getRecentMessages } from \"./database/queries.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 with initial data\napp.get(\"/\", async c => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Inject initial data to avoid extra round-trips\n const [jobs, messages] = await Promise.all([\n getAllJobs(),\n getRecentMessages(20)\n ]);\n\n const initialData = {\n jobs,\n messages\n };\n\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n } catch (error) {\n return c.html(`\n \n Error\n \n

Error loading application

Please try again later.

\n \n \n `, 500);\n }\n});\n\n// Health check\napp.get(\"/health\", c => c.json({ status: \"ok\", timestamp: new Date().toISOString() }));\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[265,258],"backend","b8ba7eac-3fbc-11f0-bcb4-76b3cceeab13","jobs.ts","b8ba7f4c-3fbc-11f0-bcb4-76b3cceeab13","c295fc04-ed6f-4796-ac85-c37fff6da112",5,["D",1748874023404],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { getAllJobs, createJob, deleteJob } from \"../database/queries.ts\";\nimport type { CreateJobRequest, ApiResponse } 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 return c.json({\n success: true,\n data: jobList\n } as ApiResponse);\n } catch (error) {\n return c.json({\n success: false,\n error: \"Failed to fetch jobs\"\n } as ApiResponse, 500);\n }\n});\n\n// Create a new job\njobs.post(\"/\", async (c) => {\n try {\n const jobData = await c.req.json() as CreateJobRequest;\n \n // Basic validation\n if (!jobData.title || !jobData.company || !jobData.description || \n !jobData.location || !jobData.salary || !jobData.contact_email) {\n return c.json({\n success: false,\n error: \"All fields are required\"\n } as ApiResponse, 400);\n }\n\n // Validate email format\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (!emailRegex.test(jobData.contact_email)) {\n return c.json({\n success: false,\n error: \"Invalid email format\"\n } as ApiResponse, 400);\n }\n\n const newJob = await createJob(jobData);\n return c.json({\n success: true,\n data: newJob\n } as ApiResponse, 201);\n } catch (error) {\n return c.json({\n success: false,\n error: \"Failed to create job\"\n } as ApiResponse, 500);\n }\n});\n\n// Delete a job\njobs.delete(\"/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({\n success: false,\n error: \"Invalid job ID\"\n } as ApiResponse, 400);\n }\n\n const deleted = await deleteJob(id);\n if (!deleted) {\n return c.json({\n success: false,\n error: \"Job not found\"\n } as ApiResponse, 404);\n }\n\n return c.json({\n success: true,\n data: { id }\n } as ApiResponse<{ id: number }>);\n } catch (error) {\n return c.json({\n success: false,\n error: \"Failed to delete job\"\n } as ApiResponse, 500);\n }\n});\n\nexport default jobs;",[],[265,275,267],"routes","beb8474e-3fbc-11f0-9f58-76b3cceeab13","chat.ts","beb84802-3fbc-11f0-9f58-76b3cceeab13",6,["D",1748874033456],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { getRecentMessages, createMessage } from \"../database/queries.ts\";\nimport type { CreateMessageRequest, ApiResponse } from \"../../shared/types.ts\";\n\nconst chat = new Hono();\n\n// Get recent chat messages\nchat.get(\"/messages\", async (c) => {\n try {\n const messages = await getRecentMessages(50);\n return c.json({\n success: true,\n data: messages\n } as ApiResponse);\n } catch (error) {\n return c.json({\n success: false,\n error: \"Failed to fetch messages\"\n } as ApiResponse, 500);\n }\n});\n\n// Send a new message\nchat.post(\"/messages\", async (c) => {\n try {\n const messageData = await c.req.json() as CreateMessageRequest;\n \n // Basic validation\n if (!messageData.username || !messageData.message) {\n return c.json({\n success: false,\n error: \"Username and message are required\"\n } as ApiResponse, 400);\n }\n\n // Trim and validate length\n messageData.username = messageData.username.trim();\n messageData.message = messageData.message.trim();\n\n if (messageData.username.length < 1 || messageData.username.length > 50) {\n return c.json({\n success: false,\n error: \"Username must be 1-50 characters\"\n } as ApiResponse, 400);\n }\n\n if (messageData.message.length < 1 || messageData.message.length > 500) {\n return c.json({\n success: false,\n error: \"Message must be 1-500 characters\"\n } as ApiResponse, 400);\n }\n\n const newMessage = await createMessage(messageData);\n return c.json({\n success: true,\n data: newMessage\n } as ApiResponse, 201);\n } catch (error) {\n return c.json({\n success: false,\n error: \"Failed to send message\"\n } as ApiResponse, 500);\n }\n});\n\nexport default chat;",[],[265,275,277],"b8ba84c4-3fbc-11f0-bcb4-76b3cceeab13",["D",1748874023404],[166,167],[265,275],"b1872806-3fbc-11f0-98b3-76b3cceeab13","queries.ts","b18728ba-3fbc-11f0-98b3-76b3cceeab13","9df0d22e-2792-48a5-bea6-ac59ae4adde9",4,["D",1748874011323],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { JOBS_TABLE, CHAT_TABLE } from \"./migrations.ts\";\nimport type { Job, CreateJobRequest, ChatMessage, CreateMessageRequest } 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 createJob(jobData: CreateJobRequest): Promise {\n const result = await sqlite.execute(`\n INSERT INTO ${JOBS_TABLE} (title, company, description, location, salary, contact_email)\n VALUES (?, ?, ?, ?, ?, ?)\n `, [\n jobData.title,\n jobData.company,\n jobData.description,\n jobData.location,\n jobData.salary,\n jobData.contact_email\n ]);\n\n const insertId = result.lastInsertRowId;\n \n const newJob = await sqlite.execute(`\n SELECT * FROM ${JOBS_TABLE} WHERE id = ?\n `, [insertId]);\n\n return newJob.rows[0] as Job;\n}\n\nexport async function deleteJob(id: number): Promise {\n const result = await sqlite.execute(`\n DELETE FROM ${JOBS_TABLE} WHERE id = ?\n `, [id]);\n\n return result.changes > 0;\n}\n\n// Chat queries\nexport async function getRecentMessages(limit: number = 50): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${CHAT_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 createMessage(messageData: CreateMessageRequest): Promise {\n const result = await sqlite.execute(`\n INSERT INTO ${CHAT_TABLE} (username, message)\n VALUES (?, ?)\n `, [messageData.username, messageData.message]);\n\n const insertId = result.lastInsertRowId;\n \n const newMessage = await sqlite.execute(`\n SELECT * FROM ${CHAT_TABLE} WHERE id = ?\n `, [insertId]);\n\n return newMessage.rows[0] as ChatMessage;\n}",[],[265,297,289],"database","ab91b2fe-3fbc-11f0-bf6d-76b3cceeab13","migrations.ts","ab91b3d0-3fbc-11f0-bf6d-76b3cceeab13",3,["D",1748874001324],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst JOBS_TABLE = 'job_board_jobs_v1';\nconst CHAT_TABLE = 'job_board_chat_v1';\n\nexport async function runMigrations() {\n // Create jobs table\n await sqlite.execute(`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 location TEXT NOT NULL,\n salary TEXT NOT NULL,\n contact_email TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n\n // Create chat messages table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${CHAT_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 console.log('Database migrations completed');\n}\n\nexport { JOBS_TABLE, CHAT_TABLE };",[],[265,297,299],"ab91c528-3fbc-11f0-bf6d-76b3cceeab13",["D",1748874001324],[163,164],[265,297],"ab91be52-3fbc-11f0-bf6d-76b3cceeab13",["D",1748874001324],[162,165,168],[265],["D",1748873938460],{"_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":351,"_352":353,"_354":355,"_356":24,"_357":24,"_358":24,"_359":82,"_360":-5,"_361":-7,"_362":-7,"_363":26,"_364":24,"_365":24,"_366":-5,"_367":24,"_368":24,"_369":24,"_370":-5},"ENV",{"_322":323,"_324":325,"_326":16,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350},"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"]

History · index.html