♥ Good Morning Baby ♥

\n \n\n",[18,68],"63a59b43-73ef-4e75-b36b-b93cc2021918",["D",1783466454193],[18,92],"pulls","branches","forks","envVars",{"_203":26,"_205":26},"connections",{"_203":26,"_204":26},"count","unfilledCount","emptyCount",{"_36":174,"_13":18,"_66":102,"_46":-5,"_38":39,"_175":43,"_176":24,"_40":238,"_42":26,"_69":93,"_178":-5,"_70":30,"_179":-5,"_219":239,"_17":240},{"_36":193,"_13":92,"_66":91,"_46":102,"_38":39,"_175":86,"_176":24,"_40":235,"_42":26,"_69":93,"_178":-5,"_70":30,"_179":-5,"_219":236,"_17":237},{"_36":228,"_13":229,"_66":230,"_46":91,"_38":39,"_175":138,"_176":24,"_40":231,"_42":43,"_69":83,"_178":232,"_70":30,"_179":-5,"_219":233,"_17":234},{"_36":188,"_13":68,"_66":67,"_46":102,"_38":39,"_175":96,"_176":24,"_40":225,"_42":190,"_69":21,"_178":191,"_70":30,"_179":-5,"_219":226,"_17":227},{"_36":184,"_13":82,"_66":81,"_46":102,"_38":39,"_175":76,"_176":24,"_40":222,"_42":26,"_69":83,"_178":186,"_70":30,"_179":-5,"_219":223,"_17":224},{"_36":212,"_13":213,"_66":214,"_46":-5,"_38":39,"_175":190,"_176":24,"_40":215,"_42":26,"_69":216,"_178":217,"_70":30,"_179":218,"_219":220,"_17":221},"df7f7f31-be20-4979-9939-157c001f2cc3","index.ts","57367fd0-7a5a-11f1-a85b-1607ee4eb77e",["D",1783466385394],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;","cute-baby-chat","children",[],[213],["D",1783466388659],[],[18,82],["D",1783466728215],[],[18,68],"dea689ed-cb4e-4a38-9aaf-09d9c966c140","App.tsx","8038be02-7a5a-11f1-99e9-1607ee4eb77e",["D",1783466962528],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\n\ntype Step =\n | \"morning\"\n | \"mad\"\n | \"knewIt\"\n | \"love\"\n | \"mwuah\"\n | \"sorry\"\n | \"sorryAccepted\"\n | \"hug\"\n | \"hugGiven\"\n | \"upset\"\n | \"flower\"\n | \"yay\";\n\nconst petNames = [\n \"baby\", \"jaan\", \"babu\", \"shona\", \"cutie\", \"love\", \"honey\",\n \"sweetheart\", \"darling\", \"babe\", \"jaaneman\", \"pookie\", \"bubba\",\n \"dumbo\", \"my love\", \"my heart\", \"sunshine\", \"hero\", \"handsome\",\n \"bubu\", \"laddoo\", \"motu\", \"panda\", \"achu\", \"janu\", \"jaanu\",\n \"cookie\",\n];\n\nexport function App() {\n const [step, setStep] = useState(\"morning\");\n const [sorryInput, setSorryInput] = useState(\"\");\n const [showContent, setShowContent] = useState(false);\n const [shake, setShake] = useState(false);\n const [rejectMsg, setRejectMsg] = useState(\"\");\n const inputRef = useRef(null);\n\n useEffect(() => {\n setShowContent(false);\n const t = setTimeout(() => setShowContent(true), 300);\n return () => clearTimeout(t);\n }, [step]);\n\n useEffect(() => {\n if ((step === \"sorry\") && inputRef.current && showContent) {\n inputRef.current.focus();\n }\n }, [step, showContent]);\n\n useEffect(() => {\n if (shake) {\n const t = setTimeout(() => setShake(false), 500);\n return () => clearTimeout(t);\n }\n }, [shake]);\n\n const doReject = (msg: string) => {\n setRejectMsg(msg);\n setShake(true);\n setTimeout(() => setRejectMsg(\"\"), 3000);\n };\n\n const checkSorry = (text: string): boolean => {\n const lower = text.toLowerCase().trim();\n if (!lower.includes(\"sorry\")) return false;\n return petNames.some((name) => lower.includes(name));\n };\n\n return (\n \n {/* Soft floating hearts */}\n {Array.from({ length: 6 }).map((_, i) => (\n ♥\n ))}\n\n \n {/* Rejection toast */}\n {rejectMsg && (\n \n {rejectMsg}\n \n )}\n\n {/* Message card */}\n {showContent && (\n \n \n \n )}\n\n {/* === INTERACTIONS === */}\n\n {step === \"morning\" && showContent && (\n \n setStep(\"mad\")} primary>tap to continue ♥\n \n )}\n\n {step === \"mad\" && showContent && (\n \n doReject(\"Nooo don't be mad at me! 🥺\")}>Yes 😤\n setStep(\"knewIt\")} primary>No ❤️\n \n )}\n\n {step === \"knewIt\" && showContent && (\n \n setStep(\"love\")} primary>continue ♥\n \n )}\n\n {step === \"love\" && showContent && (\n \n setStep(\"mwuah\")} primary>Yes ❤️\n doReject(\"Wrong answer! Try again 😤\")}>No 😒\n \n )}\n\n {step === \"mwuah\" && showContent && (\n \n setStep(\"sorry\")} primary>continue ♥\n \n )}\n\n {step === \"sorry\" && showContent && (\n

