♥ Good Morning Baby ♥

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_218":219,"_220":221},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_165":-5,"_20":166,"_22":167,"_168":169,"_170":171,"_25":172,"_24":-5,"_173":-5,"_174":-5,"_175":54,"_176":177,"_178":45,"_179":-5,"_180":-5,"_181":182},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","haze","name","cute-apology-chat","branchName","main","version","path","","project",{"_34":110,"_13":14,"_46":111,"_112":-5,"_113":54,"_114":115,"_116":115,"_117":118,"_119":-5,"_120":121,"_122":-5,"_123":54,"_124":-5,"_125":-5,"_126":48,"_127":128,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":134,"_135":134,"_136":137,"_138":137,"_139":137,"_140":134,"_141":134,"_142":143,"_144":145,"_146":147,"_148":54},"tree",[65,66],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":58,"_13":59,"_37":60,"_39":-5,"_40":41,"_42":61,"_44":45,"_46":62,"_17":48,"_49":63,"_51":-5,"_53":54,"_55":-5,"_18":64},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":56,"_18":57},"id","df7f7f31-be20-4979-9939-157c001f2cc3","index.ts","fileId","57367fd0-7a5a-11f1-a85b-1607ee4eb77e","parentId","branchId","6ecc2552-20cb-4776-94aa-b375a305fb26","branchVersion",1,"latest",true,"createdAt",["D",1783466385394],0,"fileType","http","content","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;","deleted",false,"label","cute-baby-chat",[36],"4e1075b1-4ed7-4709-9fee-343465e7f633","frontend","c1852b5d-6794-4de3-9a27-9311a7c6e654",2,["D",1783466388030],"directory",[59],{"_34":58,"_13":59,"_37":60,"_39":-5,"_40":41,"_42":61,"_44":45,"_46":71,"_17":48,"_49":63,"_51":-5,"_53":54,"_55":-5,"_68":72,"_18":73},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":56,"_68":69,"_18":70},["D",1783466385394],"children",[],[36],["D",1783466388030],[74,75,76],[59],{"_34":94,"_13":95,"_37":96,"_39":60,"_40":41,"_42":97,"_44":45,"_46":98,"_17":48,"_49":63,"_51":-5,"_53":54,"_55":-5,"_68":99,"_18":100},{"_34":86,"_13":87,"_37":88,"_39":60,"_40":41,"_42":89,"_44":45,"_46":90,"_17":43,"_49":24,"_51":91,"_53":54,"_55":-5,"_68":92,"_18":93},{"_34":77,"_13":78,"_37":79,"_39":60,"_40":41,"_42":80,"_44":45,"_46":81,"_17":48,"_49":82,"_51":83,"_53":54,"_55":-5,"_68":84,"_18":85},"b3ea0eb4-b596-4279-9178-f9975b1d2174","index.tsx","59285656-7a5a-11f1-a85b-1607ee4eb77e",3,["D",1783466388659],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element\");\ncreateRoot(root).render();\n",[],[59,78],"ed0f2269-f87e-47e7-9dd5-49217653473e","index.html","58c91934-7a5a-11f1-b5ea-1607ee4eb77e",5,["D",1783466728215],"\n\n \n \n \n ♥ Good Morning Baby ♥\n \n \n \n \n \n \n \n

\n \n\n",[],[59,87],"63a59b43-73ef-4e75-b36b-b93cc2021918","components","f4b33570-ebb7-4940-88ec-5c4285220c12",4,["D",1783466454193],[101],[59,95],{"_34":102,"_13":103,"_37":104,"_39":96,"_40":41,"_42":105,"_44":45,"_46":106,"_17":61,"_49":82,"_51":107,"_53":54,"_55":-5,"_68":108,"_18":109},"dea689ed-cb4e-4a38-9aaf-09d9c966c140","App.tsx","8038be02-7a5a-11f1-99e9-1607ee4eb77e",7,["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",[],[59,95,103],"54d3524e-009d-498c-8c12-9c88af70ffb1",["D",1783466385380],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Interactive cute apology conversation","imageUrl","userId","2e56662c-dd4a-4aec-b48b-067b24880780","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019f3ec1-bdef-775e-9141-69031f1f20e1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_164":160},"org",{"_11":12,"_157":158,"_159":160,"_120":121,"_161":162,"_163":54},"branch",{"_17":105,"_13":16,"_34":41,"_149":110,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":14,"_156":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Haze Cruz","avatar","https://lh3.googleusercontent.com/a/ACg8ocLFdXd8KLMl2x4liHl_bQExo1oEPmbTW2R2vhmzhIXgpMOaxw=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":110,"_13":14,"_46":214,"_112":-5,"_113":54,"_114":115,"_116":115,"_117":118,"_119":-5,"_120":121,"_122":-5,"_123":54,"_124":-5,"_125":-5,"_126":48,"_127":128,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":134,"_135":134,"_136":137,"_138":137,"_139":137,"_140":134,"_141":134,"_142":215,"_144":216,"_146":217,"_148":54},[196,201],"files",[196,197,198,199,200,201],"counts",{"_187":48,"_188":43,"_189":48,"_31":190,"_191":192},[183,184],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_34":58,"_13":59,"_37":60,"_39":-5,"_40":41,"_42":61,"_44":45,"_46":62,"_17":48,"_49":63,"_51":-5,"_53":54,"_55":-5,"_18":186},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":56,"_18":185},[36],[59],"pulls","branches","forks",{"_193":48,"_195":48},"connections",{"_193":48,"_194":48},"count","unfilledCount","emptyCount",{"_34":58,"_13":59,"_37":60,"_39":-5,"_40":41,"_42":61,"_44":45,"_46":71,"_17":48,"_49":63,"_51":-5,"_53":54,"_55":-5,"_68":212,"_18":213},{"_34":94,"_13":95,"_37":96,"_39":60,"_40":41,"_42":97,"_44":45,"_46":98,"_17":48,"_49":63,"_51":-5,"_53":54,"_55":-5,"_68":210,"_18":211},{"_34":102,"_13":103,"_37":104,"_39":96,"_40":41,"_42":105,"_44":45,"_46":106,"_17":61,"_49":82,"_51":107,"_53":54,"_55":-5,"_68":208,"_18":209},{"_34":86,"_13":87,"_37":88,"_39":60,"_40":41,"_42":89,"_44":45,"_46":90,"_17":43,"_49":24,"_51":91,"_53":54,"_55":-5,"_68":206,"_18":207},{"_34":77,"_13":78,"_37":79,"_39":60,"_40":41,"_42":80,"_44":45,"_46":81,"_17":48,"_49":82,"_51":83,"_53":54,"_55":-5,"_68":204,"_18":205},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":56,"_68":202,"_18":203},[],[36],[],[59,78],[],[59,87],[],[59,95,103],[198],[59,95],[197,199,200],[59],["D",1783466385380],{"_11":12,"_164":160},{"_11":12,"_157":158,"_159":160,"_120":121,"_161":162,"_163":54},{"_17":105,"_13":16,"_34":41,"_149":110,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":14,"_156":12},"ctx",{"_142":-5,"_180":251,"_252":253,"_254":255,"_256":54,"_257":54,"_258":54,"_259":45,"_260":-5,"_261":-7,"_262":-7,"_263":48,"_264":54,"_265":54,"_266":-5,"_267":54,"_268":54,"_269":54,"_270":-5},"ENV",{"_222":223,"_224":225,"_226":16,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250},"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"]

Code