\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}","deleted","label",[100],"permalink","https://www.val.town/x/Ivanku/valentine/code/main.tsx","extension","actionData","errors"]