\n \n\n",[],[235,237],"79b6e6aa-3fb7-11f0-81b4-76b3cceeab13","JobForm.tsx","79b6e75e-3fb7-11f0-81b4-76b3cceeab13","e8b36a7c-6f2d-4dc0-851e-2ea0c84674a2",13,["D",1748871770198],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { CreateJobRequest } 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 location: '',\n type: 'full-time',\n salary_range: '',\n description: '',\n requirements: '',\n contact_email: '',\n expires_at: ''\n });\n\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [success, setSuccess] = useState(false);\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 const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setError(null);\n\n try {\n // Prepare data for submission\n const submitData = {\n ...formData,\n salary_range: formData.salary_range || undefined,\n expires_at: formData.expires_at || 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 if (!response.ok) {\n const errorData = await response.json();\n throw new Error(errorData.error || 'Failed to create job posting');\n }\n\n setSuccess(true);\n setTimeout(() => {\n onJobPosted();\n }, 2000);\n\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to create job posting');\n } finally {\n setLoading(false);\n }\n };\n\n if (success) {\n return (\n

🎉

Job Posted Successfully!

Your job posting is now live and visible to candidates.

Redirecting to job board...

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

Post a New Job

Share your IT opportunity with talented professionals

\n\n

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

\n ⚠️\n {error}\n

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

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

\n\n {/* Company and Location */}\n

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

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

\n\n {/* Job Type and Salary */}\n

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

\n \n Salary Range\n \n \n

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

\n \n Contact Email *\n \n \n

\n \n Expires On\n \n \n

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

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

\n\n {/* Requirements */}\n

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

\n\n {/* Submit Button */}\n

\n window.location.reload()}\n className=\"px-6 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition-colors\"\n >\n Cancel\n \n \n {loading ? (\n \n

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

\n\n {/* Tips */}\n

💡 Tips for a Great Job Posting

• Be specific about the role and responsibilities
• Include both required and preferred qualifications
• Mention your company culture and benefits
• Use clear, inclusive language
• Provide a realistic salary range if possible

\n );\n}",[],[235,253,245],"components","48ec0564-3fb7-11f0-a9f3-76b3cceeab13","JobCard.tsx","48ec0604-3fb7-11f0-a9f3-76b3cceeab13",11,["D",1748871688340],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { JobPosting } from \"../../shared/types.ts\";\n\ninterface JobCardProps {\n job: JobPosting;\n onClick?: () => void;\n}\n\nexport default function JobCard({ job, onClick }: JobCardProps) {\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 getTypeColor = (type: string) => {\n switch (type) {\n case 'full-time': return 'bg-green-100 text-green-800';\n case 'part-time': return 'bg-blue-100 text-blue-800';\n case 'contract': return 'bg-purple-100 text-purple-800';\n case 'remote': return 'bg-orange-100 text-orange-800';\n default: return 'bg-gray-100 text-gray-800';\n }\n };\n\n const getTypeIcon = (type: string) => {\n switch (type) {\n case 'full-time': return '🏢';\n case 'part-time': return '⏰';\n case 'contract': return '📋';\n case 'remote': return '🌍';\n default: return '💼';\n }\n };\n\n return (\n

\n {/* Header */}\n

{job.title}

\n {job.company}\n •\n {job.location}\n

\n {getTypeIcon(job.type)}\n {job.type.replace('-', ' ')}\n

\n\n {/* Salary */}\n {job.salary_range && (\n

\n 💰 {job.salary_range}\n

\n )}\n\n {/* Description Preview */}\n

\n {job.description.length > 150 \n ? `${job.description.substring(0, 150)}...` \n : job.description\n }\n

\n\n {/* Requirements Preview */}\n

Key Requirements:

\n {job.requirements.length > 100 \n ? `${job.requirements.substring(0, 100)}...` \n : job.requirements\n }\n

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

\n Posted {formatDate(job.posted_at)}\n

\n View Details\n →\n

\n\n {/* Expiry Warning */}\n {job.expires_at && (\n

\n ⏰ Expires {formatDate(job.expires_at)}\n

\n )}\n

