Upload your 6 photos

Select 6 images, then click Upload.

\n \n

\n After upload, go back to your Valentine page and click YES.\n

\n `);\n }\n\n try {\n const form = await req.formData();\n const files = form.getAll(\"files\").filter((f) =>\n f instanceof File\n ) as File[];\n\n if (files.length === 0) return page(`

No files received.

`);\n\n for (const f of files) {\n const bytes = new Uint8Array(await f.arrayBuffer());\n // store image bytes\n await blob.set(PREFIX + f.name, bytes);\n // store content-type for correct display\n await blob.setJSON(PREFIX + f.name + \":meta\", {\n contentType: f.type || \"image/jpeg\",\n });\n }\n\n return page(`\n

Uploaded ✅

Your photos are saved. Now open your Valentine page and click Yes.

You uploaded:

${f.name}

\n `);\n } catch (e) {\n return page(`

Error

${String(e)}

`);\n }\n}","deleted","label",[134],"54d1eaa2-01c6-11f1-a114-42dde27851f2","pic6.jpg","4ee4e7d4-01c6-11f1-95d9-42dde27851f2",22,["D",1770208676321],2,[152],"4a5cb6f6-01c6-11f1-9e73-42dde27851f2","pic5.jpg","43ced68e-01c6-11f1-8f90-42dde27851f2",19,["D",1770208658755],[159],"40bf421c-01c6-11f1-8c78-42dde27851f2","pic4.jpg","3aec9d30-01c6-11f1-8c78-42dde27851f2",16,["D",1770208642653],[165],"375d6762-01c6-11f1-b084-42dde27851f2","pic3.jpg","2e47ddf6-01c6-11f1-a3e4-42dde27851f2",13,["D",1770208626899],[171],"2ae3f780-01c6-11f1-97b3-42dde27851f2","pic2.jpg","26cee326-01c6-11f1-8ab4-42dde27851f2",10,["D",1770208605959],[177],"2486cd0e-01c6-11f1-aa2e-42dde27851f2","pic1.jpg","8bd88d14-01c4-11f1-9cb0-42dde27851f2",7,["D",1770208595293],[183],"2660599c-06b2-11f1-89cb-42dde27851f2","main.tsx",["D",1770749764284],26,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst PREFIX = \"valentine_img:\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"No in Greek mean yes?\",\n \"One more chance, bebi?\",\n \"What about a maybe?\",\n];\n\n// 🎈 падащи сърчица\nfunction Hearts() {\n return (\n

\n {Array.from({ length: 24 }).map((_, i) => (\n \n 💗\n \n ))}\n \n

\n );\n}\n\n// 🎉 конфети при Yes\nfunction Confetti() {\n useEffect(() => {\n const canvas = document.createElement(\"canvas\");\n document.body.appendChild(canvas);\n canvas.style.position = \"fixed\";\n canvas.style.inset = \"0\";\n canvas.style.pointerEvents = \"none\";\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n\n const ctx = canvas.getContext(\"2d\")!;\n const pieces = Array.from({ length: 170 }).map(() => ({\n x: Math.random() * canvas.width,\n y: Math.random() * canvas.height - canvas.height,\n r: Math.random() * 6 + 3,\n c: `hsl(${Math.random() * 360},100%,60%)`,\n s: Math.random() * 4 + 2,\n vx: (Math.random() - 0.5) * 2,\n }));\n\n let frame = 0;\n function draw() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n pieces.forEach((p) => {\n p.y += p.s;\n p.x += p.vx;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n ctx.fillStyle = p.c;\n ctx.fill();\n });\n frame++;\n if (frame < 220) requestAnimationFrame(draw);\n else canvas.remove();\n }\n draw();\n }, []);\n\n return null;\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [yes, setYes] = useState(false);\n\n const galleryImages = [\n \"/img/pic1.jpg\",\n \"/img/pic2.jpg\",\n \"/img/pic3.jpg\",\n \"/img/pic4.jpg\",\n \"/img/pic5.jpg\",\n \"/img/pic6.jpg\",\n ];\n\n return (\n \n \n\n {!yes\n ? (\n <>\n \n

\n Will you be my Valentine, Lia? 💘\n

\n\n

\n setYes(true)}\n style={{\n fontSize: `${noClicks * 20 + 16}px`,\n padding: \"10px 20px\",\n background: \"green\",\n color: \"white\",\n borderRadius: 8,\n border: \"none\",\n margin: 10,\n cursor: \"pointer\",\n }}\n >\n Yes\n \n\n setNoClicks((p) => p + 1)}\n style={{\n padding: \"10px 20px\",\n background: \"red\",\n color: \"white\",\n borderRadius: 8,\n border: \"none\",\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 Ако снимките не се виждат: отвори /upload и ги качи пак.\n

\n \n )\n : (\n <>\n \n

Yay!! 💖 I love you!!

\n\n \n {galleryImages.map((src, i) => (\n \n ))}\n \n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\nif (typeof document !== \"undefined\") client();\n\nfunction htmlPage(title: string, body: string) {\n return new Response(\n `\n\n \n ${title}\n \n \n \n ${body}\n`,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n // ===== /upload (GET + POST) — записваме като base64 (сигурно работи) =====\n if (url.pathname === \"/upload\") {\n if (request.method === \"GET\") {\n return htmlPage(\n \"Upload photos\",\n `\n

