[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_107":85,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":57,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",151,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019c2a7d-9de9-764f-8348-3e08ed89a861","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction Main2() {\n const [isAnimating, setIsAnimating] = useState(false);\n const [showBar, setShowBar] = useState(false);\n const [showBranches, setShowBranches] = useState(false);\n const [showHearts, setShowHearts] = useState(false);\n\n const handleButtonClick = () => {\n if (!isAnimating) {\n setIsAnimating(true);\n\n // Nokta düşüp yok olduktan sonra çubuğu göster\n setTimeout(() => {\n setShowBar(true);\n // Ana gövde tamamlanınca dalları göster\n setTimeout(() => {\n setShowBranches(true);\n // Dallar tamamlanınca kalpleri göster\n setTimeout(() => {\n setShowHearts(true);\n }, 2000);\n }, 2000);\n }, 1500);\n }\n };\n\n return (\n \n {/* Yeşil Düğme */}\n \n {!isAnimating ? \"Başlat\" : \"\"}\n \n\n {/* Yeşil Dal/Gövde */}\n {showBar && (\n \n {\n const x0 = 100;\n const yBase = 350;\n const height = 320;\n const w0 = 28;\n const k = 0.55;\n const p = 2.2;\n const bend = -120;\n const n = 60;\n\n const cx = (t: number) =>\n x0 + bend * (t * t) * (-0.35 + 0.65 * Math.sin(t * 1.2));\n const cy = (t: number) => yBase - height * t;\n const w = (t: number) =>\n w0 * Math.pow(Math.max(0.001, 1 - k * t), p);\n\n const L: number[][] = [],\n R: number[][] = [];\n for (let i = 0; i <= n; i++) {\n const t = i / n;\n const t2 = Math.min(1, t + 1 / n);\n const x = cx(t),\n y = cy(t);\n const x2 = cx(t2),\n y2 = cy(t2);\n const dx = x2 - x,\n dy = y2 - y;\n\n const len = Math.hypot(dx, dy) || 1;\n const nx = -dy / len,\n ny = dx / len;\n const half = w(t) / 2;\n\n L.push([x + nx * half, y + ny * half]);\n R.push([x - nx * half, y - ny * half]);\n }\n\n let d = `M ${L[0][0]} ${L[0][1]}`;\n for (let i = 1; i < L.length; i++) {\n d += ` L ${L[i][0]} ${L[i][1]}`;\n }\n for (let i = R.length - 1; i >= 0; i--) {\n d += ` L ${R[i][0]} ${R[i][1]}`;\n }\n return d + \" Z\";\n })()}\n />\n \n )}\n\n {/* Ana Dallar */}\n {showBranches && (\n <>\n {/* Sol taraf dalları */}\n {[\n {\n startY: 250,\n angle: -50,\n size: 0.42,\n bend: -35,\n thickness: 14,\n offsetX: -10,\n },\n {\n startY: 140,\n angle: -40,\n size: 0.7,\n bend: -68,\n thickness: 18,\n offsetX: 0,\n },\n ].map((branch, i) => (\n \n {\n const x0 = (150 * branch.size) / 2;\n const yBase = 180 * branch.size;\n const height = 160 * branch.size;\n const w0 = branch.thickness * branch.size;\n const k = 0.6;\n const p = 2.0;\n const bend = branch.bend;\n const n = 40;\n\n const cx = (t: number) =>\n x0 + bend * (t * t) * (-0.35 + 0.65 * Math.sin(t * 1.2));\n const cy = (t: number) => yBase - height * t;\n const w = (t: number) =>\n w0 * Math.pow(Math.max(0.001, 1 - k * t), p);\n\n const L: number[][] = [],\n R: number[][] = [];\n for (let i = 0; i <= n; i++) {\n const t = i / n;\n const t2 = Math.min(1, t + 1 / n);\n const x = cx(t),\n y = cy(t);\n const x2 = cx(t2),\n y2 = cy(t2);\n const dx = x2 - x,\n dy = y2 - y;\n\n const len = Math.hypot(dx, dy) || 1;\n const nx = -dy / len,\n ny = dx / len;\n const half = w(t) / 2;\n\n L.push([x + nx * half, y + ny * half]);\n R.push([x - nx * half, y - ny * half]);\n }\n\n let d = `M ${L[0][0]} ${L[0][1]}`;\n for (let i = 1; i < L.length; i++) {\n d += ` L ${L[i][0]} ${L[i][1]}`;\n }\n for (let i = R.length - 1; i >= 0; i--) {\n d += ` L ${R[i][0]} ${R[i][1]}`;\n }\n return d + \" Z\";\n })()}\n />\n \n ))}\n\n {/* Sağ taraf dalları */}\n {[\n {\n startY: 190,\n angle: 42,\n size: 0.65,\n bend: 35,\n thickness: 20,\n offsetX: -5,\n },\n {\n startY: 100,\n angle: 48,\n size: 0.85,\n bend: 75,\n thickness: 22,\n offsetX: 0,\n },\n ].map((branch, i) => (\n \n {\n const x0 = (150 * branch.size) / 2;\n const yBase = 180 * branch.size;\n const height = 160 * branch.size;\n const w0 = branch.thickness * branch.size;\n const k = 0.6;\n const p = 2.0;\n const bend = branch.bend;\n const n = 40;\n\n const cx = (t: number) =>\n x0 + bend * (t * t) * (-0.35 + 0.65 * Math.sin(t * 1.2));\n const cy = (t: number) => yBase - height * t;\n const w = (t: number) =>\n w0 * Math.pow(Math.max(0.001, 1 - k * t), p);\n\n const L: number[][] = [],\n R: number[][] = [];\n for (let i = 0; i <= n; i++) {\n const t = i / n;\n const t2 = Math.min(1, t + 1 / n);\n const x = cx(t),\n y = cy(t);\n const x2 = cx(t2),\n y2 = cy(t2);\n const dx = x2 - x,\n dy = y2 - y;\n\n const len = Math.hypot(dx, dy) || 1;\n const nx = -dy / len,\n ny = dx / len;\n const half = w(t) / 2;\n\n L.push([x + nx * half, y + ny * half]);\n R.push([x - nx * half, y - ny * half]);\n }\n\n let d = `M ${L[0][0]} ${L[0][1]}`;\n for (let i = 1; i < L.length; i++) {\n d += ` L ${L[i][0]} ${L[i][1]}`;\n }\n for (let i = R.length - 1; i >= 0; i--) {\n d += ` L ${R[i][0]} ${R[i][1]}`;\n }\n return d + \" Z\";\n })()}\n />\n \n ))}\n \n )}\n\n {/* ✅ DOLU / CONFETTI KALP */}\n {showHearts && (\n <>\n {(() => {\n const hearts: JSX.Element[] = [];\n const colors = [\n \"#ff1744\",\n \"#f50057\",\n \"#d500f9\",\n \"#651fff\",\n \"#ff6090\",\n \"#ff80ab\",\n \"#ea80fc\",\n \"#b388ff\",\n \"#ffc400\",\n \"#ffab00\",\n \"#ff6d00\",\n \"#dd2c00\",\n \"#ff4081\",\n \"#e91e63\",\n \"#9c27b0\",\n \"#673ab7\",\n ];\n\n // (x^2 + y^2 - 1)^3 - x^2*y^3 <= 0 => kalp içi\n const insideHeart = (x: number, y: number) =>\n Math.pow(x * x + y * y - 1, 3) - x * x * Math.pow(y, 3) <= 0;\n\n const COUNT = 1900; // daha dolu olsun diye artırıldı (500-900 arası deneyebilirsin)\n const SCALE = 160; // kalbin boyutu\n const centerBottom = 200;\n\n const heartPositions: { x: number; y: number; size: number }[] = [];\n let tries = 0;\n\n while (heartPositions.length < COUNT && tries < COUNT * 50) {\n tries++;\n\n // kalbi kapsayan kutuda random nokta\n const x = Math.random() * 3.2 - 1.6; // -1.6..1.6\n const y = Math.random() * 3.0 - 1.4; // -1.4..1.6\n\n if (insideHeart(x, y)) {\n const px = x * SCALE;\n const py = (y + 0.15) * SCALE; // biraz yukarı offset\n const size = 6 + Math.random() * 10; // confetti hissi\n heartPositions.push({ x: px, y: py, size });\n }\n }\n\n // delay için karıştır\n const indices = heartPositions.map((_, i) => i);\n for (let i = indices.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [indices[i], indices[j]] = [indices[j], indices[i]];\n }\n\n heartPositions.forEach((pos, i) => {\n const color = colors[Math.floor(Math.random() * colors.length)];\n const delay = indices[i] * 0.008; // daha hızlı dolsun diye düşük\n const randomRotate = Math.random() * 360;\n\n hearts.push(\n \n \n ,\n );\n });\n\n return hearts;\n })()}\n \n )}\n\n {/* Üstte Yazı - \"Seni Seviyorum Hemde Çok\" */}\n {showHearts && (\n \n Seni Seviyorum Hemde Çok 💕\n \n )}\n\n {/* Sol GIF */}\n {showHearts && (\n \n )}\n\n {/* Sağ GIF */}\n {showHearts && (\n \n )}\n\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Green Button Animation\n \n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"Hayır 💔\",\n \"Nasıl Hayırrr 🥺\",\n \"Aşkımmm 💕\",\n \"Aşkımm üzüyorsunn beni 🥺\",\n \"Benim hayatımın anlamı\",\n \"Hadi bitsinn\",\n \"Seni seviyorum bebeğimm\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n const [hoverCount, setHoverCount] = useState(0);\n const [noBtnPosition, setNoBtnPosition] = useState({\n position: \"static\",\n top: \"auto\",\n left: \"auto\",\n });\n const runAway = () => {\n if (typeof window === \"undefined\") return;\n\n const maxWidth = window.innerWidth - 100;\n const maxHeight = window.innerHeight - 50;\n const centerX = window.innerWidth / 2;\n const centerY = window.innerHeight / 2;\n const yesBtnW = (yesButtonSize * 4) + 60;\n const yesBtnH = yesButtonSize + 40;\n\n let newX, newY;\n let safe = false;\n let attempts = 0;\n\n while (!safe && attempts < 20) {\n newX = Math.random() * maxWidth;\n newY = Math.random() * maxHeight;\n const xCollision = Math.abs(newX - (centerX - 50)) < (yesBtnW / 2 + 50);\n const yCollision = Math.abs(newY - (centerY - 25)) < (yesBtnH / 2 + 25);\n if (!xCollision || !yCollision) safe = true;\n attempts++;\n }\n\n setNoBtnPosition({\n position: \"absolute\",\n left: `${newX}px`,\n top: `${newY}px`,\n zIndex: 99,\n });\n };\n\n const moveNoButton = () => {\n if (typeof window === \"undefined\") return;\n\n const newHoverCount = hoverCount + 1;\n setHoverCount(newHoverCount);\n\n // Run 2 times, stay 1 time.\n // 1(run), 2(run), 3(stay), 4(run)...\n if (newHoverCount % 3 === 0) return;\n\n runAway();\n };\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/YfaICXGzuSoAAAAj/i-love-you-i-missed-you.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n setHoverCount(0);\n runAway();\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

Benim Valentine'ım olur musun?

\n \n Evett\n \n \n {noClicks === 0\n ? \"Hayır\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n \n )\n : (\n <>\n {\n e.currentTarget.src =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\"; // Fallback to previous working one\n }}\n />\n \n Seni Seviyorum Hemde Çok\n \n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Valentine's Day Invitation\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","createdAt",["D",1770649525729],"branchVersion","branchId","de689b5c-020d-11f1-b677-42dde27851f2","id","de647860-020d-11f1-b677-42dde27851f2","valentine",["D",1770239401221],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c2a7d-4975-710f-9bb1-6532001eb201","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c2a7d-4975-710f-9bb1-68c162654853","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"isOwned",154,"main","projectId","forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","userHandle","ooztop","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOURuQnhHa2V1YnYya3F3Uld5ZHpnUzQyTXoifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":174,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":175,"_79":176,"_81":177,"_83":25},"tree",[165,166],"files",[165,166],"counts",{"_155":61,"_156":151,"_157":61,"_158":159,"_160":161},"contents",[139,140],"upstreamProject",{"_43":93,"_32":45,"_52":-5,"_53":-5,"_49":50,"_77":137},"upstreamBranch",{"_43":88,"_38":131,"_132":133,"_32":85,"_86":93,"_13":90,"_87":-5,"_89":-5,"_134":135,"_47":-5,"_83":25,"_49":50,"_97":136,"_62":95,"_96":45},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru",{"_99":136,"_106":138},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":151,"_143":57,"_38":152,"_13":61,"_33":20,"_35":153,"_24":25,"_146":-5,"_27":154},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":144,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_27":147},"c38b8cb8-05c8-11f1-99c0-42dde27851f2","parentId","latest",["D",1770649525729],150,"label",[28],"de6b7eee-020d-11f1-b677-42dde27851f2","README.md","019c2a7d-9de9-764f-8348-38d4530964f7",1,["D",1770239401221],"Hello!!! \n\nFeel free to mess around with this val and make it your own :). Just click on \"Fork\" in the top right.\n\nYou can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!\n\nHave fun with it and hopefully your crush says yes hehe.",[149],"pulls","branches","forks","envVars",{"_162":61,"_164":61},"connections",{"_162":61,"_163":61},"count","unfilledCount","emptyCount",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":151,"_143":57,"_38":171,"_13":61,"_33":20,"_35":153,"_24":25,"_146":-5,"_168":172,"_27":173},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":167,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_168":169,"_27":170},["D",1770649525729],"children",[],[28],["D",1770239401221],[],[149],["D",1770239401221],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"ctx",{"_77":-5,"_128":211,"_212":213,"_214":215,"_216":25,"_217":25,"_218":25,"_219":57,"_220":-5,"_221":-7,"_222":-7,"_223":61,"_224":25,"_225":25,"_226":-5,"_227":25,"_228":25,"_229":25,"_230":-5},"ENV",{"_182":183,"_184":185,"_186":85,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"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"]

Diff · v151