\n );\n}",[],[235,253,255],"5eadfe7a-3fb7-11f0-b1ac-76b3cceeab13","JobBoard.tsx","5eadff4c-3fb7-11f0-b1ac-76b3cceeab13",12,["D",1748871724845],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport JobCard from \"./JobCard.tsx\";\nimport type { JobPosting, JobFilters } 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 [selectedJob, setSelectedJob] = useState(null);\n const [filters, setFilters] = useState({});\n\n // Fetch jobs\n const fetchJobs = async () => {\n try {\n setLoading(true);\n const params = new URLSearchParams();\n if (filters.type) params.append('type', filters.type);\n if (filters.location) params.append('location', filters.location);\n if (filters.search) params.append('search', filters.search);\n\n const response = await fetch(`/api/jobs?${params}`);\n if (!response.ok) throw new Error('Failed to fetch jobs');\n \n const data = await response.json();\n setJobs(data);\n setError(null);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load jobs');\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n fetchJobs();\n }, [filters]);\n\n const handleFilterChange = (key: keyof JobFilters, value: string) => {\n setFilters(prev => ({\n ...prev,\n [key]: value || undefined\n }));\n };\n\n const clearFilters = () => {\n setFilters({});\n };\n\n if (selectedJob) {\n return (\n

\n {/* Back Button */}\n setSelectedJob(null)}\n className=\"mb-6 flex items-center space-x-2 text-blue-600 hover:text-blue-800 transition-colors\"\n >\n ←\n Back to Job Board\n \n\n {/* Job Details */}\n

{selectedJob.title}

\n {selectedJob.company}\n

\n 📍\n {selectedJob.location}\n

\n 💼\n {selectedJob.type.replace('-', ' ')}\n

\n {selectedJob.salary_range && (\n

\n 💰\n {selectedJob.salary_range}\n

\n )}\n

\n\n

Job Description

\n {selectedJob.description}\n

\n\n

Requirements

\n {selectedJob.requirements}\n

\n\n

\n Posted on {new Date(selectedJob.posted_at).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n })}\n {selectedJob.expires_at && (\n \n Expires {new Date(selectedJob.expires_at).toLocaleDateString()}\n \n )}\n

\n \n 📧 Apply Now\n \n

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

\n {/* Header */}\n

IT Job Opportunities

Discover your next career opportunity in technology

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

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

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

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

\n \n Clear Filters\n \n

\n\n {/* Loading State */}\n {loading && (\n

Loading jobs...

\n )}\n\n {/* Error State */}\n {error && (\n

\n ⚠️\n {error}\n \n Try Again\n \n

\n )}\n\n {/* Jobs List */}\n {!loading && !error && (\n <>\n

\n {jobs.length} job{jobs.length !== 1 ? 's' : ''} found\n

\n \n 🔄 Refresh\n \n

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

🔍

No jobs found

Try adjusting your filters or check back later for new opportunities.

\n ) : (\n

\n {jobs.map((job) => (\n setSelectedJob(job)}\n />\n ))}\n

\n )}\n \n )}\n

