Children's Book Creator

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_172":173,"_174":175},"routes/_app.x.$handle.$name",{"_92":91,"_31":43,"_100":82,"_26":35,"_13":14,"_101":-5,"_11":102,"_103":104,"_105":106,"_107":108,"_109":110,"_20":-5,"_111":-5,"_112":-5,"_113":24,"_114":115,"_116":117,"_118":-5,"_119":-5,"_120":121},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":-5,"_54":24,"_55":-5,"_56":-5,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":-5,"_64":-5,"_65":66,"_67":66,"_68":69,"_70":69,"_71":69,"_72":66,"_73":66,"_74":75,"_76":77,"_78":79,"_80":24},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","new-file-3576.ts","latestPath","fileId","668869e6-f7ef-11f0-adf1-42dde27851f2","name","fileType","script","content","","createdAt",["D",1769126803783],"branchVersion","branchId","44cbe25e-f7ec-11f0-af26-42dde27851f2","id","44cb7742-f7ec-11f0-af26-42dde27851f2","untitled-5504",["D",1769125458696],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","21f2e37e-8066-4730-9dc7-d27cf8d3c9f3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","0630d977-f678-453e-926c-52043293f59f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_92":91,"_99":95},"org",{"_92":91,"_93":-5,"_94":95,"_18":52,"_96":97,"_98":24},"branch",{"_13":81,"_31":82,"_41":40,"_83":42,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":43,"_90":91},"isOwned",6,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","c15r","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yb2RJNlc1czZ1NlpZRmoxdGJ2eFVNNVhmeTYifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_41":42,"_31":43,"_36":168,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":-5,"_54":24,"_55":-5,"_56":-5,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":-5,"_64":-5,"_65":66,"_67":66,"_68":69,"_70":69,"_71":69,"_72":66,"_73":66,"_74":169,"_76":170,"_78":171,"_80":24},"tree",[155,156,157],"files",[155,156,157],"counts",{"_145":58,"_146":142,"_147":58,"_148":149,"_150":151},"contents",[122,123,124],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_41":139,"_31":140,"_29":141,"_126":-5,"_39":40,"_38":142,"_127":117,"_36":143,"_13":58,"_32":33,"_34":35,"_23":24,"_129":-5,"_26":144},{"_41":131,"_31":132,"_29":133,"_126":-5,"_39":40,"_38":134,"_127":24,"_36":135,"_13":58,"_32":136,"_34":137,"_23":24,"_129":-5,"_26":138},{"_41":125,"_31":27,"_29":30,"_126":-5,"_39":40,"_38":14,"_127":117,"_36":128,"_13":58,"_32":33,"_34":35,"_23":24,"_129":-5,"_26":130},"6688691e-f7ef-11f0-adf1-42dde27851f2","parentId","latest",["D",1769126803783],"label",[27],"3cc10b36-f7ef-11f0-831d-42dde27851f2","main.tsx","3cc10be0-f7ef-11f0-831d-42dde27851f2",2,["D",1769126733599],"http","/** @jsxImportSource https://esm.sh/react@18 */\nimport { renderToString } from \"https://esm.sh/react-dom@18/server\";\nimport React from \"https://esm.sh/react@18\";\n\nconst HTML = `\n\n\n \n \n Children's Book Creator\n \n \n \n\n\n

