🚀 Sit Tracker & Job Board

\n \n

Sit Tracking 🕰️

Total Sit Time: {Math.floor(totalSitTime / 3600)} hours {Math.floor((totalSitTime % 3600) / 60)} mins

\n {!isCurrentlySitting ? (\n \n ) : (\n \n )}\n

\n {alertTime > 0 && (\n

⏰ Time to Stand Up and Walk Around! ⏰

\n )}\n

\n \n

Post a Job 💼

\n setNewJob({...newJob, title: e.target.value})}\n required \n />\n setNewJob({...newJob, company: e.target.value})}\n required \n />\n

setNewJob({...newJob, description: e.target.value})}\n            required \n          />\n          <button type=\"submit\">Post Job</button>\n        </form>\n\n        <div className=\"job-list\">\n          <h2>Current Job Postings 📋</h2>\n          {jobs.map((job, index) => (\n            <div key={index} className=\"job-card\">\n              <h3>{job.title} @ {job.company}</h3>\n              <p>{job.description}</p>\n            </div>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"chat-section\">\n        <h2>Community Chat 💬</h2>\n        <div className=\"message-list\">\n          {messages.map((msg, index) => (\n            <div key={index} className=\"message\">\n              <strong>{msg.username || 'Anonymous'}</strong>: {msg.content}\n            </div>\n          ))}\n        </div>\n        <form onSubmit={submitMessage}>\n          <input \n            type=\"text\" \n            placeholder=\"Send a message\" \n            value={newMessage}\n            onChange={(e) => setNewMessage(e.target.value)}\n            required \n          />\n          <button type=\"submit\">Send</button>\n        </form>\n      </div>\n      <a \n        href={import.meta.url.replace(\"esm.town\", \"val.town\")} \n        target=\"_top\" \n        style={{color: '#888', textDecoration: 'none', fontSize: '0.8em'}}\n      >\n        View Source\n      </a>\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 KEY = new URL(import.meta.url).pathname.split(\"/\").at(-1);\n  const SCHEMA_VERSION = 4;\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      timestamp 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      username TEXT,\n      content TEXT NOT NULL,\n      timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n    )\n  `);\n\n  // Create sit tracking table\n  await sqlite.execute(`\n    CREATE TABLE IF NOT EXISTS ${KEY}_sit_tracking_${SCHEMA_VERSION} (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      start_time INTEGER NOT NULL,\n      end_time INTEGER,\n      duration INTEGER,\n      timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n    )\n  `);\n\n  // Handle different routes\n  if (request.method === 'GET') {\n    const url = new URL(request.url);\n    \n    if (url.pathname === '/jobs') {\n      const jobs = await sqlite.execute(`\n        SELECT * FROM ${KEY}_jobs_${SCHEMA_VERSION} \n        ORDER BY timestamp DESC \n        LIMIT 20\n      `);\n      return new Response(JSON.stringify(jobs.rows), {\n        headers: { 'Content-Type': 'application/json' }\n      });\n    }\n\n    if (url.pathname === '/messages') {\n      const messages = await sqlite.execute(`\n        SELECT * FROM ${KEY}_messages_${SCHEMA_VERSION} \n        ORDER BY timestamp DESC \n        LIMIT 50\n      `);\n      return new Response(JSON.stringify(messages.rows), {\n        headers: { 'Content-Type': 'application/json' }\n      });\n    }\n\n    if (url.pathname === '/sit-data') {\n      const sitData = await sqlite.execute(`\n        SELECT SUM(duration) as totalSitTime \n        FROM ${KEY}_sit_tracking_${SCHEMA_VERSION}\n      `);\n      return new Response(JSON.stringify({ \n        totalSitTime: sitData.rows[0]?.totalSitTime || 0 \n      }), {\n        headers: { 'Content-Type': 'application/json' }\n      });\n    }\n  }\n\n  if (request.method === 'POST') {\n    const body = await request.json();\n    const url = new URL(request.url);\n\n    if (url.pathname === '/jobs') {\n      await sqlite.execute(`\n        INSERT INTO ${KEY}_jobs_${SCHEMA_VERSION} \n        (title, company, description) VALUES (?, ?, ?)\n      `, [body.title, body.company, body.description]);\n      return new Response('Job posted', { status: 200 });\n    }\n\n    if (url.pathname === '/messages') {\n      await sqlite.execute(`\n        INSERT INTO ${KEY}_messages_${SCHEMA_VERSION} \n        (content, username) VALUES (?, ?)\n      `, [body.content, 'Anonymous']);\n      return new Response('Message sent', { status: 200 });\n    }\n\n    if (url.pathname === '/start-sitting') {\n      await sqlite.execute(`\n        INSERT INTO ${KEY}_sit_tracking_${SCHEMA_VERSION} \n        (start_time) VALUES (?)\n      `, [body.startTime]);\n      return new Response('Sitting started', { status: 200 });\n    }\n\n    if (url.pathname === '/stop-sitting') {\n      await sqlite.execute(`\n        UPDATE ${KEY}_sit_tracking_${SCHEMA_VERSION} \n        SET end_time = ?, duration = ? \n        WHERE start_time = ?\n      `, [body.endTime, body.duration, body.startTime]);\n      return new Response('Sitting stopped', { status: 200 });\n    }\n  }\n\n  return new Response(`\n    <html>\n      <head>\n        <title>Sit Tracker & Job Board</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  line-height: 1.6;\n  margin: 0;\n  padding: 20px;\n  background-color: #f4f4f4;\n}\n.container {\n  max-width: 800px;\n  margin: 0 auto;\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n.sit-tracking {\n  background-color: #e6f3ff;\n  padding: 15px;\n  border-radius: 8px;\n  margin-bottom: 20px;\n}\n.sit-stats {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.alert {\n  background-color: #ffdddd;\n  color: red;\n  padding: 10px;\n  text-align: center;\n  border-radius: 4px;\n  margin-top: 10px;\n}\nform {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin-bottom: 20px;\n}\ninput, textarea {\n  padding: 10px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n}\nbutton {\n  background-color: #4CAF50;\n  color: white;\n  border: none;\n  padding: 10px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.job-card, .message {\n  background-color: #f9f9f9;\n  border-left: 4px solid #4CAF50;\n  padding: 10px;\n  margin-bottom: 10px;\n}\n.chat-section .message-list {\n  max-height: 300px;\n  overflow-y: auto;\n}\n`;","createdAt",["D",1739787183977],"version","currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","olivas20000","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0QTdIM1dKQmhnNG04TXlDdTNOSWJFeTZFSiJ9","forkedVal","interval","slug","olivas20000/sitTrackerApp","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[140],{"_117":31,"_141":-5,"_115":142,"_112":110},"prId",["D",1739787183977],"recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":150,"_128":129,"_98":99,"_20":151,"_147":26,"_94":154,"_138":161,"_117":-5,"_174":31,"_175":176,"_177":120,"_178":-5},"list",{"_112":96,"_128":129,"_115":152,"_153":-5,"_130":131},["D",1739783064482],"bio",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":155,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":156,"_117":31,"_118":155,"_119":120,"_121":31,"_122":31,"_123":120,"_124":31,"_125":31,"_126":-5,"_20":157,"_132":-5,"_133":-7,"_134":135,"_136":137,"_138":158},true,["D",1739787183977],{"_128":129,"_130":131},[159],{"_117":31,"_141":-5,"_115":160,"_112":110},["D",1739787183977],[162],{"_112":110,"_113":114,"_117":31,"_115":163,"_164":99,"_100":101,"_107":108,"_128":129,"_11":96,"_165":-5,"_166":-5,"_167":-5,"_147":26,"_134":135,"_168":-5,"_169":170},["D",1739787183977],"valName","deletedAt","messageId","threadId","previous","stats",{"_171":172,"_173":31},"additions",414,"deletions","page","pageSize",8,"total","redirect","routes/_app","actionData","errors"]
</article></body></html>

sitTrackerApp

Versions

v0