♥ Good Morning Baby ♥

\n \n\n","label",[162,65],"frontend","pulls","branches","forks","envVars",{"_170":26,"_172":26},"connections",{"_170":26,"_171":26},"count","unfilledCount","emptyCount",{"_33":216,"_13":162,"_63":153,"_43":-5,"_35":36,"_154":40,"_155":147,"_37":217,"_39":26,"_66":213,"_158":-5,"_67":24,"_160":-5,"_186":218,"_17":219},{"_33":210,"_13":209,"_63":204,"_43":153,"_35":36,"_154":211,"_155":147,"_37":212,"_39":26,"_66":213,"_158":-5,"_67":24,"_160":-5,"_186":214,"_17":215},{"_33":201,"_13":202,"_63":203,"_43":204,"_35":36,"_154":115,"_155":147,"_37":205,"_39":40,"_66":194,"_158":206,"_67":24,"_160":-5,"_186":207,"_17":208},{"_33":152,"_13":65,"_63":64,"_43":153,"_35":36,"_154":73,"_155":147,"_37":198,"_39":157,"_66":21,"_158":159,"_67":24,"_160":-5,"_186":199,"_17":200},{"_33":189,"_13":190,"_63":191,"_43":153,"_35":36,"_154":192,"_155":147,"_37":193,"_39":26,"_66":194,"_158":195,"_67":24,"_160":-5,"_186":196,"_17":197},{"_33":179,"_13":180,"_63":181,"_43":-5,"_35":36,"_154":157,"_155":147,"_37":182,"_39":26,"_66":183,"_158":184,"_67":24,"_160":185,"_186":187,"_17":188},"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",[],[180],"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",[],[162,190],["D",1783466728215],[],[162,65],"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",[],[162,209,202],"components","63a59b43-73ef-4e75-b36b-b93cc2021918",4,["D",1783466454193],"directory",[175],[162,209],"4e1075b1-4ed7-4709-9fee-343465e7f633",["D",1783466388030],[174,176,177],[162],["D",1783466385380],{"_11":12,"_129":70},{"_11":12,"_124":125,"_69":70,"_30":68,"_126":127,"_128":24},{"_39":115,"_13":16,"_33":36,"_116":81,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":14,"_123":12},"ctx",{"_53":-5,"_149":257,"_258":259,"_260":261,"_262":24,"_263":24,"_264":24,"_265":147,"_266":-5,"_267":-7,"_268":-7,"_269":26,"_270":24,"_271":24,"_272":-5,"_273":24,"_274":24,"_275":24,"_276":-5},"ENV",{"_228":229,"_230":231,"_232":16,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256},"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 · index.html