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}",[],[257,249],"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",[],[257,259],"48928bd4-31e2-11f0-9a73-569c3dd06744","favicon.svg","48928ca6-31e2-11f0-9a73-569c3dd06744",9,["D",1747350839831],"\n",[],[257,267],"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",[],[257,103],"34894dda-31e2-11f0-9cdd-569c3dd06744",6,["D",1747350806196],[213,214,215,216],[257],["D",1747350835531],[],[18,83],["D",1747350856856],[],[18,103],"1bad031a-31e2-11f0-997f-569c3dd06744","queries.ts","1bad03e2-31e2-11f0-997f-569c3dd06744",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}",[],[18,67,293],"16514958-31e2-11f0-87b4-569c3dd06744","migrations.ts","16514a16-31e2-11f0-87b4-569c3dd06744",["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}",[],[18,67,301],["D",1747350755519],[208,209],[18,67],["D",1747350755519],[207,210,211],[18],["D",1747350727452],{"_11":12,"_152":73},{"_11":12,"_148":-5,"_72":73,"_31":71,"_149":150,"_151":30},{"_42":139,"_13":16,"_36":39,"_140":106,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":14,"_147":12},"ctx",{"_55":-5,"_171":350,"_351":352,"_353":354,"_355":30,"_356":30,"_357":30,"_358":24,"_359":-5,"_360":-7,"_361":-7,"_362":26,"_363":30,"_364":30,"_365":-5,"_366":30,"_367":30,"_368":30,"_369":-5},"ENV",{"_321":322,"_323":324,"_325":16,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349},"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 · backend