\n );\n}",[],[235,253,263],"9968b2d0-3fb7-11f0-815a-76b3cceeab13","ChatRoom.tsx","9968b398-3fb7-11f0-815a-76b3cceeab13",14,["D",1748871823365],"/** @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\nexport default function ChatRoom() {\n const [messages, setMessages] = useState([]);\n const [newMessage, setNewMessage] = useState('');\n const [username, setUsername] = useState('');\n const [loading, setLoading] = useState(true);\n const [sending, setSending] = useState(false);\n const [error, setError] = useState(null);\n const [connected, setConnected] = useState(false);\n \n const messagesEndRef = useRef(null);\n const eventSourceRef = 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 // Save username to localStorage\n useEffect(() => {\n if (username) {\n localStorage.setItem('chat-username', username);\n }\n }, [username]);\n\n // Scroll to bottom when new messages arrive\n useEffect(() => {\n messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n }, [messages]);\n\n // Fetch initial messages\n const fetchMessages = async () => {\n try {\n setLoading(true);\n const response = await fetch('/api/chat/messages');\n if (!response.ok) throw new Error('Failed to fetch messages');\n \n const data = await response.json();\n setMessages(data);\n setError(null);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load messages');\n } finally {\n setLoading(false);\n }\n };\n\n // Set up real-time updates with Server-Sent Events\n const setupEventSource = () => {\n if (eventSourceRef.current) {\n eventSourceRef.current.close();\n }\n\n const lastMessageTime = messages.length > 0 \n ? messages[messages.length - 1].timestamp \n : new Date(0).toISOString();\n\n const eventSource = new EventSource(`/api/chat/stream?since=${encodeURIComponent(lastMessageTime)}`);\n \n eventSource.onopen = () => {\n setConnected(true);\n setError(null);\n };\n\n eventSource.onmessage = (event) => {\n try {\n const data = JSON.parse(event.data);\n \n if (data.type === 'message') {\n setMessages(prev => {\n // Avoid duplicates\n const exists = prev.some(msg => msg.id === data.data.id);\n if (exists) return prev;\n return [...prev, data.data];\n });\n } else if (data.type === 'error') {\n setError(data.message);\n }\n } catch (err) {\n console.error('Error parsing SSE data:', err);\n }\n };\n\n eventSource.onerror = () => {\n setConnected(false);\n setError('Connection lost. Trying to reconnect...');\n \n // Retry connection after 3 seconds\n setTimeout(() => {\n setupEventSource();\n }, 3000);\n };\n\n eventSourceRef.current = eventSource;\n };\n\n // Initialize chat\n useEffect(() => {\n fetchMessages();\n }, []);\n\n // Set up real-time updates after initial load\n useEffect(() => {\n if (!loading && messages.length > 0) {\n setupEventSource();\n }\n\n return () => {\n if (eventSourceRef.current) {\n eventSourceRef.current.close();\n }\n };\n }, [loading, messages.length]);\n\n // Send message\n const sendMessage = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!newMessage.trim() || !username.trim()) return;\n\n setSending(true);\n try {\n const messageData: CreateMessageRequest = {\n username: username.trim(),\n message: newMessage.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 if (!response.ok) {\n const errorData = await response.json();\n throw new Error(errorData.error || 'Failed to send message');\n }\n\n setNewMessage('');\n setError(null);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to send message');\n } finally {\n setSending(false);\n }\n };\n\n const formatTime = (timestamp: string) => {\n return new Date(timestamp).toLocaleTimeString('en-US', {\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n const formatDate = (timestamp: string) => {\n const date = new Date(timestamp);\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', { month: 'short', day: 'numeric' });\n }\n };\n\n // Group messages by date\n const groupedMessages = messages.reduce((groups, message) => {\n const date = new Date(message.timestamp).toDateString();\n if (!groups[date]) {\n groups[date] = [];\n }\n groups[date].push(message);\n return groups;\n }, {} as Record);\n\n return (\n

Community Chat

Connect with fellow IT professionals and discuss opportunities

\n\n

\n {/* Connection Status */}\n

\n {connected ? 'Connected' : 'Connecting...'}\n {messages.length > 0 && (\n {messages.length} messages\n )}\n

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

\n ⚠️\n {error}\n \n Retry\n \n

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

\n {loading ? (\n

Loading messages...

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

💬

No messages yet

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].timestamp)}\n

\n \n {/* Messages for this date */}\n {dayMessages.map((message, index) => {\n const isOwnMessage = message.username === username;\n const showUsername = index === 0 || dayMessages[index - 1].username !== message.username;\n \n return (\n \n

\n {showUsername && (\n

\n {message.username}\n

\n )}\n \n

{message.message}

\n {formatTime(message.timestamp)}\n

\n );\n })}\n

\n ))}\n

\n )}\n

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

\n {/* Username Input */}\n {!username && (\n

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

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

\n setNewMessage(e.target.value)}\n disabled={!username || sending}\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:bg-gray-100\"\n maxLength={500}\n />\n \n {sending ? (\n

\n ) : (\n '📤'\n )}\n \n

\n \n {/* Character Count */}\n