\n \n\n`;\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n // API endpoint for generating chapters\n if (url.pathname === '/api/generate-chapter' && req.method === 'POST') {\n try {\n const body = await req.json();\n const { bookTitle, bookDescription, targetAge, chapterNumber, totalChapters, previousChapters } = body;\n\n const apiKey = Deno.env.get('OPENAI_API_KEY');\n if (!apiKey) {\n return Response.json({ error: 'OpenAI API key not configured' }, { status: 500 });\n }\n\n // Build context from previous chapters\n const previousContext = previousChapters.length > 0\n ? `\\n\\nPrevious chapters summary:\\n${previousChapters.map((ch: any, i: number) => \n `Chapter ${i + 1} - \"${ch.title}\": ${ch.content.substring(0, 200)}...`\n ).join('\\n')}`\n : '';\n\n const ageGuidelines = {\n '3-5': 'Use very simple words (1-2 syllables mostly), short sentences (5-8 words), lots of repetition, and focus on basic emotions and concepts. Include sound words (onomatopoeia) and rhythmic language.',\n '5-8': 'Use simple but varied vocabulary, sentences of 8-12 words, introduce some new words in context. Include dialogue and simple plot developments. Keep paragraphs short.',\n '8-12': 'Use rich vocabulary appropriate for early readers, longer sentences with some complexity. Include character development, subplots, and more sophisticated themes while remaining age-appropriate.'\n };\n\n const chapterPosition = chapterNumber === 1 ? 'opening' : \n chapterNumber === totalChapters ? 'final' : 'middle';\n \n const positionGuidance = {\n opening: 'This is the first chapter - introduce the main character(s), setting, and hint at the adventure/problem to come. Hook the reader with something interesting.',\n middle: 'This is a middle chapter - continue developing the story, add new challenges or discoveries, build tension or relationships. Keep the story moving forward.',\n final: 'This is the final chapter - resolve the main conflict, provide a satisfying ending, and include a gentle lesson or moral that feels natural to the story.'\n };\n\n const systemPrompt = `You are a talented children's book author. You write engaging, age-appropriate stories that capture children's imagination while being educational and heartwarming.\n\nGuidelines for this book:\n- Target age: ${targetAge} years old\n- ${ageGuidelines[targetAge as keyof typeof ageGuidelines]}\n- Create vivid but simple descriptions\n- Include moments of wonder, humor, or gentle excitement\n- Ensure content is appropriate and positive\n- Each chapter should be 300-500 words depending on age group\n\n${positionGuidance[chapterPosition]}`;\n\n const userPrompt = `Write Chapter ${chapterNumber} of ${totalChapters} for a children's book.\n\nBook Title: \"${bookTitle}\"\nStory Description: ${bookDescription}\n${previousContext}\n\nPlease write this chapter with:\n1. A creative chapter title\n2. Engaging content appropriate for ${targetAge} year olds\n3. Natural story progression that connects to previous chapters (if any)\n\nRespond in this exact JSON format:\n{\n \"title\": \"Chapter Title Here\",\n \"content\": \"The chapter content here with proper paragraphs separated by double newlines.\"\n}`;\n\n const response = await fetch('https://api.openai.com/v1/chat/completions', {\n method: 'POST',\n headers: {\n 'Authorization': `Bearer ${apiKey}`,\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n model: 'gpt-4o-mini',\n messages: [\n { role: 'system', content: systemPrompt },\n { role: 'user', content: userPrompt }\n ],\n temperature: 0.8,\n max_tokens: 1500\n })\n });\n\n if (!response.ok) {\n const error = await response.text();\n console.error('OpenAI API error:', error);\n return Response.json({ error: 'Failed to generate chapter' }, { status: 500 });\n }\n\n const data = await response.json();\n const content = data.choices[0].message.content;\n\n // Parse the JSON response\n let chapter;\n try {\n // Try to extract JSON from the response (handles markdown code blocks)\n const jsonMatch = content.match(/\\{[\\s\\S]*\\}/);\n if (jsonMatch) {\n chapter = JSON.parse(jsonMatch[0]);\n } else {\n throw new Error('No JSON found in response');\n }\n } catch (parseError) {\n console.error('Failed to parse chapter JSON:', content);\n // Fallback: create chapter from raw content\n chapter = {\n title: `Chapter ${chapterNumber}`,\n content: content\n };\n }\n\n return Response.json(chapter);\n } catch (error) {\n console.error('Error generating chapter:', error);\n return Response.json({ error: 'An error occurred while generating the chapter' }, { status: 500 });\n }\n }\n\n // Serve main HTML\n return new Response(HTML, {\n headers: { 'Content-Type': 'text/html' }\n });\n}",[132],"44cf202c-f7ec-11f0-af26-42dde27851f2","main.ts","44cf20e0-f7ec-11f0-af26-42dde27851f2",1,["D",1769125458714],[140],"pulls","branches","forks","envVars",{"_152":134,"_154":58},"connections",{"_152":58,"_153":58},"count","unfilledCount","emptyCount",{"_41":139,"_31":140,"_29":141,"_126":-5,"_39":40,"_38":142,"_127":117,"_36":165,"_13":58,"_32":33,"_34":35,"_23":24,"_129":-5,"_159":166,"_26":167},{"_41":131,"_31":132,"_29":133,"_126":-5,"_39":40,"_38":134,"_127":24,"_36":162,"_13":58,"_32":136,"_34":137,"_23":24,"_129":-5,"_159":163,"_26":164},{"_41":125,"_31":27,"_29":30,"_126":-5,"_39":40,"_38":14,"_127":117,"_36":158,"_13":58,"_32":33,"_34":35,"_23":24,"_129":-5,"_159":160,"_26":161},["D",1769126803783],"children",[],[27],["D",1769126733599],[],[132],["D",1769125458714],[],[140],["D",1769125458696],{"_92":91,"_99":95},{"_92":91,"_93":-5,"_94":95,"_18":52,"_96":97,"_98":24},{"_13":81,"_31":82,"_41":40,"_83":42,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":43,"_90":91},"ctx",{"_74":-5,"_119":205,"_206":207,"_208":209,"_210":24,"_211":24,"_212":24,"_213":117,"_214":-5,"_215":-7,"_216":-7,"_217":58,"_218":24,"_219":24,"_220":-5,"_221":24,"_222":24,"_223":24,"_224":-5},"ENV",{"_176":177,"_178":179,"_180":82,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Diff · v3