Error loading jobs. Please try again.

';\n }\n}\n\n// Render jobs to the DOM\nfunction renderJobs() {\n if (jobs.length === 0) {\n jobsContainer.innerHTML = '

No jobs posted yet. Be the first!

';\n return;\n }\n\n jobsContainer.innerHTML = jobs.map(job => `\n

${sanitizeHTML(job.title)}

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

${sanitizeHTML(job.company)}

${sanitizeHTML(job.description)}

Contact: ${sanitizeHTML(job.contact)}

\n `).join(\"\");\n}\n\n// Submit new job\njobForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n \n const newJob = {\n title: jobTitle.value.trim(),\n company: jobCompany.value.trim(),\n description: jobDescription.value.trim(),\n contact: jobContact.value.trim()\n };\n \n try {\n const response = await fetch(\"/api/jobs\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(newJob)\n });\n \n if (!response.ok) throw new Error(\"Failed to post job\");\n \n const job = await response.json();\n jobs.unshift(job); // Add to beginning of array\n renderJobs();\n \n // Clear form\n jobForm.reset();\n } catch (error) {\n console.error(\"Error posting job:\", error);\n alert(\"Error posting job. Please try again.\");\n }\n});\n\n// Load chat messages\nasync function loadMessages() {\n try {\n const response = await fetch(\"/api/messages\");\n if (!response.ok) throw new Error(\"Failed to load messages\");\n \n messages = await response.json();\n messages.reverse(); // Show oldest first\n renderMessages();\n } catch (error) {\n console.error(\"Error loading messages:\", error);\n chatContainer.innerHTML = '

Error loading messages. Please try again.

';\n }\n}\n\n// Render messages to the DOM\nfunction renderMessages() {\n if (messages.length === 0) {\n chatContainer.innerHTML = '

No messages yet. Start the conversation!

';\n return;\n }\n\n chatContainer.innerHTML = messages.map(message => `\n

\n ${sanitizeHTML(message.username)}\n ${formatDate(message.created_at)}\n

${sanitizeHTML(message.content)}