\n \n {username && `Chatting as ${username}`}\n {!username && (\n setUsername(`User${Math.floor(Math.random() * 1000)}`)}\n className=\"text-blue-600 hover:text-blue-800 underline\"\n >\n Use random name\n \n )}\n \n {newMessage.length}/500\n

\n\n {/* Chat Guidelines */}\n

💡 Chat Guidelines

• Keep discussions professional and respectful
• Share job opportunities, career advice, and industry insights
• No spam, self-promotion, or inappropriate content
• Be helpful and supportive to fellow community members

\n \n );\n}",[],[235,253,271],"3e83f460-3fb7-11f0-a0d7-76b3cceeab13","App.tsx","3e83f51e-3fb7-11f0-a0d7-76b3cceeab13",10,["D",1748871670881],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport JobBoard from \"./JobBoard.tsx\";\nimport ChatRoom from \"./ChatRoom.tsx\";\nimport JobForm from \"./JobForm.tsx\";\n\ntype Tab = 'jobs' | 'chat' | 'post-job';\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: 'chat' as Tab, label: '💬 Chat Room', icon: '🗨️' },\n { id: 'post-job' as Tab, label: '➕ Post Job', icon: '📝' }\n ];\n\n return (\n

\n {/* Header */}\n

💻

IT Jobs Board

\n Find opportunities • Connect with others\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 ${\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 === 'chat' && }\n {activeTab === 'post-job' && setActiveTab('jobs')} />}\n

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

