📖 AI Book Companion

Let AI understand your reading mood

\n\n

How are you feeling today?

\n {moods.map((moodOption) => (\n \n ))}\n

\n\n

\n \n\n {error &&

{error}

}\n\n

\n {recommendations.map((book, index) => (\n

{book.title}

by {book.author}

{book.description}

\n 🌟 {book.rating || 'N/A'}\n 🏷️ {book.genre}\n

\n ))}\n

\n\n \n View AI Recommendation Engine Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (new URL(request.url).pathname === '/ai-recommendations') {\n try {\n const { mood } = await request.json();\n \n // Dynamic AI-powered book recommendations\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n const completion = await openai.chat.completions.create({\n messages: [\n { \n role: \"system\", \n content: \"You are a book recommendation AI. Generate a list of 3 book recommendations based on the user's mood. Always return a valid JSON array of book recommendations.\" \n },\n { \n role: \"user\", \n content: `Generate book recommendations for someone feeling ${mood}. IMPORTANT: Provide recommendations as a VALID JSON array with these exact keys: [{\"title\": \"\", \"author\": \"\", \"genre\": \"\", \"rating\": \"\", \"description\": \"\"}]. Ensure the JSON is parseable.` \n }\n ],\n model: \"gpt-4o-mini\",\n response_format: { type: \"json_object\" }\n });\n\n // Log the raw response for debugging\n console.log('Raw OpenAI Response:', completion.choices[0].message.content);\n\n // Attempt to parse the response, with fallback\n let recommendations = [];\n try {\n const parsed = JSON.parse(completion.choices[0].message.content);\n recommendations = Array.isArray(parsed) ? parsed : parsed.recommendations || [];\n } catch (parseError) {\n console.error('JSON Parsing Error:', parseError);\n recommendations = [\n {\n title: \"Parsing Error\",\n author: \"AI Assistant\",\n description: \"Unable to generate recommendations. Please try again.\",\n genre: \"Error\",\n rating: \"N/A\"\n }\n ];\n }\n\n // Ensure we always return an array\n return new Response(JSON.stringify(recommendations), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n console.error('Recommendation generation error:', error);\n return new Response(JSON.stringify([\n {\n title: \"Server Error\",\n author: \"AI Assistant\",\n description: \"An unexpected error occurred. Please try again later.\",\n genre: \"Error\",\n rating: \"N/A\"\n }\n ]), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n return new Response(`\n \n \n AI Book Companion\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n background-color: #f4f6f9;\n margin: 0;\n line-height: 1.6;\n color: #333;\n}\n\n.book-ai-container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px;\n}\n\n.header {\n text-align: center;\n margin-bottom: 30px;\n}\n\n.header h1 {\n font-size: 2.5rem;\n color: #2c3e50;\n margin-bottom: 10px;\n}\n\n.mood-selector {\n background-color: white;\n border-radius: 12px;\n padding: 30px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n margin-bottom: 30px;\n}\n\n.mood-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 15px;\n}\n\n.mood-button {\n display: flex;\n flex-direction: column;\n align-items: center;\n background-color: #f0f4f8;\n border: 2px solid transparent;\n border-radius: 10px;\n padding: 15px;\n cursor: pointer;\n transition: all 0.3s ease;\n}\n\n.mood-button.selected {\n border-color: #4a90e2;\n background-color: #e6f2ff;\n}\n\n.mood-emoji {\n font-size: 3rem;\n margin-bottom: 10px;\n}\n\n.mood-label {\n font-weight: bold;\n margin-bottom: 5px;\n}\n\n.generate-button {\n display: block;\n width: 100%;\n padding: 15px;\n background-color: #4a90e2;\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 1.1rem;\n cursor: pointer;\n transition: background-color 0.3s ease;\n}\n\n.recommendations-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 30px;\n}\n\n.book-card {\n background-color: white;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n}\n\n.book-card:hover {\n transform: scale(1.03);\n}\n\n.book-image img {\n width: 100%;\n height: 350px;\n object-fit: cover;\n}\n\n.book-details {\n padding: 20px;\n}\n\n.book-details h3 {\n margin: 0 0 10px;\n color: #2c3e50;\n}\n\n.book-author {\n color: #7f8c8d;\n margin-bottom: 10px;\n}\n\n.book-description {\n color: #34495e;\n margin-bottom: 15px;\n}\n\n.book-meta {\n display: flex;\n justify-content: space-between;\n color: #2980b9;\n}\n\n.source-link {\n display: block;\n text-align: center;\n margin-top: 30px;\n color: #7f8c8d;\n text-decoration: none;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/Rogueox/Book_Recommendation_System/code/main.tsx","extension","actionData","errors"]