Valentine 💖

\n\n \n\n \n\n\n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label","children",[],[158],{"_105":179,"_97":180,"_159":181,"_161":-5,"_162":144,"_163":182,"_165":166,"_107":183,"_102":184,"_169":170,"_171":185,"_173":22,"_174":-5,"_175":186,"_100":187},"00c36b38-0343-11f1-9ea7-42dde27851f2","TEB.ts","dd84e264-0342-11f1-a1c3-42dde27851f2",19,["D",1770372173558],3,"import React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n/* Messages for No button */\nconst NO_PHRASES = [\n \"No 💔\",\n \"Pretty please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, pookie?\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I'm fragile\",\n];\n\n/* Main container style */\nconst mainStyle = {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: \"100vh\",\n fontFamily: \"Arial, sans-serif\",\n textAlign: \"center\",\n};\n\n/* Button style */\nfunction btnStyle(color) {\n return {\n fontSize: \"18px\",\n margin: \"10px\",\n padding: \"12px 25px\",\n backgroundColor: color,\n color: \"white\",\n border: \"none\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n };\n}\n\n/* Main App */\nfunction App() {\n const [step, setStep] = useState(0);\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n const yesSize = noClicks * 20 + 16;\n\n const firstImg =\n \"https://media.tenor.com/kutFNFXxSIsAAAAM/minion-minion-loves.gif\";\n const secondImg = \"https://media.tenor.com/FJggRvgHchQAAAAM/niciligifs.gif\";\n\n /* STEP 1 */\n if (step === 0) {\n return React.createElement(\n \"div\",\n { style: mainStyle },\n React.createElement(\n \"h1\",\n null,\n \"I want you to answer a few questions for me 🥺❤️\",\n ),\n React.createElement(\n \"div\",\n null,\n React.createElement(\n \"button\",\n { style: btnStyle(\"green\"), onClick: () => setStep(1) },\n \"Okay\",\n ),\n ),\n );\n }\n\n /* STEP 2 */\n if (step === 1) {\n return React.createElement(\n \"div\",\n { style: mainStyle },\n React.createElement(\"h1\", null, \"Roses are red 🌹, violets are…\"),\n React.createElement(\n \"div\",\n null,\n React.createElement(\n \"button\",\n { style: btnStyle(\"purple\"), onClick: () => setStep(2) },\n \"Purple 💜\",\n ),\n React.createElement(\n \"button\",\n { style: btnStyle(\"dodgerblue\"), onClick: () => setStep(2) },\n \"Blue 💙\",\n ),\n ),\n );\n }\n\n /* STEP 3 */\n if (!isValentine) {\n return React.createElement(\n \"div\",\n { style: mainStyle },\n React.createElement(\"img\", { src: firstImg }),\n React.createElement(\n \"h1\",\n null,\n \"Tebogo will you be my Valentine? 🥺❤️\",\n ),\n React.createElement(\n \"div\",\n null,\n React.createElement(\n \"button\",\n {\n onClick: () => setIsValentine(true),\n style: {\n fontSize: yesSize + \"px\",\n margin: \"10px\",\n padding: \"10px 20px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"6px\",\n cursor: \"pointer\",\n },\n },\n \"Yes\",\n ),\n React.createElement(\n \"button\",\n {\n onClick: () => setNoClicks((p) => p + 1),\n style: {\n fontSize: \"16px\",\n margin: \"10px\",\n padding: \"10px 20px\",\n backgroundColor: \"red\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"6px\",\n cursor: \"pointer\",\n },\n },\n noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)],\n ),\n ),\n );\n }\n\n /* FINAL */\n return React.createElement(\n \"div\",\n { style: mainStyle },\n React.createElement(\"img\", { src: secondImg }),\n React.createElement(\n \"div\",\n {\n style: {\n fontSize: \"48px\",\n fontWeight: \"bold\",\n },\n },\n \"yeyii!!🥺❤️🎉 I love you sm Mamakhe\",\n ),\n );\n}\n\n/* Client render */\nfunction client() {\n const root = document.getElementById(\"root\");\n if (root) {\n createRoot(root).render(React.createElement(App));\n }\n}\n\nif (typeof window !== \"undefined\") {\n client();\n}\n\n/* Server */\nexport default async function server() {\n return new Response(\n `\n\n\n\n Valentine 💖\n \n\n\n\n

\n\n \n\n \n\n\n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}",[],[180],{"_105":189,"_97":101,"_159":190,"_161":-5,"_162":144,"_163":143,"_165":166,"_107":191,"_102":192,"_169":193,"_171":194,"_173":22,"_174":-5,"_175":195,"_100":196},"420a229e-0343-11f1-9ea7-42dde27851f2","4bbe9264-0340-11f1-b5c9-42dde27851f2",["D",1770372283073],10,"email","import React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n/* Messages for No button */\nconst NO_PHRASES = [\n \"No 💔\",\n \"Pretty please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, pookie?\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I'm fragile\",\n];\n\n/* Main container style */\nconst mainStyle = {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: \"100vh\",\n fontFamily: \"Arial, sans-serif\",\n textAlign: \"center\",\n};\n\n/* Button style */\nfunction btnStyle(color) {\n return {\n fontSize: \"18px\",\n margin: \"10px\",\n padding: \"12px 25px\",\n backgroundColor: color,\n color: \"white\",\n border: \"none\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n };\n}\n\n/* Main App */\nfunction App() {\n const [step, setStep] = useState(0);\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n const yesSize = noClicks * 20 + 16;\n\n const firstImg =\n \"https://media.tenor.com/kutFNFXxSIsAAAAM/minion-minion-loves.gif\";\n const secondImg = \"https://media.tenor.com/FJggRvgHchQAAAAM/niciligifs.gif\";\n\n /* STEP 1 */\n if (step === 0) {\n return React.createElement(\n \"div\",\n { style: mainStyle },\n React.createElement(\n \"h1\",\n null,\n \"I want you to answer a few questions for me 🥺❤️\",\n ),\n React.createElement(\n \"div\",\n null,\n React.createElement(\n \"button\",\n { style: btnStyle(\"green\"), onClick: () => setStep(1) },\n \"Okay\",\n ),\n ),\n );\n }\n\n /* STEP 2 */\n if (step === 1) {\n return React.createElement(\n \"div\",\n { style: mainStyle },\n React.createElement(\"h1\", null, \"Roses are red 🌹, violets are…\"),\n React.createElement(\n \"div\",\n null,\n React.createElement(\n \"button\",\n { style: btnStyle(\"purple\"), onClick: () => setStep(2) },\n \"Purple 💜\",\n ),\n React.createElement(\n \"button\",\n { style: btnStyle(\"dodgerblue\"), onClick: () => setStep(2) },\n \"Blue 💙\",\n ),\n ),\n );\n }\n\n /* STEP 3 */\n if (!isValentine) {\n return React.createElement(\n \"div\",\n { style: mainStyle },\n React.createElement(\"img\", { src: firstImg }),\n React.createElement(\n \"h1\",\n null,\n \"Tashely will you be my Valentine? 🥺❤️\",\n ),\n React.createElement(\n \"div\",\n null,\n React.createElement(\n \"button\",\n {\n onClick: () => setIsValentine(true),\n style: {\n fontSize: yesSize + \"px\",\n margin: \"10px\",\n padding: \"10px 20px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"6px\",\n cursor: \"pointer\",\n },\n },\n \"Yes\",\n ),\n React.createElement(\n \"button\",\n {\n onClick: () => setNoClicks((p) => p + 1),\n style: {\n fontSize: \"16px\",\n margin: \"10px\",\n padding: \"10px 20px\",\n backgroundColor: \"red\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"6px\",\n cursor: \"pointer\",\n },\n },\n noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)],\n ),\n ),\n );\n }\n\n /* FINAL */\n return React.createElement(\n \"div\",\n { style: mainStyle },\n React.createElement(\"img\", { src: secondImg }),\n React.createElement(\n \"div\",\n {\n style: {\n fontSize: \"48px\",\n fontWeight: \"bold\",\n },\n },\n \"yeyii!!🥺❤️🎉 I love you sm Ms Lordyy\",\n ),\n );\n}\n\n/* Client render */\nfunction client() {\n const root = document.getElementById(\"root\");\n if (root) {\n createRoot(root).render(React.createElement(App));\n }\n}\n\nif (typeof window !== \"undefined\") {\n client();\n}\n\n/* Server */\nexport default async function server() {\n return new Response(\n `\n\n\n\n Valentine 💖\n \n\n\n\n

\n\n \n\n \n\n\n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}",[],[101],"files",[156,178,188],"counts",{"_201":33,"_202":203,"_204":33,"_205":206,"_209":210},"pulls","branches",1,"forks","envVars",{"_207":33,"_208":33},"count","emptyCount","connections",{"_207":33,"_211":33},"unfilledCount","contents",[],"file",{"_105":189,"_162":144,"_159":190,"_97":101,"_171":194,"_169":193,"_102":192,"_161":-5,"_107":216,"_163":143,"_174":-5,"_100":217},["D",1770372283073],[101],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_95":96,"_97":98,"_99":45,"_100":101,"_103":226,"_214":231,"_234":235,"_277":278,"_291":-7,"_292":33,"_293":22},{"_105":106,"_97":98,"_107":227,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":-5,"_117":22,"_118":-5,"_119":-5,"_120":33,"_16":121,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":228,"_136":229,"_141":230,"_153":22},["D",1770371010840],{"_95":96,"_134":135},{"_95":96,"_138":135,"_14":115,"_139":140},{"_102":143,"_97":45,"_105":144,"_145":106,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":98,"_152":96},{"_105":189,"_97":101,"_159":190,"_161":-5,"_162":144,"_163":143,"_165":166,"_107":232,"_102":192,"_169":193,"_171":194,"_173":22,"_174":-5,"_100":233},["D",1770372283073],[101],"history",[236,238,244,248,252,256,259,263,267,271,274],{"_105":189,"_162":144,"_159":190,"_97":101,"_171":194,"_169":193,"_102":192,"_161":-5,"_107":237,"_163":143,"_174":-5},["D",1770372283073],{"_105":239,"_162":144,"_159":190,"_97":101,"_171":194,"_169":240,"_102":241,"_161":-5,"_107":242,"_163":243,"_174":-5},"3f23938a-0343-11f1-8a24-42dde27851f2","script",9,["D",1770372278208],20,{"_105":245,"_162":144,"_159":190,"_97":101,"_171":194,"_169":170,"_102":246,"_161":-5,"_107":247,"_163":241,"_174":-5},"5ae38540-0342-11f1-9e72-42dde27851f2",8,["D",1770371895254],{"_105":249,"_162":144,"_159":190,"_97":101,"_171":172,"_169":170,"_102":250,"_161":-5,"_107":251,"_163":246,"_174":-5},"4be82b0e-0342-11f1-994d-42dde27851f2",7,["D",1770371870128],{"_105":253,"_162":144,"_159":190,"_97":101,"_171":194,"_169":170,"_102":254,"_161":-5,"_107":255,"_163":250,"_174":-5},"de2ce938-0341-11f1-994d-42dde27851f2",6,["D",1770371686028],{"_105":257,"_162":144,"_159":190,"_97":101,"_171":194,"_169":240,"_102":168,"_161":-5,"_107":258,"_163":254,"_174":-5},"154a6202-0341-11f1-b69f-42dde27851f2",["D",1770371349001],{"_105":260,"_162":144,"_159":190,"_97":101,"_171":74,"_169":240,"_102":261,"_161":-5,"_107":262,"_163":168,"_174":-5},"f62a8d20-0340-11f1-9387-42dde27851f2",4,["D",1770371296783],{"_105":264,"_162":144,"_159":190,"_97":101,"_171":265,"_169":240,"_102":184,"_161":-5,"_107":266,"_163":261,"_174":-5},"f5a55a2e-0340-11f1-82d1-42dde27851f2","// Learn more: https://docs.val.town/vals/email/\nexport default async function (e: Email) {\n console.log(e);\n}",["D",1770371295909],{"_105":268,"_162":144,"_159":190,"_97":101,"_171":265,"_169":193,"_102":269,"_161":-5,"_107":270,"_163":184,"_174":-5},"d7325a88-0340-11f1-8e1a-42dde27851f2",2,["D",1770371244830],{"_105":272,"_162":144,"_159":190,"_97":101,"_171":74,"_169":193,"_102":203,"_161":-5,"_107":273,"_163":269,"_174":-5},"d6ab14d8-0340-11f1-b6ba-42dde27851f2",["D",1770371243941],{"_105":275,"_162":144,"_159":190,"_97":101,"_171":74,"_169":240,"_102":33,"_161":-5,"_107":276,"_163":203,"_174":-5},"4bbe91a6-0340-11f1-b5c9-42dde27851f2",["D",1770371010864],"versions",[279,281,282,283,284,285,286,287,288,289,290],{"_214":236,"_280":238},"previous",{"_214":238,"_280":244},{"_214":244,"_280":248},{"_214":248,"_280":252},{"_214":252,"_280":256},{"_214":256,"_280":259},{"_214":259,"_280":263},{"_214":263,"_280":267},{"_214":267,"_280":271},{"_214":271,"_280":274},{"_214":274,"_280":-5},"versionNumber","page","hasNext","actionData","errors"]

all4sabzz

tashley

History for main.ts