[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_301":302,"_303":304},"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":24,"_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",12,"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/ChatRoom.tsx","latestPath","fileId","31a24104-3fb5-11f0-8f69-76b3cceeab13","name","ChatRoom.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { ChatMessage, CreateMessageRequest, ApiResponse } from \"../../shared/types.ts\";\n\nexport default function ChatRoom() {\n const [messages, setMessages] = useState([]);\n const [username, setUsername] = useState('');\n const [message, setMessage] = useState('');\n const [loading, setLoading] = useState(true);\n const [sending, setSending] = useState(false);\n const [error, setError] = useState(null);\n const messagesEndRef = useRef(null);\n const chatContainerRef = useRef(null);\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 } finally {\n setLoading(false);\n }\n };\n\n const sendMessage = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!username.trim() || !message.trim()) {\n return;\n }\n\n setSending(true);\n setError(null);\n\n try {\n const messageData: CreateMessageRequest = {\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 && result.data) {\n setMessages(prev => [...prev, result.data!]);\n setMessage('');\n setTimeout(scrollToBottom, 100);\n } else {\n setError(result.error || 'Failed to send message');\n }\n } catch (err) {\n setError('Failed to send message');\n } finally {\n setSending(false);\n }\n };\n\n const refreshMessages = async () => {\n await fetchMessages();\n setTimeout(scrollToBottom, 100);\n };\n\n useEffect(() => {\n fetchMessages();\n }, []);\n\n useEffect(() => {\n scrollToBottom();\n }, [messages]);\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 if (loading) {\n return (\n

Loading chat...

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

\n {/* Chat Header */}\n

💬 Public Chat Room

Discuss job opportunities and connect with others

\n \n 🔄 Refresh\n \n

\n\n {/* Error Message */}\n {error && (\n

\n {error}\n

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

\n {Object.keys(groupedMessages).length === 0 ? (\n

💬

No messages yet. Start the conversation!

\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((msg, index) => {\n const prevMsg = index > 0 ? dayMessages[index - 1] : null;\n const isConsecutive = prevMsg && prevMsg.username === msg.username;\n \n return (\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 placeholder=\"Your name\"\n maxLength={50}\n className=\"w-32 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n setMessage(e.target.value)}\n placeholder=\"Type your message...\"\n maxLength={500}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n \n {sending ? 'Sending...' : 'Send'}\n \n

\n {message.length}/500 characters\n

\n );\n}","createdAt",["D",1748870790274],"branchVersion","branchId","c4d1cf4a-3fb4-11f0-8ba3-76b3cceeab13","id","c4d0c492-3fb4-11f0-8ba3-76b3cceeab13","AppforPrince",["D",1748870607703],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","3a32d810-3fb0-11f0-b6e9-ab0b2f88b858","pinnedFileId","f68ef1ac-3fb4-11f0-8a2f-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","5542ba89-bd8b-4779-aee9-449b0d75090d","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",15,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","hyeaman1","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4eDh4bDhUV0prR2dNQ2tWNjViNTV5a1dFZSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":297,"_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":298,"_79":299,"_81":300,"_83":24},"tree",[168,176,183,185],"files",[168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185],"counts",{"_158":61,"_159":133,"_160":133,"_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":57,"_37":135,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_26":138},"d7749ce0-3fb4-11f0-8ba3-76b3cceeab13","README.md","d7749d8a-3fb4-11f0-8ba3-76b3cceeab13","parentId",1,"latest",["D",1748870638982],"# 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.","label",[130],"da72c016-3fb4-11f0-959d-76b3cceeab13","shared","00ca2e41-4e4d-4cb8-b5ad-c0f431d4b7c3",2,["D",1748870644000],"directory",[140],"fc93bcd6-3fb4-11f0-8787-76b3cceeab13","frontend","adde7e56-8e1a-42a7-b0a7-29f0cb2bc4e6",8,["D",1748870701255],[147],"de8a0b64-3fb4-11f0-ae05-76b3cceeab13","backend","c3c26612-9e12-4861-8e86-b8e9c1466bc8",3,["D",1748870650862],[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":294,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_187":295,"_26":296},{"_42":290,"_31":282,"_29":276,"_132":154,"_40":41,"_39":155,"_134":57,"_37":291,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_187":292,"_26":293},{"_42":283,"_31":284,"_29":285,"_132":276,"_40":41,"_39":155,"_134":57,"_37":286,"_13":61,"_33":34,"_35":287,"_23":24,"_137":-5,"_187":288,"_26":289},{"_42":273,"_31":274,"_29":275,"_132":276,"_40":41,"_39":277,"_134":57,"_37":278,"_13":61,"_33":34,"_35":279,"_23":24,"_137":-5,"_187":280,"_26":281},{"_42":269,"_31":260,"_29":254,"_132":154,"_40":41,"_39":255,"_134":57,"_37":270,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_187":271,"_26":272},{"_42":261,"_31":262,"_29":263,"_132":254,"_40":41,"_39":264,"_134":57,"_37":265,"_13":61,"_33":34,"_35":266,"_23":24,"_137":-5,"_187":267,"_26":268},{"_42":251,"_31":252,"_29":253,"_132":254,"_40":41,"_39":255,"_134":57,"_37":256,"_13":61,"_33":34,"_35":257,"_23":24,"_137":-5,"_187":258,"_26":259},{"_42":244,"_31":245,"_29":55,"_132":154,"_40":41,"_39":246,"_134":24,"_37":247,"_13":61,"_33":34,"_35":248,"_23":24,"_137":-5,"_187":249,"_26":250},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":241,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_187":242,"_26":243},{"_42":237,"_31":216,"_29":210,"_132":148,"_40":41,"_39":232,"_134":57,"_37":238,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_187":239,"_26":240},{"_42":229,"_31":230,"_29":231,"_132":210,"_40":41,"_39":232,"_134":57,"_37":233,"_13":61,"_33":34,"_35":234,"_23":24,"_137":-5,"_187":235,"_26":236},{"_42":225,"_31":32,"_29":30,"_132":210,"_40":41,"_39":14,"_134":57,"_37":226,"_13":61,"_33":34,"_35":36,"_23":24,"_137":-5,"_187":227,"_26":228},{"_42":217,"_31":218,"_29":219,"_132":210,"_40":41,"_39":220,"_134":57,"_37":221,"_13":61,"_33":34,"_35":222,"_23":24,"_137":-5,"_187":223,"_26":224},{"_42":207,"_31":208,"_29":209,"_132":210,"_40":41,"_39":211,"_134":57,"_37":212,"_13":61,"_33":34,"_35":213,"_23":24,"_137":-5,"_187":214,"_26":215},{"_42":200,"_31":201,"_29":202,"_132":148,"_40":41,"_39":149,"_134":57,"_37":203,"_13":61,"_33":20,"_35":204,"_23":24,"_137":-5,"_187":205,"_26":206},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":197,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_187":198,"_26":199},{"_42":190,"_31":191,"_29":192,"_132":141,"_40":41,"_39":142,"_134":57,"_37":193,"_13":61,"_33":34,"_35":194,"_23":24,"_137":-5,"_187":195,"_26":196},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":57,"_37":186,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_187":188,"_26":189},["D",1748870638982],"children",[],[130],"da72b774-3fb4-11f0-959d-76b3cceeab13","types.ts","da72b832-3fb4-11f0-959d-76b3cceeab13",["D",1748870644000],"// Shared types for the job board application\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}",[],[140,191],["D",1748870644000],[184],[140],"fc93b70e-3fb4-11f0-8787-76b3cceeab13","index.html","fc93b7e0-3fb4-11f0-8787-76b3cceeab13",["D",1748870701255],"\n\n\n \n \n Job Board & Chat\n \n \n \n\n\n

\n \n \n\n",[],[147,201],"1f05b814-3fb5-11f0-840d-76b3cceeab13","JobForm.tsx","1f05b8c8-3fb5-11f0-840d-76b3cceeab13","7b73f8dd-7221-4700-8a04-56b66520a9bf",11,["D",1748870759053],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Job, CreateJobRequest, ApiResponse } from \"../../shared/types.ts\";\n\ninterface JobFormProps {\n onJobCreated: (job: Job) => void;\n}\n\nexport default function JobForm({ onJobCreated }: 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 [error, setError] = useState(null);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setError(null);\n\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: ApiResponse = await response.json();\n\n if (result.success && result.data) {\n onJobCreated(result.data);\n // Reset form\n setFormData({\n title: '',\n company: '',\n description: '',\n location: '',\n salary: '',\n contact_email: ''\n });\n } else {\n setError(result.error || 'Failed to create job posting');\n }\n } catch (err) {\n setError('Failed to create job posting');\n } finally {\n setLoading(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 );\n}",[],[147,216,208],"components","11557768-3fb5-11f0-b206-76b3cceeab13","JobBoard.tsx","1155783a-3fb5-11f0-b206-76b3cceeab13",10,["D",1748870736085],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport JobForm from \"./JobForm.tsx\";\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 [showForm, setShowForm] = useState(false);\n const [error, setError] = useState(null);\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 } finally {\n setLoading(false);\n }\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: ApiResponse<{ id: number }> = await response.json();\n \n if (result.success) {\n setJobs(prev => prev.filter(job => job.id !== jobId));\n } else {\n alert(result.error || 'Failed to delete job');\n }\n } catch (err) {\n alert('Failed to delete job');\n }\n };\n\n useEffect(() => {\n fetchJobs();\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 if (loading) {\n return (\n

Loading jobs...

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

\n {/* Header with Post Job Button */}\n

Job Postings

Browse and post job opportunities

\n setShowForm(!showForm)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors\"\n >\n {showForm ? 'Cancel' : '+ Post Job'}\n \n

\n\n {/* Error Message */}\n {error && (\n

\n {error}\n

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

Post a New Job

\n \n

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

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

📋

No job postings yet. Be the first to post one!

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

{job.title}

{job.company}

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

\n handleDeleteJob(job.id)}\n className=\"text-red-500 hover:text-red-700 text-sm px-2 py-1 rounded hover:bg-red-50\"\n title=\"Delete job posting\"\n >\n 🗑️\n \n

\n \n

{job.description}

\n \n

\n \n Contact: {job.contact_email}\n \n \n Apply Now\n \n

\n ))\n )}\n

\n );\n}",[],[147,216,218],"31a24032-3fb5-11f0-8f69-76b3cceeab13",["D",1748870790274],[],[147,216,32],"032b7fac-3fb5-11f0-b56a-76b3cceeab13","App.tsx","032b809c-3fb5-11f0-b56a-76b3cceeab13",9,["D",1748870712322],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport JobBoard from \"./JobBoard.tsx\";\nimport ChatRoom from \"./ChatRoom.tsx\";\n\ntype Tab = 'jobs' | 'chat';\n\nexport default function App() {\n const [activeTab, setActiveTab] = useState('jobs');\n\n return (\n

