\n {children}\n \n );\n};\n\nconst ContainerComponent = ({ children }) => {\n return (\n

\n 📒 Bedtime Story Maker\n \n

\n {children}\n \n

\n );\n};\n\nconst Heading1Component = ({ children }) => {\n return (\n

\n {children}\n

\n );\n};\n\nconst Heading2Component = ({ children }) => {\n return (\n

\n {children}\n

\n );\n};\n\nconst LinkComponent = ({ href, extraStyles, children }) => {\n return (\n \n {children}\n \n );\n};\n\nconst LoadingComponent = ({ caption }) => {\n return (\n

{caption || \"Loading\"}

\n );\n};\n\n// Routes\napp.get(\"/\", (c) => c.redirect(\"/bedtime_stories\"));\n\napp.get(\"/bedtime_stories\", async (c) => {\n const stories = await getRecentBedtimeStories();\n return c.html(\n \n \n \n \n \n

\n
\n \n \n \n
\n
\n \n
{story.title}
\n \n
{story.summary}
\n
\n
\n \n Another!\n \n
\n

\n \n \n \n ,\n );\n});\n\napp.get(\"/bedtime_stories/new\", (c) => {\n return c.html(\n \n \n \n \n What kind of story do you want to hear?\n

\n \n {adj.emoji} {adj.name}\n \n

\n \n \n ,\n );\n});\n\nconst starters = [\n \"Okay\",\n \"Sure\",\n \"Alright\",\n \"Indeed\",\n \"Nice\",\n \"Gotcha\",\n];\n\nconst randomStarter = starters[Math.floor(Math.random() * starters.length)];\n\napp.get(\"/bedtime_stories/new/:adjective\", (c) => {\n const { adjective } = c.req.param();\n\n return c.html(\n \n \n \n \n {randomStarter}! I'll tell a {adjective} story about an animal.\n What animal do you want?\n

\n \n {animal.emoji} {animal.name}\n \n

\n \n \n ,\n );\n});\n\napp.get(\"/bedtime_stories/new/:adjective/:animal\", (c) => {\n const { adjective, animal } = c.req.param();\n\n return c.html(\n \n \n \n \n \n {randomStarter}! Your {animal} stars your {adjective} story.\n \n What color should should your {animal} be?\n

\n \n \n

\n {color.name}\n \n \n ))}\n \n \n \n ,\n );\n});\n\napp.get(\"/bedtime_stories/new/:adjective/:animal/:color\", (c) => {\n const { adjective, animal, color } = c.req.param();\n\n return c.html(\n \n \n \n \n \n {randomStarter}. Let's finish your {adjective} story.\n \n What should your {color} {animal} do?\n

\n \n {activity.emoji} {activity.name}\n \n

\n \n \n ,\n );\n});\n\napp.get(\n \"/bedtime_stories/create/:adjective/:animal/:color/:activity\",\n async (c) => {\n const { adjective, color, animal, activity } = c.req.param();\n\n const options = { adjective, color, animal, activity };\n\n // const generatedStory = await generateBedtimeStory(options);\n // console.log(\"generated story\", generatedStory);\n // const bedtimeStory = await createBedtimeStory(generatedStory);\n\n return c.html(\n \n \n \n \n \n \n \n \n \n ,\n );\n },\n);\n\napp.get(\n \"/bedtime_stories/generate/:adjective/:animal/:color/:activity\",\n async (c) => {\n const { adjective, color, animal, activity } = c.req.param();\n\n const options = { adjective, color, animal, activity };\n\n const generatedStory = await generateBedtimeStory(options);\n console.log(\"generated story\", generatedStory);\n const bedtimeStory = await createBedtimeStory(generatedStory);\n\n return c.redirect(`/bedtime_stories/read/${bedtimeStory.id}`);\n },\n);\n\napp.get(\n \"/bedtime_stories/read/:id\",\n async (c) => {\n const { id } = c.req.param();\n\n const bedtimeStory = await getBedtimeStoryById(id);\n\n console.log(\"saved story\", bedtimeStory);\n\n const { adjective, color, animal, activity, title, summary, story, pictureUrl } = bedtimeStory;\n\n const ogData: OpenGraphData = {\n title,\n description: summary,\n image: pictureUrl,\n url: `https://dthyresson-bedtimestorymaker.web.val.run/bedtime_stories/read/${id}`,\n };\n\n return c.html(\n \n \n \n \n

\n {title}\n {summary}\n

\n \n\n

\n \n

\n {story.split(/(?<=[.!?])\\s+(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/).map((sentence, index) => (\n \n {sentence}\n

\n ))}\n

\n \n \n ,\n );\n },\n);\n\nexport default app.fetch;",[],[103],"files",[148,167],"counts",{"_178":33,"_179":137,"_180":33,"_181":33},"pulls","branches","forks","envVars","contents",[],{"_107":168,"_99":103,"_151":119,"_153":-5,"_154":138,"_155":137,"_156":121,"_109":185,"_104":33,"_158":170,"_160":171,"_162":27,"_163":-5,"_102":186},["D",1725378914080],[103],"upstream",{"_107":189,"_99":100,"_115":-5,"_116":-5,"_113":114,"_21":190},"f8471926-26cc-11f0-9439-569c3dd06744",{"_97":191,"_134":192},"dthyresson","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yY2VObmZYclBVbjhpdnlQQkROeEIycWViSTYifQ","screenshots","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_97":98,"_99":100,"_101":43,"_102":103,"_105":198,"_159":202,"_205":206,"_209":210,"_213":-7,"_214":33,"_215":27},{"_107":108,"_99":100,"_109":199,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":-5,"_123":33,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":27,"_21":200,"_135":201},["D",1746216994695],{"_97":98,"_134":-5},{"_104":137,"_99":43,"_107":138,"_139":108,"_140":141,"_142":33,"_143":114,"_144":145},{"_107":168,"_99":103,"_151":119,"_153":-5,"_154":138,"_155":137,"_156":121,"_109":203,"_104":33,"_158":170,"_160":171,"_162":27,"_163":-5,"_102":204},["D",1725378914080],[103],"history",[207],{"_107":168,"_154":138,"_151":119,"_99":103,"_160":171,"_158":170,"_104":33,"_153":-5,"_109":208,"_155":137,"_163":-5},["D",1725378914080],"versions",[211],{"_159":207,"_212":-5},"previous","versionNumber","page","hasNext","routes/_app","actionData","errors"]

History for main.tsx