♥ Good Morning Baby ♥

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_228":229,"_230":231},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_67":182,"_16":-7,"_183":-5,"_17":184,"_185":186,"_28":187,"_21":188,"_23":189,"_85":-5,"_190":-5,"_191":-5,"_192":36,"_193":194,"_195":34,"_196":-5,"_197":-5,"_198":199},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":-5,"_27":-5,"_28":29,"_30":-5,"_31":-5,"_32":-5,"_33":34,"_35":36,"_37":34},"handle","haze","name","cute-apology-chat","branchName","version","project",{"_44":126,"_13":14,"_55":127,"_128":-5,"_129":36,"_130":131,"_132":131,"_133":134,"_135":-5,"_136":137,"_138":-5,"_139":36,"_140":-5,"_141":-5,"_142":57,"_143":144,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":150,"_151":150,"_152":153,"_154":153,"_155":153,"_156":150,"_157":150,"_158":159,"_160":161,"_162":163,"_164":36},"tags",[],"counts",{"_116":57,"_117":53,"_118":57,"_119":120,"_121":122},"contents",[110,111],"readme","upstream","pull","files",[38,39,40,41,42,43],"preview","ahead","behind","showHomeCustomizationHint",true,"showHTTPPreviewSettingsHint",false,"hasHTTPFiles",{"_44":106,"_13":79,"_47":72,"_49":-5,"_50":51,"_52":95,"_54":34,"_55":107,"_16":57,"_58":103,"_60":-5,"_62":36,"_63":-5,"_65":108,"_67":109},{"_44":100,"_13":99,"_47":92,"_49":72,"_50":51,"_52":101,"_54":34,"_55":102,"_16":57,"_58":103,"_60":-5,"_62":36,"_63":-5,"_65":104,"_67":105},{"_44":89,"_13":90,"_47":91,"_49":92,"_50":51,"_52":93,"_54":34,"_55":94,"_16":95,"_58":75,"_60":96,"_62":36,"_63":-5,"_65":97,"_67":98},{"_44":80,"_13":81,"_47":82,"_49":72,"_50":51,"_52":83,"_54":34,"_55":84,"_16":53,"_58":85,"_60":86,"_62":36,"_63":-5,"_65":87,"_67":88},{"_44":69,"_13":70,"_47":71,"_49":72,"_50":51,"_52":73,"_54":34,"_55":74,"_16":57,"_58":75,"_60":76,"_62":36,"_63":-5,"_65":77,"_67":78},{"_44":45,"_13":46,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":34,"_55":56,"_16":57,"_58":59,"_60":61,"_62":36,"_63":64,"_65":66,"_67":68},"id","df7f7f31-be20-4979-9939-157c001f2cc3","index.ts","fileId","57367fd0-7a5a-11f1-a85b-1607ee4eb77e","parentId","branchId","6ecc2552-20cb-4776-94aa-b375a305fb26","branchVersion",1,"latest","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","label","cute-baby-chat","children",[],"path",[46],"b3ea0eb4-b596-4279-9178-f9975b1d2174","index.tsx","59285656-7a5a-11f1-a85b-1607ee4eb77e","c1852b5d-6794-4de3-9a27-9311a7c6e654",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",[],[79,70],"frontend","ed0f2269-f87e-47e7-9dd5-49217653473e","index.html","58c91934-7a5a-11f1-b5ea-1607ee4eb77e",5,["D",1783466728215],"file","\n\n \n \n \n ♥ Good Morning Baby ♥\n \n \n \n \n \n \n \n

\n \n\n",[],[79,81],"dea689ed-cb4e-4a38-9aaf-09d9c966c140","App.tsx","8038be02-7a5a-11f1-99e9-1607ee4eb77e","f4b33570-ebb7-4940-88ec-5c4285220c12",7,["D",1783466962528],2,"/** @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",[],[79,99,90],"components","63a59b43-73ef-4e75-b36b-b93cc2021918",4,["D",1783466454193],"directory",[40],[79,99],"4e1075b1-4ed7-4709-9fee-343465e7f633",["D",1783466388030],[39,41,42],[79],{"_44":106,"_13":79,"_47":72,"_49":-5,"_50":51,"_52":95,"_54":34,"_55":114,"_16":57,"_58":103,"_60":-5,"_62":36,"_63":-5,"_67":115},{"_44":45,"_13":46,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":34,"_55":112,"_16":57,"_58":59,"_60":61,"_62":36,"_63":64,"_67":113},["D",1783466385394],[46],["D",1783466388030],[79],"pulls","branches","forks","envVars",{"_123":57,"_125":57},"connections",{"_123":57,"_124":57},"count","unfilledCount","emptyCount","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,"_181":177},"org",{"_11":12,"_174":175,"_176":177,"_136":137,"_178":179,"_180":36},"branch",{"_16":93,"_13":165,"_44":51,"_166":126,"_167":-5,"_168":-5,"_169":-5,"_170":-5,"_171":-5,"_172":14,"_173":12},"isOwned","main","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",{"_44":126,"_13":14,"_55":224,"_128":-5,"_129":36,"_130":131,"_132":131,"_133":134,"_135":-5,"_136":137,"_138":-5,"_139":36,"_140":-5,"_141":-5,"_142":57,"_143":144,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":150,"_151":150,"_152":153,"_154":153,"_155":153,"_156":150,"_157":150,"_158":225,"_160":226,"_162":227,"_164":36},"tree",[206,211],[206,207,208,209,210,211],{"_116":57,"_117":53,"_118":57,"_119":204,"_121":205},[200,201],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":106,"_13":79,"_47":72,"_49":-5,"_50":51,"_52":95,"_54":34,"_55":114,"_16":57,"_58":103,"_60":-5,"_62":36,"_63":-5,"_67":203},{"_44":45,"_13":46,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":34,"_55":112,"_16":57,"_58":59,"_60":61,"_62":36,"_63":64,"_67":202},[46],[79],{"_123":57,"_125":57},{"_123":57,"_124":57},{"_44":106,"_13":79,"_47":72,"_49":-5,"_50":51,"_52":95,"_54":34,"_55":107,"_16":57,"_58":103,"_60":-5,"_62":36,"_63":-5,"_65":222,"_67":223},{"_44":100,"_13":99,"_47":92,"_49":72,"_50":51,"_52":101,"_54":34,"_55":102,"_16":57,"_58":103,"_60":-5,"_62":36,"_63":-5,"_65":220,"_67":221},{"_44":89,"_13":90,"_47":91,"_49":92,"_50":51,"_52":93,"_54":34,"_55":94,"_16":95,"_58":75,"_60":96,"_62":36,"_63":-5,"_65":218,"_67":219},{"_44":80,"_13":81,"_47":82,"_49":72,"_50":51,"_52":83,"_54":34,"_55":84,"_16":53,"_58":85,"_60":86,"_62":36,"_63":-5,"_65":216,"_67":217},{"_44":69,"_13":70,"_47":71,"_49":72,"_50":51,"_52":73,"_54":34,"_55":74,"_16":57,"_58":75,"_60":76,"_62":36,"_63":-5,"_65":214,"_67":215},{"_44":45,"_13":46,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":34,"_55":56,"_16":57,"_58":59,"_60":61,"_62":36,"_63":64,"_65":212,"_67":213},[],[46],[],[79,70],[],[79,81],[],[79,99,90],[208],[79,99],[207,209,210],[79],["D",1783466385380],{"_11":12,"_181":177},{"_11":12,"_174":175,"_176":177,"_136":137,"_178":179,"_180":36},{"_16":93,"_13":165,"_44":51,"_166":126,"_167":-5,"_168":-5,"_169":-5,"_170":-5,"_171":-5,"_172":14,"_173":12},"ctx",{"_158":-5,"_197":261,"_262":263,"_264":265,"_266":36,"_267":36,"_268":36,"_269":34,"_270":-5,"_271":-7,"_272":-7,"_273":57,"_274":36,"_275":36,"_276":-5,"_277":36,"_278":36,"_279":36,"_280":-5},"ENV",{"_232":233,"_234":235,"_236":165,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]