🙏 Daily Spiritual Growth Tracker

\n \n

\n setUsername(e.target.value)}\n />\n \n

\n\n

\n \n setNewEntry({...newEntry, prayer: e.target.checked})}\n /> \n Prayer Time\n \n \n setNewEntry({...newEntry, bibleReading: e.target.checked})}\n /> \n Bible Reading\n \n \n setNewEntry({...newEntry, worship: e.target.checked})}\n /> \n Worship/Meditation\n \n

setNewEntry({...newEntry, reflection: e.target.value})}\n        />\n        <button onClick={trackDailySpirit}>Record Today's Spiritual Moments</button>\n      </div>\n\n      <div className=\"bible-download-section\">\n        <h2>📖 Download Bible Books</h2>\n        <div className=\"bible-book-selector\">\n          {BIBLE_BOOKS.map((book) => (\n            <label key={book} className=\"book-checkbox\">\n              <input \n                type=\"checkbox\" \n                checked={selectedBooks.includes(book)}\n                onChange={() => toggleBookSelection(book)}\n              />\n              {book}\n            </label>\n          ))}\n        </div>\n        <button onClick={downloadBible}>Download Selected Books</button>\n      </div>\n\n      <div className=\"bible-reading-guide\">\n        <h2>📖 Bible in One Year Reading Plan</h2>\n        {BIBLE_READING_PLAN.map((monthPlan, index) => (\n          <div key={index} className=\"reading-suggestion\">\n            <h3>{monthPlan.month}</h3>\n            {monthPlan.readings.map((reading, readingIndex) => (\n              <div key={readingIndex}>\n                <p>{reading.book}: Chapters {reading.chapters.join(', ')}</p>\n              </div>\n            ))}\n          </div>\n        ))}\n      </div>\n\n      <div className=\"prayer-requests\">\n        <h2>🤲 Prayer Requests</h2>\n        <div className=\"prayer-request-list\">\n          {prayerRequests.map((request, index) => (\n            <div key={index} className=\"prayer-request-item\">\n              <p>{request.request}</p>\n              <small>By {request.username || 'Anonymous'} at {new Date(request.timestamp).toLocaleString()}</small>\n            </div>\n          ))}\n        </div>\n        <div className=\"prayer-request-input\">\n          <textarea \n            placeholder=\"Share your prayer request anonymously...\"\n            value={newPrayerRequest}\n            onChange={(e) => setNewPrayerRequest(e.target.value)}\n          />\n          <button onClick={submitPrayerRequest}>Submit Prayer Request</button>\n        </div>\n      </div>\n\n      <div className=\"progress-view\">\n        <h2>Your Spiritual Journey 🌱</h2>\n        {entries.map((entry, index) => (\n          <div key={index} className=\"journal-entry\">\n            <p>Date: {entry.date}</p>\n            <p>👤 Username: {entry.username || 'Anonymous'}</p>\n            <p>✅ Prayer: {entry.prayer ? \"Completed\" : \"Not Done\"}</p>\n            <p>📖 Bible Reading: {entry.bibleReading ? \"Completed\" : \"Not Done\"}</p>\n            <p>🎵 Worship: {entry.worship ? \"Completed\" : \"Not Done\"}</p>\n            {entry.reflection && <p>Reflection: {entry.reflection}</p>}\n          </div>\n        ))}\n      </div>\n      <a \n        href={import.meta.url.replace(\"esm.town\", \"val.town\")} \n        target=\"_top\" \n        style={{color: '#666', fontSize: '0.8em'}}\n      >\n        View Source\n      </a>\n    </div>\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<SpiritualJourneyTracker />);\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 = \"spiritualJourneyApp\";\n  const SCHEMA_VERSION = 4;\n\n  // Create tables with username column\n  await sqlite.execute(`\n    CREATE TABLE IF NOT EXISTS ${KEY}_users_${SCHEMA_VERSION} (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      username TEXT UNIQUE NOT NULL\n    )\n  `);\n\n  await sqlite.execute(`\n    CREATE TABLE IF NOT EXISTS ${KEY}_spiritual_journal_${SCHEMA_VERSION} (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      username TEXT,\n      date TEXT NOT NULL,\n      prayer BOOLEAN NOT NULL,\n      bible_reading BOOLEAN NOT NULL,\n      worship BOOLEAN NOT NULL,\n      reflection TEXT\n    )\n  `);\n\n  await sqlite.execute(`\n    CREATE TABLE IF NOT EXISTS ${KEY}_prayer_requests_${SCHEMA_VERSION} (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      username TEXT,\n      request TEXT NOT NULL,\n      timestamp TEXT NOT NULL\n    )\n  `);\n\n  // Handle username saving\n  if (request.method === 'POST' && request.url.includes('/save-username')) {\n    const { username } = await request.json();\n    try {\n      await sqlite.execute(`\n        INSERT OR REPLACE INTO ${KEY}_users_${SCHEMA_VERSION} (username) \n        VALUES (?)\n      `, [username]);\n      return new Response(JSON.stringify({ success: true, username }), {\n        headers: { 'Content-Type': 'application/json' }\n      });\n    } catch (error) {\n      return new Response(JSON.stringify({ success: false, error: error.message }), {\n        status: 500,\n        headers: { 'Content-Type': 'application/json' }\n      });\n    }\n  }\n\n  // Handle username retrieval\n  if (request.method === 'GET' && request.url.includes('/get-username')) {\n    try {\n      const result = await sqlite.execute(`\n        SELECT username FROM ${KEY}_users_${SCHEMA_VERSION} LIMIT 1\n      `);\n      const username = result.rows[0]?.username;\n      return new Response(JSON.stringify({ username }), {\n        headers: { 'Content-Type': 'application/json' }\n      });\n    } catch (error) {\n      return new Response(JSON.stringify({ username: null }), {\n        headers: { 'Content-Type': 'application/json' }\n      });\n    }\n  }\n\n  // Bible download endpoint\n  if (request.method === 'POST' && request.url.includes('/download-bible')) {\n    const { books } = await request.json();\n    \n    // Generate a simple text representation of selected books\n    const bibleContent = books.map(book => \n      `${book}\\n\\n[Placeholder text for ${book}. In a real application, this would be actual Bible text.]`\n    ).join('\\n\\n');\n\n    return new Response(bibleContent, {\n      headers: {\n        'Content-Type': 'text/plain',\n        'Content-Disposition': 'attachment; filename=bible_download.txt'\n      }\n    });\n  }\n\n  // Existing tracking and prayer request logic with username\n  if (request.method === 'POST' && request.url.includes('/track')) {\n    const entry = await request.json();\n    await sqlite.execute(`\n      INSERT INTO ${KEY}_spiritual_journal_${SCHEMA_VERSION} \n      (username, date, prayer, bible_reading, worship, reflection) \n      VALUES (?, ?, ?, ?, ?, ?)\n    `, [\n      entry.username || null,\n      entry.date, \n      entry.prayer ? 1 : 0, \n      entry.bibleReading ? 1 : 0, \n      entry.worship ? 1 : 0, \n      entry.reflection\n    ]);\n\n    return new Response(JSON.stringify(entry), {\n      headers: { 'Content-Type': 'application/json' }\n    });\n  }\n\n  if (request.method === 'POST' && request.url.includes('/prayer-request')) {\n    const prayerRequest = await request.json();\n    await sqlite.execute(`\n      INSERT INTO ${KEY}_prayer_requests_${SCHEMA_VERSION} \n      (username, request, timestamp) \n      VALUES (?, ?, ?)\n    `, [\n      prayerRequest.username || null,\n      prayerRequest.request,\n      prayerRequest.timestamp\n    ]);\n\n    return new Response(JSON.stringify(prayerRequest), {\n      headers: { 'Content-Type': 'application/json' }\n    });\n  }\n\n  return new Response(`\n    <html>\n      <head>\n        <title>Spiritual Journey Tracker</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  max-width: 800px;\n  margin: 0 auto;\n  padding: 20px;\n  background-color: #f4f4f4;\n}\n.spiritual-journey-tracker {\n  background-color: white;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n.username-section {\n  display: flex;\n  margin-bottom: 20px;\n  gap: 10px;\n}\n.username-section input {\n  flex-grow: 1;\n  padding: 10px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n}\n.daily-checklist, .bible-reading-guide, .prayer-requests, .bible-download-section {\n  margin-bottom: 20px;\n  padding: 15px;\n  background-color: #f9f9f9;\n  border-radius: 8px;\n}\n.daily-checklist label {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\ntextarea {\n  width: 100%;\n  min-height: 100px;\n  margin: 10px 0;\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 15px;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background-color 0.3s;\n}\nbutton:hover {\n  background-color: #45a049;\n}\n.reading-suggestion {\n  background-color: #e6f3e6;\n  padding: 10px;\n  margin-bottom: 10px;\n  border-radius: 4px;\n}\n.bible-book-selector {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n  gap: 10px;\n  max-height: 300px;\n  overflow-y: auto;\n}\n.book-checkbox {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.prayer-request-list {\n  max-height: 300px;\n  overflow-y: auto;\n}\n.prayer-request-item {\n  background-color: #f0f0f0;\n  padding: 10px;\n  margin-bottom: 10px;\n  border-radius: 4px;\n}\n.prayer-request-item small {\n  color: #666;\n  display: block;\n  margin-top: 5px;\n}\n.progress-view {\n  margin-top: 20px;\n}\n.journal-entry {\n  background-color: #f9f9f9;\n  border-radius: 4px;\n  padding: 10px;\n  margin-bottom: 10px;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/Derams/spiritualJourneyApp/code/main.tsx","extension","actionData","errors"]
</article></body></html>