\n );\n}",[],[235,253,279],"3e83fbea-3fb7-11f0-a0d7-76b3cceeab13",["D",1748871670881],[194,195,196,197,198],[235,253],"32a6fe44-3fb7-11f0-af77-76b3cceeab13",["D",1748871650978],[193,199,200],[235],"a2d688a6-3fb7-11f0-8b9c-76b3cceeab13","index.ts",["D",1748871839193],"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 jobs from \"./routes/jobs.ts\";\nimport chat 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\nawait runMigrations();\n\n// API routes\napp.route(\"/api/jobs\", jobs);\napp.route(\"/api/chat\", chat);\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 application\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 initialDataScript = ``;\n\n html = html.replace(\"\", `${initialDataScript}`);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving index:\", error);\n return c.text(\"Error loading application\", 500);\n }\n});\n\n// Health check endpoint\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;",[],[162,295],"1dc6222a-3fb7-11f0-929c-76b3cceeab13","jobs.ts","1dc62310-3fb7-11f0-929c-76b3cceeab13","123c9573-b30c-47b2-8dc6-0d24cbd38c7f",5,["D",1748871615948],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { getAllJobs, getJobById, createJob } from \"../database/queries.ts\";\nimport type { CreateJobRequest, JobFilters } from \"../../shared/types.ts\";\n\nconst jobs = new Hono();\n\n// Get all jobs with optional filters\njobs.get(\"/\", async (c) => {\n try {\n const filters: JobFilters = {\n type: c.req.query(\"type\"),\n location: c.req.query(\"location\"),\n search: c.req.query(\"search\")\n };\n\n // Remove undefined values\n Object.keys(filters).forEach(key => {\n if (filters[key as keyof JobFilters] === undefined) {\n delete filters[key as keyof JobFilters];\n }\n });\n\n const jobsList = await getAllJobs(Object.keys(filters).length > 0 ? filters : undefined);\n return c.json(jobsList);\n } catch (error) {\n console.error(\"Error fetching jobs:\", error);\n return c.json({ error: \"Failed to fetch jobs\" }, 500);\n }\n});\n\n// Get specific job by ID\njobs.get(\"/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({ error: \"Invalid job ID\" }, 400);\n }\n\n const job = await getJobById(id);\n if (!job) {\n return c.json({ error: \"Job not found\" }, 404);\n }\n\n return c.json(job);\n } catch (error) {\n console.error(\"Error fetching job:\", error);\n return c.json({ error: \"Failed to fetch job\" }, 500);\n }\n});\n\n// Create new job posting\njobs.post(\"/\", async (c) => {\n try {\n const body = await c.req.json() as CreateJobRequest;\n\n // Validate required fields\n const requiredFields = ['title', 'company', 'location', 'type', 'description', 'requirements', 'contact_email'];\n for (const field of requiredFields) {\n if (!body[field as keyof CreateJobRequest]) {\n return c.json({ error: `Missing required field: ${field}` }, 400);\n }\n }\n\n // Validate job type\n const validTypes = ['full-time', 'part-time', 'contract', 'remote'];\n if (!validTypes.includes(body.type)) {\n return c.json({ error: \"Invalid job type\" }, 400);\n }\n\n // Validate email format\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (!emailRegex.test(body.contact_email)) {\n return c.json({ error: \"Invalid email format\" }, 400);\n }\n\n const newJob = await createJob(body);\n return c.json(newJob, 201);\n } catch (error) {\n console.error(\"Error creating job:\", error);\n return c.json({ error: \"Failed to create job\" }, 500);\n }\n});\n\nexport default jobs;",[],[162,310,302],"routes","264c0aea-3fb7-11f0-9279-76b3cceeab13","chat.ts","264c0ba8-3fb7-11f0-9279-76b3cceeab13",6,["D",1748871630247],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { getChatMessages, createChatMessage, getRecentChatMessages } from \"../database/queries.ts\";\nimport type { CreateMessageRequest } 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 return c.json(messages);\n } catch (error) {\n console.error(\"Error fetching messages:\", error);\n return c.json({ error: \"Failed to fetch messages\" }, 500);\n }\n});\n\n// Send new chat message\nchat.post(\"/messages\", async (c) => {\n try {\n const body = await c.req.json() as CreateMessageRequest;\n\n // Validate required fields\n if (!body.username || !body.message) {\n return c.json({ error: \"Username and message are required\" }, 400);\n }\n\n // Validate message length\n if (body.message.length > 500) {\n return c.json({ error: \"Message too long (max 500 characters)\" }, 400);\n }\n\n // Validate username length\n if (body.username.length > 50) {\n return c.json({ error: \"Username too long (max 50 characters)\" }, 400);\n }\n\n // Basic content filtering\n const message = body.message.trim();\n if (message.length === 0) {\n return c.json({ error: \"Message cannot be empty\" }, 400);\n }\n\n const newMessage = await createChatMessage({\n username: body.username.trim(),\n message: message\n });\n\n return c.json(newMessage, 201);\n } catch (error) {\n console.error(\"Error creating message:\", error);\n return c.json({ error: \"Failed to send message\" }, 500);\n }\n});\n\n// Server-sent events for real-time chat updates\nchat.get(\"/stream\", async (c) => {\n const lastMessageTime = c.req.query(\"since\") || new Date(0).toISOString();\n \n // Set up SSE headers\n c.header(\"Content-Type\", \"text/event-stream\");\n c.header(\"Cache-Control\", \"no-cache\");\n c.header(\"Connection\", \"keep-alive\");\n\n const stream = new ReadableStream({\n start(controller) {\n // Send initial connection message\n controller.enqueue(`data: ${JSON.stringify({ type: \"connected\" })}\\n\\n`);\n\n // Poll for new messages every 2 seconds\n const interval = setInterval(async () => {\n try {\n const recentMessages = await getRecentChatMessages(lastMessageTime);\n if (recentMessages.length > 0) {\n for (const message of recentMessages) {\n controller.enqueue(`data: ${JSON.stringify({ type: \"message\", data: message })}\\n\\n`);\n }\n }\n } catch (error) {\n console.error(\"Error in SSE stream:\", error);\n controller.enqueue(`data: ${JSON.stringify({ type: \"error\", message: \"Stream error\" })}\\n\\n`);\n }\n }, 2000);\n\n // Clean up on close\n setTimeout(() => {\n clearInterval(interval);\n controller.close();\n }, 300000); // Close after 5 minutes\n }\n });\n\n return new Response(stream);\n});\n\nexport default chat;",[],[162,310,312],"1dc62e3c-3fb7-11f0-929c-76b3cceeab13",["D",1748871615948],[189,190],[162,310],["D",1748871602471],[],[162,82,80],["D",1748871586191],[],[162,82,65],["D",1748871586191],[186,187],[162,82],"0c09bfc4-3fb7-11f0-9d66-76b3cceeab13",["D",1748871586191],[185,188,191],[162],["D",1748871539335],{"_11":12,"_132":71},{"_11":12,"_128":-5,"_70":71,"_31":69,"_129":130,"_131":30},{"_40":119,"_13":16,"_34":37,"_120":85,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":-5,"_126":14,"_127":12},"ctx",{"_53":-5,"_151":373,"_374":375,"_376":377,"_378":30,"_379":30,"_380":30,"_381":24,"_382":-5,"_383":-7,"_384":-7,"_385":26,"_386":30,"_387":30,"_388":-5,"_389":30,"_390":30,"_391":30,"_392":-5},"ENV",{"_344":345,"_346":347,"_348":16,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372},"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 · database