[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_150":151,"_152":153},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_102":84,"_27":36,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":25,"_116":117,"_118":25,"_119":-5,"_120":-5,"_121":122},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":57,"_58":-5,"_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":25},"version",2,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019c084e-2766-11f0-86ff-569c3dd06744","name","fileType","script","content","","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction JobPostingForm() {\n const [title, setTitle] = useState('');\n const [company, setCompany] = useState('');\n const [description, setDescription] = useState('');\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n try {\n const response = await fetch('/submit-job', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ title, company, description })\n });\n if (response.ok) {\n setTitle('');\n setCompany('');\n setDescription('');\n alert('Job posting submitted successfully!');\n }\n } catch (error) {\n console.error('Error submitting job posting:', error);\n }\n };\n\n return (\n

Post a Job

\n setTitle(e.target.value)}\n required \n />\n setCompany(e.target.value)}\n required \n />\n

setDescription(e.target.value)}\n        required \n      />\n      <button type=\"submit\">Post Job</button>\n    </form>\n  );\n}\n\nfunction JobListings() {\n  const [jobs, setJobs] = useState([]);\n\n  useEffect(() => {\n    async function fetchJobs() {\n      try {\n        const response = await fetch('/get-jobs');\n        const data = await response.json();\n        setJobs(data);\n      } catch (error) {\n        console.error('Error fetching jobs:', error);\n      }\n    }\n    fetchJobs();\n    const interval = setInterval(fetchJobs, 60000); // Refresh every minute\n    return () => clearInterval(interval);\n  }, []);\n\n  return (\n    <div className=\"job-listings\">\n      <h2>Job Postings</h2>\n      {jobs.map((job) => (\n        <div key={job.id} className=\"job-card\">\n          <h3>{job.title}</h3>\n          <p><strong>Company:</strong> {job.company}</p>\n          <p>{job.description}</p>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction ChatRoom() {\n  const [messages, setMessages] = useState([]);\n  const [newMessage, setNewMessage] = useState('');\n\n  useEffect(() => {\n    async function fetchMessages() {\n      try {\n        const response = await fetch('/get-messages');\n        const data = await response.json();\n        setMessages(data);\n      } catch (error) {\n        console.error('Error fetching messages:', error);\n      }\n    }\n    fetchMessages();\n    const interval = setInterval(fetchMessages, 5000); // Refresh every 5 seconds\n    return () => clearInterval(interval);\n  }, []);\n\n  const handleSendMessage = async (e) => {\n    e.preventDefault();\n    try {\n      const response = await fetch('/send-message', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ content: newMessage })\n      });\n      if (response.ok) {\n        setNewMessage('');\n      }\n    } catch (error) {\n      console.error('Error sending message:', error);\n    }\n  };\n\n  return (\n    <div className=\"chat-room\">\n      <h2>Community Chat</h2>\n      <div className=\"message-list\">\n        {messages.map((msg) => (\n          <div key={msg.id} className=\"message\">\n            <strong>{msg.username || 'Anonymous'}</strong>: {msg.content}\n          </div>\n        ))}\n      </div>\n      <form onSubmit={handleSendMessage} className=\"message-form\">\n        <input \n          type=\"text\" \n          value={newMessage}\n          onChange={(e) => setNewMessage(e.target.value)}\n          placeholder=\"Type a message...\"\n          required \n        />\n        <button type=\"submit\">Send</button>\n      </form>\n    </div>\n  );\n}\n\nfunction App() {\n  return (\n    <div className=\"job-chat-app\">\n      <h1>Job Opportunities Platform</h1>\n      <div className=\"app-container\">\n        <div className=\"left-panel\">\n          <JobPostingForm />\n          <JobListings />\n        </div>\n        <div className=\"right-panel\">\n          <ChatRoom />\n        </div>\n      </div>\n      <footer>\n        <a href={import.meta.url.replace(\"esm.town\", \"val.town\")} target=\"_top\">View Source</a>\n      </footer>\n    </div>\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<App />);\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise<Response> {\n  const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n  const SCHEMA_VERSION = 3;\n  const KEY = \"JOBPOSTING2\";\n\n  // Create jobs table\n  await sqlite.execute(`\n    CREATE TABLE IF NOT EXISTS ${KEY}_jobs_${SCHEMA_VERSION} (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      title TEXT NOT NULL,\n      company TEXT NOT NULL,\n      description TEXT NOT NULL,\n      created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n    )\n  `);\n\n  // Create messages table\n  await sqlite.execute(`\n    CREATE TABLE IF NOT EXISTS ${KEY}_messages_${SCHEMA_VERSION} (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      content TEXT NOT NULL,\n      username TEXT,\n      created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n    )\n  `);\n\n  // Handle job submission\n  if (request.method === 'POST' && new URL(request.url).pathname === '/submit-job') {\n    const { title, company, description } = await request.json();\n    await sqlite.execute(\n      `INSERT INTO ${KEY}_jobs_${SCHEMA_VERSION} (title, company, description) VALUES (?, ?, ?)`,\n      [title, company, description]\n    );\n    return new Response(JSON.stringify({ success: true }), { \n      headers: { 'Content-Type': 'application/json' } \n    });\n  }\n\n  // Handle get jobs\n  if (request.method === 'GET' && new URL(request.url).pathname === '/get-jobs') {\n    const jobs = await sqlite.execute(`\n      SELECT * FROM ${KEY}_jobs_${SCHEMA_VERSION} \n      ORDER BY created_at DESC \n      LIMIT 50\n    `);\n    return new Response(JSON.stringify(jobs.rows), { \n      headers: { 'Content-Type': 'application/json' } \n    });\n  }\n\n  // Handle send message\n  if (request.method === 'POST' && new URL(request.url).pathname === '/send-message') {\n    const { content } = await request.json();\n    await sqlite.execute(\n      `INSERT INTO ${KEY}_messages_${SCHEMA_VERSION} (content, username) VALUES (?, ?)`,\n      [content, 'Anonymous']\n    );\n    return new Response(JSON.stringify({ success: true }), { \n      headers: { 'Content-Type': 'application/json' } \n    });\n  }\n\n  // Handle get messages\n  if (request.method === 'GET' && new URL(request.url).pathname === '/get-messages') {\n    const messages = await sqlite.execute(`\n      SELECT * FROM ${KEY}_messages_${SCHEMA_VERSION} \n      ORDER BY created_at DESC \n      LIMIT 50\n    `);\n    return new Response(JSON.stringify(messages.rows), { \n      headers: { 'Content-Type': 'application/json' } \n    });\n  }\n\n  // Main page render\n  return new Response(`\n    <html>\n      <head>\n        <title>Job Opportunities Platform</title>\n        <style>${css}</style>\n      </head>\n      <body>\n        <div id=\"root\"></div>\n        <script src=\"https://esm.town/v/std/catch\"></script>\n        <script type=\"module\" src=\"${import.meta.url}\"></script>\n      </body>\n    </html>\n  `, {\n    headers: { 'Content-Type': 'text/html' }\n  });\n}\n\nconst css = `\nbody {\n  font-family: Arial, sans-serif;\n  margin: 0;\n  padding: 0;\n  background-color: #f4f4f4;\n}\n\n.job-chat-app {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n}\n\n.app-container {\n  display: flex;\n  gap: 20px;\n}\n\n.left-panel, .right-panel {\n  flex: 1;\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.job-form, .job-listings, .chat-room {\n  margin-bottom: 20px;\n}\n\n.job-form input, .job-form textarea {\n  width: 100%;\n  margin-bottom: 10px;\n  padding: 8px;\n}\n\n.job-card {\n  border: 1px solid #e0e0e0;\n  padding: 10px;\n  margin-bottom: 10px;\n}\n\n.message-list {\n  height: 400px;\n  overflow-y: auto;\n  border: 1px solid #e0e0e0;\n  padding: 10px;\n}\n\n.message {\n  margin-bottom: 5px;\n}\n\nfooter {\n  text-align: center;\n  margin-top: 20px;\n}\n`;","createdAt",["D",1742852318084],"branchVersion","branchId","0199f9aa-2766-11f0-86ff-569c3dd06744","id","0199a95a-2766-11f0-86ff-569c3dd06744","JOBPOSTING2",["D",1746197951545],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","5a8b17e0-08a0-11f0-976d-f77b6c55bdf0","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0e8000e1-d102-4386-9a6b-8180666ee7cc","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},"branch",{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","ladyann","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ1bERzblozWEhmcXpDdWZNaGNOY1JvQjFrdyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":146,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":57,"_58":-5,"_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":147,"_79":148,"_81":149,"_83":25},"tree",[141],"files",[141],"counts",{"_131":61,"_132":128,"_133":61,"_134":135,"_136":137},"contents",[123],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":124,"_32":28,"_30":31,"_125":-5,"_41":42,"_40":14,"_126":57,"_38":127,"_13":128,"_33":34,"_35":37,"_24":25,"_129":-5,"_27":130},"01a1b730-2766-11f0-86ff-569c3dd06744","parentId","latest",["D",1742852318084],1,"label",[28],"pulls","branches","forks","envVars",{"_138":61,"_140":61},"connections",{"_138":61,"_139":61},"count","unfilledCount","emptyCount",{"_43":124,"_32":28,"_30":31,"_125":-5,"_41":42,"_40":14,"_126":57,"_38":142,"_13":128,"_33":34,"_35":37,"_24":25,"_129":-5,"_143":144,"_27":145},["D",1742852318084],"children",[],[28],["D",1746197951545],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_77":-5,"_120":183,"_184":185,"_186":187,"_188":25,"_189":25,"_190":25,"_191":57,"_192":-5,"_193":-7,"_194":-7,"_195":61,"_196":25,"_197":25,"_198":-5,"_199":25,"_200":25,"_201":25,"_202":-5},"ENV",{"_154":155,"_156":157,"_158":84,"_159":160,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182},"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"]
</article></body></html>

Diff · v2