Loading books...

';\n \n const response = await fetch('/api/books');\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({}));\n throw new Error(errorData.error || `Server returned ${response.status}`);\n }\n \n books = await response.json();\n renderBooks();\n } catch (error) {\n console.error('Error loading books:', error);\n booksContainer.innerHTML = `\n

Failed to load books: ${error.message || 'Unknown error'}

\n \n

\n `;\n document.getElementById('retry-button')?.addEventListener('click', loadBooks);\n }\n}\n\n// Render books to the DOM\nfunction renderBooks() {\n if (books.length === 0) {\n booksContainer.innerHTML = `\n

No books have been suggested yet.

Be the first to suggest a book!

\n `;\n return;\n }\n \n booksContainer.innerHTML = '';\n \n books.forEach(book => {\n const bookElement = bookTemplate.content.cloneNode(true);\n \n // Set book details\n bookElement.querySelector('.book-title').textContent = book.title;\n bookElement.querySelector('.book-author').textContent = `by ${book.author}`;\n \n const descriptionEl = bookElement.querySelector('.book-description');\n if (book.description) {\n descriptionEl.textContent = book.description;\n } else {\n descriptionEl.remove();\n }\n \n bookElement.querySelector('.book-suggester').textContent = book.suggested_by || 'Anonymous';\n bookElement.querySelector('.vote-count').textContent = book.votes;\n \n // Set up voting\n const voteButton = bookElement.querySelector('.vote-button');\n const bookItem = bookElement.querySelector('.book-item');\n bookItem.dataset.id = book.id;\n \n // Check if user has already voted for this book\n checkVoteStatus(book.id).then(hasVoted => {\n if (hasVoted) {\n voteButton.classList.add('voted');\n }\n });\n \n voteButton.addEventListener('click', () => handleVote(book.id, voteButton));\n \n booksContainer.appendChild(bookElement);\n });\n}\n\n// Check if the user has voted for a book\nasync function checkVoteStatus(bookId) {\n try {\n const response = await fetch(`/api/books/${bookId}/vote/${userId}`);\n \n if (!response.ok) {\n throw new Error('Failed to check vote status');\n }\n \n const result = await response.json();\n return result.hasVoted;\n } catch (error) {\n console.error('Error checking vote status:', error);\n return false;\n }\n}\n\n// Handle voting for a book\nasync function handleVote(bookId, voteButton) {\n const isVoted = voteButton.classList.contains('voted');\n const method = isVoted ? 'DELETE' : 'POST';\n \n try {\n // Disable the button during the request\n voteButton.disabled = true;\n voteButton.style.opacity = '0.5';\n \n const response = await fetch(`/api/books/${bookId}/vote`, {\n method,\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ voter_id: userId })\n });\n \n if (!response.ok) {\n const error = await response.json();\n throw new Error(error.error || `Failed to process vote (${response.status})`);\n }\n \n // Toggle voted class\n voteButton.classList.toggle('voted');\n \n // Update vote count\n const voteCountEl = voteButton.nextElementSibling;\n const currentCount = parseInt(voteCountEl.textContent);\n voteCountEl.textContent = isVoted ? currentCount - 1 : currentCount + 1;\n \n // Refresh the book list to get updated order\n setTimeout(loadBooks, 500);\n } catch (error) {\n console.error('Error voting:', error);\n alert(`Voting error: ${error.message}`);\n } finally {\n // Re-enable the button\n voteButton.disabled = false;\n voteButton.style.opacity = '1';\n }\n}\n\n// Handle book form submission\nbookForm.addEventListener('submit', async (event) => {\n event.preventDefault();\n \n // Disable the submit button to prevent double submissions\n const submitButton = bookForm.querySelector('button[type=\"submit\"]');\n const originalButtonText = submitButton.textContent;\n submitButton.disabled = true;\n submitButton.textContent = 'Adding...';\n \n const formData = new FormData(bookForm);\n const title = formData.get('title')?.trim();\n const author = formData.get('author')?.trim();\n \n // Client-side validation\n if (!title || !author) {\n alert('Title and author are required');\n submitButton.disabled = false;\n submitButton.textContent = originalButtonText;\n return;\n }\n \n const bookData = {\n title,\n author,\n description: formData.get('description')?.trim() || '',\n suggested_by: formData.get('suggested-by')?.trim() || 'Anonymous'\n };\n \n try {\n const response = await fetch('/api/books', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(bookData)\n });\n \n if (!response.ok) {\n const error = await response.json();\n throw new Error(error.error || 'Failed to add book');\n }\n \n // Get the new book data before reloading\n const newBook = await response.json();\n \n // Clear form\n bookForm.reset();\n \n // Reload books\n await loadBooks();\n \n // Highlight the new book\n setTimeout(() => {\n const bookElement = document.querySelector(`.book-item[data-id=\"${newBook.id}\"]`);\n if (bookElement) {\n bookElement.classList.add('new-book');\n bookElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n }, 100);\n } catch (error) {\n console.error('Error adding book:', error);\n alert(`Error adding book: ${error.message}`);\n } finally {\n // Re-enable the submit button\n submitButton.disabled = false;\n submitButton.textContent = originalButtonText;\n }\n});\n\n// Initialize the app\nloadBooks();\n\n// Set up view source link\ndocument.getElementById('view-source').addEventListener('click', (e) => {\n // This will be replaced by the backend with the actual URL\n if (window.sourceUrl) {\n e.target.href = window.sourceUrl;\n }\n});",[],[106,124],"edbb169a-356a-11f0-95ba-9e149126039e",["D",1747739381966],"\n\n\n \n \n Book Club Suggestions\n \n \n \n\n\n

Book Club Suggestions

Suggest books and vote for your favorites!

\n View Source\n

\n\n

Suggest a New Book

\n \n

\n\n

Book Suggestions

Loading books...

\n\n \n \n\n \n\n",[],[106,104],["D",1747739120885],[317,318,319],[106],"4641ad56-356b-11f0-8be8-9e149126039e",["D",1747739530488],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { cors } from \"https://esm.sh/hono@3.11.7/middleware\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\n// Initialize the Hono 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// Database setup\nconst BOOKS_TABLE = \"book_club_books\";\nconst VOTES_TABLE = \"book_club_votes\";\n\nasync function setupDatabase() {\n // Create books table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${BOOKS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n author TEXT NOT NULL,\n description TEXT,\n suggested_by TEXT,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Create votes table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${VOTES_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n book_id INTEGER NOT NULL,\n voter_id TEXT NOT NULL,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP,\n UNIQUE(book_id, voter_id)\n )\n `);\n}\n\n// Run database setup\n// Make sure database is set up before handling requests\nlet dbInitialized = false;\nsetupDatabase()\n .then(() => {\n dbInitialized = true;\n console.log(\"Database initialized successfully\");\n })\n .catch(error => {\n console.error(\"Database initialization failed:\", error);\n throw error; // Re-throw to see the error in logs\n });\n\n// Middleware to check if database is initialized\napp.use(\"*\", async (c, next) => {\n if (!dbInitialized && !c.req.path.includes(\"frontend/\")) {\n return c.json({ error: \"Database is initializing, please try again in a moment\" }, 503);\n }\n return await next();\n});\n\n// API Routes\n// Get all books with vote counts\napp.get(\"/api/books\", async (c) => {\n const books = await sqlite.execute(`\n SELECT \n b.id, \n b.title, \n b.author, \n b.description, \n b.suggested_by, \n b.created_at,\n COUNT(v.id) as votes\n FROM ${BOOKS_TABLE} b\n LEFT JOIN ${VOTES_TABLE} v ON b.id = v.book_id\n GROUP BY b.id\n ORDER BY votes DESC, b.created_at DESC\n `);\n \n return c.json(books);\n});\n\n// Check if a user has voted for a book\napp.get(\"/api/books/:id/vote/:voter_id\", async (c) => {\n const bookId = c.req.param(\"id\");\n const voterId = c.req.param(\"voter_id\");\n \n const vote = await sqlite.execute(\n `SELECT id FROM ${VOTES_TABLE} WHERE book_id = ? AND voter_id = ?`,\n [bookId, voterId]\n );\n \n return c.json({ hasVoted: vote.length > 0 });\n});\n\n// Add a new book\napp.post(\"/api/books\", async (c) => {\n const { title, author, description, suggested_by } = await c.req.json();\n \n if (!title || !author) {\n return c.json({ error: \"Title and author are required\" }, 400);\n }\n \n const result = await sqlite.execute(\n `INSERT INTO ${BOOKS_TABLE} (title, author, description, suggested_by) \n VALUES (?, ?, ?, ?)\n RETURNING id, title, author, description, suggested_by, created_at`,\n [title, author, description || \"\", suggested_by || \"Anonymous\"]\n );\n \n return c.json(result[0]);\n});\n\n// Vote for a book\napp.post(\"/api/books/:id/vote\", async (c) => {\n const bookId = c.req.param(\"id\");\n const { voter_id } = await c.req.json();\n \n if (!voter_id) {\n return c.json({ error: \"Voter ID is required\" }, 400);\n }\n \n try {\n // Check if book exists\n const book = await sqlite.execute(\n `SELECT id FROM ${BOOKS_TABLE} WHERE id = ?`,\n [bookId]\n );\n \n if (book.length === 0) {\n return c.json({ error: \"Book not found\" }, 404);\n }\n \n // Try to insert vote, will fail if already voted due to UNIQUE constraint\n await sqlite.execute(\n `INSERT INTO ${VOTES_TABLE} (book_id, voter_id) VALUES (?, ?)`,\n [bookId, voter_id]\n );\n \n return c.json({ success: true });\n } catch (error) {\n if (error.message?.includes(\"UNIQUE constraint failed\")) {\n return c.json({ error: \"Already voted for this book\" }, 400);\n }\n throw error;\n }\n});\n\n// Remove a vote\napp.delete(\"/api/books/:id/vote\", async (c) => {\n const bookId = c.req.param(\"id\");\n const { voter_id } = await c.req.json();\n \n if (!voter_id) {\n return c.json({ error: \"Voter ID is required\" }, 400);\n }\n \n await sqlite.execute(\n `DELETE FROM ${VOTES_TABLE} WHERE book_id = ? AND voter_id = ?`,\n [bookId, voter_id]\n );\n \n return c.json({ success: true });\n});\n\n// Serve the frontend\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Add source URL for the \"View Source\" link\n const sourceUrl = import.meta.url.replace(\"esm.sh\", \"val.town\");\n html = html.replace('', ``);\n \n return c.html(html);\n});\n\napp.get(\"/frontend/*\", async (c) => {\n try {\n const path = c.req.path;\n const content = await readFile(path, import.meta.url);\n \n // Map file extensions to content types\n const contentTypeMap = {\n \".css\": \"text/css\",\n \".js\": \"text/javascript\",\n \".html\": \"text/html\",\n \".json\": \"application/json\",\n \".svg\": \"image/svg+xml\",\n \".png\": \"image/png\",\n \".jpg\": \"image/jpeg\",\n \".jpeg\": \"image/jpeg\",\n \".gif\": \"image/gif\"\n };\n \n // Get file extension\n const extension = path.substring(path.lastIndexOf(\".\")).toLowerCase();\n const contentType = contentTypeMap[extension] || \"text/plain\";\n \n return new Response(content, {\n headers: { \"Content-Type\": contentType }\n });\n } catch (error) {\n return new Response(\"File not found\", { status: 404 });\n }\n});\n\n// Export the Hono app\nexport default app.fetch;",[],[90,79],["D",1747739101546],[315],[90],["D",1747738955292],{"_11":12,"_265":85},{"_11":12,"_261":-5,"_84":85,"_25":83,"_262":263,"_264":24},{"_49":214,"_13":16,"_43":46,"_253":219,"_254":-5,"_255":-5,"_256":-5,"_257":-5,"_258":-5,"_259":14,"_260":12},"ctx",{"_61":-5,"_285":388,"_389":390,"_391":392,"_393":24,"_394":24,"_395":24,"_396":230,"_397":-5,"_398":-7,"_399":-7,"_400":20,"_401":24,"_402":24,"_403":-5,"_404":24,"_405":24,"_406":24,"_407":-5},"ENV",{"_359":360,"_361":362,"_363":16,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375,"_376":377,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387},"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