\n {/* Header */}\n

💼 Job Board & Chat

Find opportunities and connect with others

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

\n setActiveTab('jobs')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'jobs'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 📋 Job Postings\n \n setActiveTab('chat')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'chat'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 💬 Chat Room\n \n

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

\n {activeTab === 'jobs' && }\n {activeTab === 'chat' && }\n

\n );\n}",[],[147,216,230],"032b9190-3fb5-11f0-b56a-76b3cceeab13",["D",1748870712322],[178,179,180,181],[147,216],["D",1748870701255],[177,182],[147],"f68ef102-3fb4-11f0-8a2f-76b3cceeab13","index.ts",7,["D",1748870691163],"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 the main application\napp.get(\"/\", async c => {\n const 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: \"ok\", timestamp: new Date().toISOString() });\n});\n\nexport default app;",[],[153,245],"eb1d7082-3fb4-11f0-82ba-76b3cceeab13","jobs.ts","eb1d715e-3fb4-11f0-82ba-76b3cceeab13","7c94e7fe-6956-4e07-9eb9-c81d91a67cec",5,["D",1748870671963],"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;",[],[153,260,252],"routes","f16f6df0-3fb4-11f0-975c-76b3cceeab13","chat.ts","f16f6ec2-3fb4-11f0-975c-76b3cceeab13",6,["D",1748870682569],"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;",[],[153,260,262],"eb1d92a6-3fb4-11f0-82ba-76b3cceeab13",["D",1748870671963],[173,174],[153,260],"e465f9d0-3fb4-11f0-b982-76b3cceeab13","queries.ts","e465fa70-3fb4-11f0-b982-76b3cceeab13","1c5de1a0-4623-4157-bf63-2955d33245a1",4,["D",1748870660696],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { JOBS_TABLE, CHAT_MESSAGES_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 // Get the created job\n const createdJob = await sqlite.execute(`\n SELECT * FROM ${JOBS_TABLE} WHERE id = ?\n `, [result.lastInsertRowId]);\n\n return createdJob.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_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 createMessage(messageData: CreateMessageRequest): Promise {\n const result = await sqlite.execute(`\n INSERT INTO ${CHAT_MESSAGES_TABLE} (username, message)\n VALUES (?, ?)\n `, [messageData.username, messageData.message]);\n\n // Get the created message\n const createdMessage = await sqlite.execute(`\n SELECT * FROM ${CHAT_MESSAGES_TABLE} WHERE id = ?\n `, [result.lastInsertRowId]);\n\n return createdMessage.rows[0] as ChatMessage;\n}",[],[153,282,274],"database","de8a0006-3fb4-11f0-ae05-76b3cceeab13","migrations.ts","de8a00d8-3fb4-11f0-ae05-76b3cceeab13",["D",1748870650862],"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 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\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');\n}",[],[153,282,284],"de8a0e20-3fb4-11f0-ae05-76b3cceeab13",["D",1748870650862],[170,171],[153,282],["D",1748870650862],[169,172,175],[153],["D",1748870607703],{"_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":334,"_335":336,"_337":338,"_339":24,"_340":24,"_341":24,"_342":57,"_343":-5,"_344":-7,"_345":-7,"_346":61,"_347":24,"_348":24,"_349":-5,"_350":24,"_351":24,"_352":24,"_353":-5},"ENV",{"_305":306,"_307":308,"_309":85,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333},"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 · v12