[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_233":234,"_235":236},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_175":-5,"_20":176,"_22":177,"_178":179,"_180":181,"_26":182,"_24":183,"_184":-5,"_185":-5,"_186":67,"_187":188,"_189":62,"_190":-5,"_191":-5,"_192":193},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","jiyeon","name","kids-storybook","branchName","main","version","path","frontend/index.html","project",{"_33":120,"_13":14,"_46":121,"_122":-5,"_123":67,"_124":125,"_126":125,"_127":128,"_129":-5,"_130":131,"_132":59,"_133":62,"_134":-5,"_135":-5,"_136":43,"_137":138,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":144,"_145":144,"_146":147,"_148":147,"_149":147,"_150":144,"_151":144,"_152":153,"_154":155,"_156":157,"_158":67},"tree",[53,54,55,56],"file",{"_33":34,"_35":36,"_37":38,"_13":39,"_40":41,"_42":24,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_18":51},"contents",[],"upstream","pull","ahead","behind","envVars","id","37449ee8-48cb-11f1-b72e-42b51c65c3df","branchId","04034052-48cb-11f1-ae85-42b51c65c3df","fileId","37449fce-48cb-11f1-b72e-42b51c65c3df","index.html","content","\n\n\n \n \n 📚 Storybook Magic — Personalized Kids Books\n \n \n\n\n

\n \n \n\n\n","fileType",0,"parentId","c4857d6f-7c98-47c5-80ae-44e9195cf671","createdAt",["D",1778017306781],"branchVersion",4,"label",[52,39],"frontend",{"_33":105,"_13":106,"_37":107,"_44":-5,"_35":36,"_48":108,"_61":62,"_46":109,"_17":43,"_42":76,"_40":-5,"_66":67,"_50":-5,"_68":110,"_18":111},{"_33":88,"_13":52,"_37":45,"_44":-5,"_35":36,"_48":89,"_61":62,"_46":90,"_17":43,"_42":76,"_40":-5,"_66":67,"_50":-5,"_68":91,"_18":92},{"_33":71,"_13":72,"_37":73,"_44":-5,"_35":36,"_48":74,"_61":62,"_46":75,"_17":43,"_42":76,"_40":-5,"_66":67,"_50":-5,"_68":77,"_18":78},{"_33":57,"_13":58,"_37":59,"_44":-5,"_35":36,"_48":60,"_61":62,"_46":63,"_17":43,"_42":64,"_40":65,"_66":67,"_50":-5,"_68":69,"_18":70},"3bdba802-48cb-11f1-b72e-42b51c65c3df","main.ts","3bdba8e8-48cb-11f1-b72e-42b51c65c3df",5,"latest",true,["D",1778017314485],"http","import { Hono } from \"npm:hono@4\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { generateStory } from \"./backend/story-generator.ts\";\nimport type { KidProfile } from \"./shared/types.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\napp.get(\"/\", (c) => serveFile(\"./frontend/index.html\", import.meta.url));\napp.get(\"/app.tsx\", (c) => serveFile(\"./frontend/app.tsx\", import.meta.url));\n\napp.get(\"/source\", (c) => c.redirect(parseVal(import.meta.url).links.self.val));\n\napp.post(\"/api/generate\", async (c) => {\n const kid: KidProfile = await c.req.json();\n const story = generateStory(kid);\n return c.json(story);\n});\n\nexport default app.fetch;\n","deleted",false,"children",[],[58],"0905910e-48cb-11f1-ae85-42b51c65c3df","shared","5f1dab80-d0b6-4ae6-ad3e-f5f46b658d2a",1,["D",1778017229190],"directory",[79],[72],{"_33":80,"_13":81,"_37":82,"_44":73,"_35":36,"_48":74,"_61":62,"_46":83,"_17":43,"_42":84,"_40":85,"_66":67,"_50":-5,"_68":86,"_18":87},"09056a6c-48cb-11f1-ae85-42b51c65c3df","types.ts","09056b20-48cb-11f1-ae85-42b51c65c3df",["D",1778017229190],"script","export interface KidProfile {\n name: string;\n age: number;\n gender: string;\n favoriteAnimal: string;\n favoriteColor: string;\n hobby: string;\n bestFriend: string;\n superpower: string;\n personality: string;\n}\n\nexport interface StoryPage {\n text: string;\n emoji: string;\n}\n\nexport interface Story {\n title: string;\n pages: StoryPage[];\n kid: KidProfile;\n}\n",[],[72,81],"331316a6-48cb-11f1-b72e-42b51c65c3df",3,["D",1778017299739],[93,94],[52],{"_33":98,"_13":99,"_37":100,"_44":45,"_35":36,"_48":89,"_61":62,"_46":101,"_17":43,"_42":84,"_40":102,"_66":67,"_50":-5,"_68":103,"_18":104},{"_33":34,"_13":39,"_37":38,"_44":45,"_35":36,"_48":49,"_61":62,"_46":95,"_17":43,"_42":24,"_40":41,"_66":67,"_50":-5,"_68":96,"_18":97},["D",1778017306781],[],[52,39],"3312c124-48cb-11f1-b72e-42b51c65c3df","app.tsx","3312c1e2-48cb-11f1-b72e-42b51c65c3df",["D",1778017299739],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { KidProfile, Story } from \"../shared/types.ts\";\n\nfunction KidForm({ onSubmit }: { onSubmit: (kid: KidProfile) => void }) {\n const [form, setForm] = useState({\n name: \"\",\n age: 5,\n gender: \"\",\n favoriteAnimal: \"\",\n favoriteColor: \"\",\n hobby: \"\",\n bestFriend: \"\",\n superpower: \"\",\n personality: \"\",\n });\n\n const update = (field: keyof KidProfile) =>\n (e: React.ChangeEvent) =>\n setForm({ ...form, [field]: field === \"age\" ? Number(e.target.value) : e.target.value });\n\n return (\n

📚 Storybook Magic ✨

Create a personalized adventure for your child!

\n\n

\n ✏️ Tell us about your little adventurer!\n

\n\n

\n \n 👶 Child's Name\n \n \n\n \n 🎂 Age\n \n \n\n \n 🧒 Gender\n \n \n \n \n \n \n \n\n \n 🐾 Favorite Animal\n \n \n\n \n 🎨 Favorite Color\n \n \n\n \n ⚽ Favorite Hobby\n \n \n\n \n 👫 Best Friend / Pet Name\n \n \n\n \n 🦸 Dream Superpower\n \n \n\n \n 💫 Personality Trait\n \n \n

\n\n {\n if (form.name && form.favoriteAnimal && form.favoriteColor && form.hobby && form.superpower && form.personality) {\n onSubmit(form);\n } else {\n alert(\"Please fill in all the fields to create the best story! ✨\");\n }\n }}\n className=\"mt-6 w-full bg-gradient-to-r from-purple-500 to-pink-500 text-white font-bold py-3 px-6 rounded-xl text-lg hover:from-purple-600 hover:to-pink-600 transform hover:scale-[1.02] transition-all shadow-lg\"\n >\n 📖 Create My Storybook! ✨\n \n

\n );\n}\n\nfunction StoryBook({ story, onBack }: { story: Story; onBack: () => void }) {\n const [page, setPage] = useState(0);\n const currentPage = story.pages[page];\n const totalPages = story.pages.length;\n\n const bgColors = [\n \"from-purple-100 to-pink-100\",\n \"from-blue-100 to-cyan-100\",\n \"from-green-100 to-emerald-100\",\n \"from-yellow-100 to-orange-100\",\n \"from-pink-100 to-rose-100\",\n \"from-indigo-100 to-purple-100\",\n \"from-teal-100 to-blue-100\",\n \"from-amber-100 to-yellow-100\",\n \"from-fuchsia-100 to-pink-100\",\n \"from-violet-100 to-indigo-100\",\n ];\n\n return (\n

📖 {story.title}

A personalized story for {story.kid.name}

\n\n

\n {/* Emoji illustration */}\n

\n            {currentPage.emoji}\n

\n\n {/* Story text */}\n

\n {currentPage.text}\n

\n\n {/* Navigation */}\n

\n setPage(Math.max(0, page - 1))}\n disabled={page === 0}\n className=\"bg-white/80 hover:bg-white text-purple-700 font-bold py-2 px-5 rounded-xl disabled:opacity-30 disabled:cursor-not-allowed transition-all shadow\"\n >\n ◀ Back\n \n\n \n Page {page + 1} of {totalPages}\n \n\n setPage(Math.min(totalPages - 1, page + 1))}\n disabled={page === totalPages - 1}\n className=\"bg-white/80 hover:bg-white text-purple-700 font-bold py-2 px-5 rounded-xl disabled:opacity-30 disabled:cursor-not-allowed transition-all shadow\"\n >\n Next ▶\n \n

\n\n {/* Page dots */}\n

\n {story.pages.map((_, i) => (\n setPage(i)}\n className={`w-3 h-3 rounded-full transition-all ${\n i === page ? \"bg-purple-500 scale-125\" : \"bg-purple-200 hover:bg-purple-300\"\n }`}\n />\n ))}\n

\n\n

\n \n ← Create Another Story\n \n

\n );\n}\n\nexport default function App() {\n const [story, setStory] = useState(null);\n const [loading, setLoading] = useState(false);\n\n const handleSubmit = async (kid: KidProfile) => {\n setLoading(true);\n try {\n const res = await fetch(\"/api/generate\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(kid),\n });\n const data = await res.json();\n setStory(data);\n } catch (err) {\n alert(\"Oops! Something went wrong. Please try again.\");\n }\n setLoading(false);\n };\n\n if (loading) {\n return (\n

📚✨

Writing your magical story...

Sprinkling fairy dust on every page!

\n );\n }\n\n return (\n

\n {story ? (\n setStory(null)} />\n ) : (\n \n )}\n \n

\n );\n}\n",[],[52,99],"1c9307c4-48cb-11f1-ae85-42b51c65c3df","backend","39c98594-9d24-4df1-8411-ed1f2fc89e63",2,["D",1778017261996],[112],[106],{"_33":113,"_13":114,"_37":115,"_44":107,"_35":36,"_48":108,"_61":62,"_46":116,"_17":43,"_42":84,"_40":117,"_66":67,"_50":-5,"_68":118,"_18":119},"1c92ddb2-48cb-11f1-ae85-42b51c65c3df","story-generator.ts","1c92de7a-48cb-11f1-ae85-42b51c65c3df",["D",1778017261996],"import type { KidProfile, Story, StoryPage } from \"../shared/types.ts\";\n\nconst SCENE_EMOJIS: Record = {\n forest: [\"🌲\", \"🌳\", \"🍄\", \"🦋\", \"🌿\", \"🌺\"],\n ocean: [\"🌊\", \"🐚\", \"🐠\", \"🦀\", \"⛵\", \"🏝️\"],\n space: [\"🚀\", \"⭐\", \"🌙\", \"🪐\", \"🌌\", \"👽\"],\n castle: [\"🏰\", \"👑\", \"🗡️\", \"🐉\", \"✨\", \"🎪\"],\n garden: [\"🌻\", \"🌈\", \"🐝\", \"🦎\", \"🍀\", \"🌸\"],\n};\n\nconst ANIMAL_EMOJIS: Record = {\n dog: \"🐕\", cat: \"🐱\", rabbit: \"🐰\", bear: \"🐻\", lion: \"🦁\",\n unicorn: \"🦄\", dragon: \"🐉\", dolphin: \"🐬\", owl: \"🦉\", fox: \"🦊\",\n horse: \"🐴\", bird: \"🐦\", butterfly: \"🦋\", turtle: \"🐢\", panda: \"🐼\",\n};\n\nfunction getAnimalEmoji(animal: string): string {\n const lower = animal.toLowerCase();\n return ANIMAL_EMOJIS[lower] || \"🐾\";\n}\n\nfunction getSceneEmojis(index: number): string[] {\n const scenes = Object.values(SCENE_EMOJIS);\n return scenes[index % scenes.length];\n}\n\nexport function generateStory(kid: KidProfile): Story {\n const animalEmoji = getAnimalEmoji(kid.favoriteAnimal);\n const friendName = kid.bestFriend || \"a new friend\";\n\n const pages: StoryPage[] = [\n {\n text: `Once upon a time, in a magical land painted in shades of ${kid.favoriteColor}, there lived a ${kid.personality} ${kid.age}-year-old adventurer named ${kid.name}. ${kid.name} was known far and wide for being the most ${kid.personality} kid in all the land!`,\n emoji: `✨🌈🏡✨\\n 👦🌟\\n🌻🌷🌻🌷`,\n },\n {\n text: `${kid.name} had a magical best friend — a talking ${kid.favoriteAnimal} named ${friendName}! Together, they loved ${kid.hobby} more than anything in the whole wide world. \"${friendName}, today feels like an adventure day!\" said ${kid.name} with sparkling eyes.`,\n emoji: ` ⭐⭐⭐\\n👦❤️${animalEmoji}\\n🌿🎈🌿🎈`,\n },\n {\n text: `One morning, a shimmering ${kid.favoriteColor} letter floated through the window! It read: \"Dear ${kid.name}, the Enchanted ${kid.favoriteAnimal} Kingdom needs your help! Only someone with the superpower of ${kid.superpower} can save the day!\"`,\n emoji: `📨✨💌✨📨\\n 🪟🏠\\n👦${animalEmoji}❗`,\n },\n {\n text: `${kid.name} and ${friendName} journeyed through the Whispering Forest, where the trees sang songs about ${kid.hobby}. \"Don't worry,\" said ${kid.name} bravely. \"My ${kid.superpower} will guide us!\" The forest sparkled with ${kid.favoriteColor} fireflies showing the way.`,\n emoji: `🌲✨🌲✨🌲\\n 👦${animalEmoji}🗺️\\n🍄🌿🦋🌿🍄`,\n },\n {\n text: `They arrived at the Crystal Bridge, where a friendly riddle-dragon blocked the path. \"To cross, you must answer: What makes ${kid.name} special?\" ${friendName} smiled and said, \"That's easy — ${kid.name} is ${kid.personality} and has amazing ${kid.superpower}!\"`,\n emoji: ` 🌉✨🌉\\n🐉❓ ❓🐉\\n👦${animalEmoji}💪💫`,\n },\n {\n text: `The dragon laughed warmly and let them pass! On the other side was the magnificent ${kid.favoriteAnimal} Kingdom, painted entirely in ${kid.favoriteColor}. All the ${kid.favoriteAnimal}s were frozen in a magical sleep! Only ${kid.name}'s special gift could wake them up.`,\n emoji: `🏰👑🏰👑🏰\\n${animalEmoji}😴${animalEmoji}😴${animalEmoji}\\n 👦🌟`,\n },\n {\n text: `${kid.name} closed their eyes, took a deep breath, and used the incredible power of ${kid.superpower}! A wave of ${kid.favoriteColor} light burst from their hands, swirling through the kingdom like a magical storm of sparkles and joy!`,\n emoji: ` 💥✨💥\\n✨👦✨\\n💫🌟💫🌟💫`,\n },\n {\n text: `One by one, every ${kid.favoriteAnimal} in the kingdom woke up! They danced and cheered: \"Hooray for ${kid.name}! The bravest, most ${kid.personality} hero we've ever seen!\" ${friendName} gave ${kid.name} the biggest hug in the whole kingdom.`,\n emoji: `🎉${animalEmoji}🎉${animalEmoji}🎉\\n 👦🤗${animalEmoji}\\n🎊🥳🎊🥳🎊`,\n },\n {\n text: `The ${kid.favoriteAnimal} King placed a shining ${kid.favoriteColor} crown on ${kid.name}'s head. \"You are now an honorary Guardian of our kingdom! Whenever you practice ${kid.hobby}, our kingdom grows stronger!\" Everyone celebrated with the biggest party ever!`,\n emoji: ` 👑✨👑\\n🎂🎈👦🎈🎂\\n${animalEmoji}🎵${animalEmoji}🎵${animalEmoji}`,\n },\n {\n text: `That night, ${kid.name} snuggled into bed with ${friendName} curled up beside them. \"That was the best adventure ever,\" whispered ${kid.name}. And as they drifted off to sleep, ${kid.favoriteColor} stars twinkled outside the window, promising more adventures to come. The End. 💤`,\n emoji: ` 🌙⭐🌙\\n🛏️👦${animalEmoji}💤\\n⭐✨⭐✨⭐`,\n },\n ];\n\n return {\n title: `${kid.name} and the Enchanted ${kid.favoriteAnimal} Kingdom`,\n pages,\n kid,\n };\n}\n",[],[106,114],"04025d86-48cb-11f1-ae85-42b51c65c3df",["D",1778017220801],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Personalized children's storybooks from kid details","imageUrl","userId","a25129c7-0795-4883-816e-2cb77e748b47","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019dfa14-45b6-757e-8b1f-f27ff4322506","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_174":170},"org",{"_11":12,"_167":168,"_169":170,"_130":131,"_171":172,"_173":67},"branch",{"_17":60,"_13":16,"_33":36,"_159":120,"_160":-5,"_161":-5,"_162":-5,"_163":-5,"_164":-5,"_165":14,"_166":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Jiyeon Kwon","avatar","https://lh3.googleusercontent.com/a/ACg8ocJ-44ojDPYOEAdPRG5WAiz3ulThc927kORvEi3ySyNvQ6Lf7r0=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":120,"_13":14,"_46":229,"_122":-5,"_123":67,"_124":125,"_126":125,"_127":128,"_129":-5,"_130":131,"_132":59,"_133":62,"_134":-5,"_135":-5,"_136":43,"_137":138,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":144,"_145":144,"_146":147,"_148":147,"_149":147,"_150":144,"_151":144,"_152":230,"_154":231,"_156":232,"_158":67},[205,207,210,212],"files",[205,206,207,208,209,210,211,212],"counts",{"_196":43,"_197":74,"_198":43,"_32":199,"_200":201},[],{"_33":34,"_13":39,"_37":38,"_44":45,"_35":36,"_48":49,"_61":62,"_46":194,"_17":43,"_42":24,"_40":41,"_66":67,"_50":-5,"_18":195},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1778017306781],[52,39],"pulls","branches","forks",{"_202":43,"_204":43},"connections",{"_202":43,"_203":43},"count","unfilledCount","emptyCount",{"_33":105,"_13":106,"_37":107,"_44":-5,"_35":36,"_48":108,"_61":62,"_46":109,"_17":43,"_42":76,"_40":-5,"_66":67,"_50":-5,"_68":227,"_18":228},{"_33":113,"_13":114,"_37":115,"_44":107,"_35":36,"_48":108,"_61":62,"_46":116,"_17":43,"_42":84,"_40":117,"_66":67,"_50":-5,"_68":225,"_18":226},{"_33":88,"_13":52,"_37":45,"_44":-5,"_35":36,"_48":89,"_61":62,"_46":90,"_17":43,"_42":76,"_40":-5,"_66":67,"_50":-5,"_68":223,"_18":224},{"_33":98,"_13":99,"_37":100,"_44":45,"_35":36,"_48":89,"_61":62,"_46":101,"_17":43,"_42":84,"_40":102,"_66":67,"_50":-5,"_68":221,"_18":222},{"_33":34,"_13":39,"_37":38,"_44":45,"_35":36,"_48":49,"_61":62,"_46":95,"_17":43,"_42":24,"_40":41,"_66":67,"_50":-5,"_68":219,"_18":220},{"_33":71,"_13":72,"_37":73,"_44":-5,"_35":36,"_48":74,"_61":62,"_46":75,"_17":43,"_42":76,"_40":-5,"_66":67,"_50":-5,"_68":217,"_18":218},{"_33":80,"_13":81,"_37":82,"_44":73,"_35":36,"_48":74,"_61":62,"_46":83,"_17":43,"_42":84,"_40":85,"_66":67,"_50":-5,"_68":215,"_18":216},{"_33":57,"_13":58,"_37":59,"_44":-5,"_35":36,"_48":60,"_61":62,"_46":63,"_17":43,"_42":64,"_40":65,"_66":67,"_50":-5,"_68":213,"_18":214},[],[58],[],[72,81],[211],[72],[],[52,39],[],[52,99],[208,209],[52],[],[106,114],[206],[106],["D",1778017220801],{"_11":12,"_174":170},{"_11":12,"_167":168,"_169":170,"_130":131,"_171":172,"_173":67},{"_17":60,"_13":16,"_33":36,"_159":120,"_160":-5,"_161":-5,"_162":-5,"_163":-5,"_164":-5,"_165":14,"_166":12},"ctx",{"_152":-5,"_191":266,"_267":268,"_269":270,"_271":67,"_272":67,"_273":67,"_274":62,"_275":-5,"_276":-7,"_277":-7,"_278":43,"_279":67,"_280":67,"_281":-5,"_282":67,"_283":67,"_284":67,"_285":-5},"ENV",{"_237":238,"_239":240,"_241":16,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265},"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"]