\n setSorryInput(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n if (checkSorry(sorryInput)) setStep(\"sorryAccepted\");\n else doReject(\"That's not good enough... try harder 🥺\");\n }\n }}\n placeholder=\"Type your apology...\"\n style={{\n flex: \"1\",\n minWidth: \"180px\",\n padding: \"14px 20px\",\n borderRadius: \"20px\",\n border: \"1px solid rgba(196,133,111,0.25)\",\n background: \"rgba(255,255,255,0.7)\",\n color: \"#4a3b35\",\n fontSize: \"15px\",\n fontFamily: \"'Poppins', sans-serif\",\n fontWeight: \"300\",\n outline: \"none\",\n }}\n />\n {\n if (checkSorry(sorryInput)) setStep(\"sorryAccepted\");\n else doReject(\"That's not good enough... try harder 🥺\");\n }}\n primary\n >Send ♥\n

\n )}\n\n {step === \"sorryAccepted\" && showContent && (\n \n setStep(\"hug\")} primary>continue ♥\n \n )}\n\n {step === \"hug\" && showContent && (\n \n setStep(\"hugGiven\")} primary>🤗 Hug\n doReject(\"You can't say no to a hug! 🥺\")}>No hug 😒\n \n )}\n\n {step === \"hugGiven\" && showContent && (\n \n setStep(\"upset\")} primary>continue ♥\n \n )}\n\n {step === \"upset\" && showContent && (\n \n setStep(\"flower\")} primary>continue ♥\n \n )}\n\n {step === \"flower\" && showContent && (\n \n setStep(\"yay\")} primary>Accept 🌹\n doReject(\"You can't reject my flower! 🥺\")}>Reject 😤\n \n )}\n\n {step === \"yay\" && showContent && (\n \n setStep(\"morning\")} primary>♥ Replay ♥\n \n )}\n \n\n \n \n );\n}\n\nfunction StepMessage({ step }: { step: Step }) {\n const scriptStyle = {\n fontFamily: \"'Dancing Script', cursive\",\n fontSize: \"28px\",\n fontWeight: 700,\n color: \"#b0604a\",\n } as any;\n\n switch (step) {\n case \"morning\":\n return (\n

Good morning my baby

☀️💋

\n );\n case \"mad\":\n return Oh... so you're still mad with me? 🥺;\n case \"knewIt\":\n return I knew it! You can never be mad at me 😍❤️;\n case \"love\":\n return You love me? 🥰;\n case \"mwuah\":\n return (\n

Mwuah! 😘💋

\n );\n case \"sorry\":\n return Now say sorry 😏💕;\n case \"sorryAccepted\":\n return Awww! I forgive you 🥹❤️;\n case \"hug\":\n return Gimme a hug! 🤗💕;\n case \"hugGiven\":\n return (\n

🤗💕

Best hug ever! 🥰

\n );\n case \"upset\":\n return I don't like it when you're upset with me. I love you so much dumbo 💕;\n case \"flower\":\n return (\n

🌹

Here this is for my cookie 💋

\n );\n case \"yay\":\n return (\n

Yayyy! 🎉

I love you forever! 💋❤️

\n );\n default:\n return null;\n }\n}\n\nfunction BtnRow({ children }: { children: any }) {\n return (\n

\n {children}\n

\n );\n}\n\nfunction Btn({ children, onClick, primary }: { children: any; onClick: () => void; primary?: boolean }) {\n return (\n \n {children}\n \n );\n}\n",[],[18,92,229],["D",1783466454193],[208],[18,92],["D",1783466388030],[207,209,210],[18],["D",1783466385380],{"_11":12,"_152":73},{"_11":12,"_147":148,"_72":73,"_31":71,"_149":150,"_151":30},{"_42":138,"_13":16,"_36":39,"_139":104,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":14,"_146":12},"ctx",{"_56":-5,"_171":278,"_279":280,"_281":282,"_283":30,"_284":30,"_285":30,"_286":24,"_287":-5,"_288":-7,"_289":-7,"_290":26,"_291":30,"_292":30,"_293":-5,"_294":30,"_295":30,"_296":30,"_297":-5},"ENV",{"_249":250,"_251":252,"_253":16,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · frontend