Upload your 6 photos

Избери 6 снимки с имена точно: pic1.jpg ... pic6.jpg

\n \n

После се върни на началната страница и натисни Yes.

\n `,\n );\n }\n\n const form = await request.formData();\n const files = form.getAll(\"files\").filter((f) =>\n f instanceof File\n ) as File[];\n\n if (files.length === 0) {\n return htmlPage(\n \"Upload\",\n `

Няма получени файлове.

`,\n );\n }\n\n for (const f of files) {\n const buf = new Uint8Array(await f.arrayBuffer());\n const contentType = f.type || \"image/jpeg\";\n\n // bytes -> base64\n let binary = \"\";\n for (let i = 0; i < buf.length; i++) {\n binary += String.fromCharCode(buf[i]);\n }\n const b64 = btoa(binary);\n\n await blob.setJSON(PREFIX + f.name, { b64, contentType });\n }\n\n return htmlPage(\n \"Uploaded\",\n `

Uploaded ✅

Сега отвори Valentine page и натисни Yes.

You uploaded:

${f.name}

`,\n );\n }\n\n // ===== /img/ — четем base64 и връщаме истински bytes =====\n if (url.pathname.startsWith(\"/img/\")) {\n const name = decodeURIComponent(url.pathname.slice(\"/img/\".length));\n const rec = (await blob.getJSON(PREFIX + name)) as\n | { b64?: string; contentType?: string }\n | undefined;\n\n if (!rec?.b64) return new Response(\"Not found\", { status: 404 });\n\n const bin = atob(rec.b64);\n const bytes = new Uint8Array(bin.length);\n for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);\n\n return new Response(bytes, {\n headers: {\n \"content-type\": rec.contentType || \"image/jpeg\",\n \"cache-control\": \"no-store\",\n },\n });\n }\n\n // ===== Default: React app =====\n return new Response(\n `\n \n \n \n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n}",[189],"d8ffb9fc-01c2-11f1-923a-42dde27851f2","README.md","019c2891-f540-719d-9b82-24330a007a68",1,["D",1770207179994],"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.",[195],"pulls","forks","envVars",{"_207":55,"_209":55},"connections",{"_207":55,"_208":55},"count","unfilledCount","emptyCount",{"_20":194,"_13":195,"_135":196,"_137":-5,"_138":21,"_139":197,"_141":51,"_22":244,"_29":55,"_144":105,"_146":199,"_148":40,"_149":-5,"_220":245,"_93":246},{"_20":188,"_13":189,"_135":49,"_137":-5,"_138":21,"_139":30,"_141":51,"_22":241,"_29":191,"_144":145,"_146":192,"_148":40,"_149":-5,"_220":242,"_93":243},{"_20":182,"_13":183,"_135":184,"_137":-5,"_138":21,"_139":185,"_141":51,"_22":238,"_29":156,"_144":105,"_146":94,"_148":40,"_149":-5,"_220":239,"_93":240},{"_20":176,"_13":177,"_135":178,"_137":-5,"_138":21,"_139":179,"_141":51,"_22":235,"_29":156,"_144":105,"_146":94,"_148":40,"_149":-5,"_220":236,"_93":237},{"_20":170,"_13":171,"_135":172,"_137":-5,"_138":21,"_139":173,"_141":51,"_22":232,"_29":156,"_144":105,"_146":94,"_148":40,"_149":-5,"_220":233,"_93":234},{"_20":164,"_13":165,"_135":166,"_137":-5,"_138":21,"_139":167,"_141":51,"_22":229,"_29":156,"_144":105,"_146":94,"_148":40,"_149":-5,"_220":230,"_93":231},{"_20":158,"_13":159,"_135":160,"_137":-5,"_138":21,"_139":161,"_141":51,"_22":226,"_29":156,"_144":105,"_146":94,"_148":40,"_149":-5,"_220":227,"_93":228},{"_20":151,"_13":152,"_135":153,"_137":-5,"_138":21,"_139":154,"_141":51,"_22":223,"_29":156,"_144":105,"_146":94,"_148":40,"_149":-5,"_220":224,"_93":225},{"_20":133,"_13":134,"_135":136,"_137":-5,"_138":21,"_139":140,"_141":51,"_22":219,"_29":143,"_144":145,"_146":147,"_148":40,"_149":-5,"_220":221,"_93":222},["D",1770214284780],"children",[],[134],["D",1770208676321],[],[152],["D",1770208658755],[],[159],["D",1770208642653],[],[165],["D",1770208626899],[],[171],["D",1770208605959],[],[177],["D",1770208595293],[],[183],["D",1770749764284],[],[189],["D",1770207179994],[],[195],["D",1770207179994],{"_11":12,"_91":87},{"_11":12,"_85":-5,"_86":87,"_46":47,"_88":89,"_90":40},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_78":42,"_79":80,"_81":82,"_83":14,"_84":12},"ctx",{"_71":-5,"_115":284,"_285":286,"_287":288,"_289":40,"_290":40,"_291":40,"_292":51,"_293":-5,"_294":-7,"_295":-7,"_296":55,"_297":40,"_298":40,"_299":-5,"_300":40,"_301":40,"_302":40,"_303":-5},"ENV",{"_255":256,"_257":258,"_259":26,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283},"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"]

Branches1

Branches
1