♥ Good Morning Baby ♥

\n \n\n",[],[134,169],"dea689ed-cb4e-4a38-9aaf-09d9c966c140","App.tsx","8038be02-7a5a-11f1-99e9-1607ee4eb77e","f4b33570-ebb7-4940-88ec-5c4285220c12",["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",[],[134,184,177],"components","63a59b43-73ef-4e75-b36b-b93cc2021918",4,["D",1783466454193],[151],[134,184],["D",1783466388030],[150,152,153],[134],["D",1783466385380],{"_11":12,"_87":83},{"_11":12,"_80":81,"_82":83,"_45":46,"_84":85,"_86":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_75":-5,"_76":-5,"_77":-5,"_78":14,"_79":12},"ctx",{"_68":-5,"_110":230,"_231":232,"_233":234,"_235":38,"_236":38,"_237":38,"_238":108,"_239":-5,"_240":-7,"_241":-7,"_242":52,"_243":38,"_244":38,"_245":-5,"_246":38,"_247":38,"_248":38,"_249":-5},"ENV",{"_201":202,"_203":204,"_205":26,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

Branches1

Branches
1