\n `).join(\"\");\n \n // Scroll to bottom\n chatContainer.scrollTop = chatContainer.scrollHeight;\n}\n\n// Submit new message\nchatForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n \n const content = chatInput.value.trim();\n if (!content) return;\n \n const newMessage = {\n username,\n content\n };\n \n try {\n const response = await fetch(\"/api/messages\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(newMessage)\n });\n \n if (!response.ok) throw new Error(\"Failed to send message\");\n \n const message = await response.json();\n messages.push(message);\n renderMessages();\n \n // Clear input\n chatForm.reset();\n } catch (error) {\n console.error(\"Error sending message:\", error);\n alert(\"Error sending message. Please try again.\");\n }\n});\n\n// Poll for new messages every 5 seconds\nfunction startMessagePolling() {\n setInterval(loadMessages, 5000);\n}\n\n// Initialize app\ncheckAuth();\nif (username) {\n loadJobs();\n loadMessages();\n startMessagePolling();\n}",[],[221,213],"frontend","4d966e84-31e2-11f0-9c4c-569c3dd06744","index.html","34892846-31e2-11f0-9cdd-569c3dd06744",10,["D",1747350848241],"\n\n\n \n \n Job Board with Chat\n \n \n \n \n \n \n\n\n \n \n\n \n

Job Board with Chat

\n Welcome, \n \n

\n\n

\n \n

Post a Job

\n \n

\n\n

Job Listings

\n \n

Loading jobs...

\n\n \n

Discussion Chat

\n \n

Loading messages...

\n \n

\n\n \n\n \n\n",[],[221,223],"48928bd4-31e2-11f0-9a73-569c3dd06744","favicon.svg","48928ca6-31e2-11f0-9a73-569c3dd06744",9,["D",1747350839831],"\n",[],[221,231],"55290cba-31e2-11f0-997f-569c3dd06744","55290d5a-31e2-11f0-997f-569c3dd06744",12,["D",1747350860956],"# Frontend\n\nThis directory contains the client-side code for the Job Board with Chat application.\n\n## Structure\n\n- `index.html` - Main HTML template\n- `index.js` - Frontend JavaScript\n- `favicon.svg` - Application icon\n\n## Features\n\n- Simple username-based authentication\n- Job posting form\n- Job listings display\n- Real-time chat functionality\n\n## Technologies\n\n- HTML5\n- JavaScript (ES6+)\n- Tailwind CSS for styling",[],[221,81],"34894dda-31e2-11f0-9cdd-569c3dd06744",6,["D",1747350806196],[188,189,190,191],[221],"460294ae-31e2-11f0-9aeb-569c3dd06744","index.ts","68626bad-e95a-4ef2-8691-d49175d38d7f",8,["D",1747350835531],"http","import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { cors } from \"https://esm.sh/hono@3.12.6/cors\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { initDatabase } from \"./database/migrations.ts\";\nimport { \n getAllJobs, \n createJob, \n getRecentMessages, \n createMessage \n} from \"./database/queries.ts\";\n\n// Initialize the app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Enable CORS\napp.use(\"*\", cors());\n\n// Initialize database on startup\nawait initDatabase();\n\n// API Routes\napp.get(\"/api/jobs\", async (c) => {\n const jobs = await getAllJobs();\n return c.json(jobs);\n});\n\napp.post(\"/api/jobs\", async (c) => {\n const body = await c.req.json();\n \n // Validate required fields\n if (!body.title || !body.company || !body.description || !body.contact) {\n return c.json({ error: \"Missing required fields\" }, 400);\n }\n \n const job = await createJob({\n title: body.title,\n company: body.company,\n description: body.description,\n contact: body.contact\n });\n \n return c.json(job, 201);\n});\n\napp.get(\"/api/messages\", async (c) => {\n const messages = await getRecentMessages();\n return c.json(messages);\n});\n\napp.post(\"/api/messages\", async (c) => {\n const body = await c.req.json();\n \n // Validate required fields\n if (!body.username || !body.content) {\n return c.json({ error: \"Missing required fields\" }, 400);\n }\n \n const message = await createMessage({\n username: body.username,\n content: body.content\n });\n \n return c.json(message, 201);\n});\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 index.html for the root path\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[259,251],"backend","52b9bb8c-31e2-11f0-b3b0-569c3dd06744","52b9bc2c-31e2-11f0-b3b0-569c3dd06744",11,["D",1747350856856],"# Backend\n\nThis directory contains the server-side code for the Job Board with Chat application.\n\n## Structure\n\n- `index.ts` - Main entry point with Hono API routes\n- `database/` - Database setup and queries\n - `migrations.ts` - Database schema definitions\n - `queries.ts` - Database query functions\n\n## API Endpoints\n\n### Jobs\n\n- `GET /api/jobs` - Get all job listings\n- `POST /api/jobs` - Create a new job listing\n\n### Messages\n\n- `GET /api/messages` - Get recent chat messages\n- `POST /api/messages` - Create a new chat message\n\n## Database\n\nThe application uses SQLite for data storage with two main tables:\n\n1. `jobs_v1` - Stores job listings\n2. `messages_v1` - Stores chat messages",[],[259,81],"1bad031a-31e2-11f0-997f-569c3dd06744","queries.ts","1bad03e2-31e2-11f0-997f-569c3dd06744","16bfafca-4754-4171-9c1c-87d8d447fc5d",3,["D",1747350764497],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { JOBS_TABLE, MESSAGES_TABLE } from \"./migrations.ts\";\n\n// Types\nexport interface Job {\n id: number;\n title: string;\n company: string;\n description: string;\n contact: string;\n created_at: number;\n}\n\nexport interface Message {\n id: number;\n username: string;\n content: string;\n created_at: number;\n}\n\n// Job queries\nexport async function getAllJobs(): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${JOBS_TABLE} ORDER BY created_at DESC`\n );\n return result.rows;\n}\n\nexport async function createJob(job: Omit): Promise {\n const created_at = Date.now();\n const result = await sqlite.execute<{ id: number }>(\n `INSERT INTO ${JOBS_TABLE} (title, company, description, contact, created_at)\n VALUES (?, ?, ?, ?, ?)\n RETURNING id`,\n [job.title, job.company, job.description, job.contact, created_at]\n );\n \n return {\n id: result.rows[0].id,\n ...job,\n created_at\n };\n}\n\n// Message queries\nexport async function getRecentMessages(limit = 50): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${MESSAGES_TABLE} \n ORDER BY created_at DESC \n LIMIT ?`,\n [limit]\n );\n return result.rows;\n}\n\nexport async function createMessage(message: Omit): Promise {\n const created_at = Date.now();\n const result = await sqlite.execute<{ id: number }>(\n `INSERT INTO ${MESSAGES_TABLE} (username, content, created_at)\n VALUES (?, ?, ?)\n RETURNING id`,\n [message.username, message.content, created_at]\n );\n \n return {\n id: result.rows[0].id,\n ...message,\n created_at\n };\n}",[],[259,276,268],"database","16514958-31e2-11f0-87b4-569c3dd06744","migrations.ts","16514a16-31e2-11f0-87b4-569c3dd06744",2,["D",1747350755519],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names - use versioning for schema changes\nexport const JOBS_TABLE = \"jobs_v1\";\nexport const MESSAGES_TABLE = \"messages_v1\";\n\n/**\n * Initialize database tables\n */\nexport async function initDatabase() {\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 contact TEXT NOT NULL,\n created_at INTEGER NOT NULL\n )\n `);\n\n // Create messages table for chat\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${MESSAGES_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT NOT NULL,\n content TEXT NOT NULL,\n created_at INTEGER NOT NULL\n )\n `);\n}",[],[259,276,278],"16516f5a-31e2-11f0-87b4-569c3dd06744",["D",1747350755519],[183,184],[259,276],"16516d66-31e2-11f0-87b4-569c3dd06744",["D",1747350755519],[182,185,186],[259],["D",1747350727452],{"_11":12,"_131":71},{"_11":12,"_127":-5,"_70":71,"_31":69,"_128":129,"_130":30},{"_40":74,"_13":16,"_34":37,"_119":85,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":14,"_126":12},"ctx",{"_53":-5,"_150":330,"_331":332,"_333":334,"_335":30,"_336":30,"_337":30,"_338":24,"_339":-5,"_340":-7,"_341":-7,"_342":26,"_343":30,"_344":30,"_345":-5,"_346":30,"_347":30,"_348":30,"_349":-5},"ENV",{"_301":302,"_303":304,"_305":16,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329},"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 · shared