iTabs | ${biz.name}

${biz.name}

${biz.location}

\n \n

\n \n 1 / N\n \n

\n \n

\n\n\n

\n \n

\n\n\n

${biz.name}

\n \n

\n \n \n

\n \n \n

\n \n \n \n

\n\n\n`;\n}\n\n// ─── PIN SCREEN ───────────────────────────────────────────────────────────────\nfunction renderPIN() {\n return `\n\n\n \n \n iTabs Live — Editor\n \n \n\n\n

iTabs Live

Enter your PIN to edit

\n ${\n [1, 2, 3, 4, 5, 6, 7, 8, 9].map((n) =>\n '\"\n ).join(\"\")\n }\n \n \n

\n \n`;\n}\n\n// ─── EDITOR ───────────────────────────────────────────────────────────────────\nfunction renderEditor(cards, biz, saved = false) {\n const cardForms = cards.map((c, i) => `\n

Card ${\n i + 1\n }${c.tag || \"CTA\"}

\n ${\n c.hasPhoto\n ? '✓ Photo saved'\n : 'No photo'\n }\n

\n \n ${\n c.hasPhoto\n ? ``\n : \"\"\n }\n

\n \n Headline (wrap key word in <em></em>)\n \n Summary\n \n ${\n c.iButtons && c.iButtons.length\n ? `\n i-Button Label\n \n i-Button Content\n `\n : \"\"\n }\n Analogy Box (optional explainer callout)\n \n \n Add analogy box to this card\n \n

\n Analogy Title\n \n Analogy Text\n \n

`).join(\"\");\n\n return `\n\n\n \n \n iTabs Live — Edit\n \n \n\n\n

iTabs Live

\n ← View Widget\n

\n ${saved ? '

✓ Saved — widget updated!

' : \"\"}\n\n \n\n \n \n\n \n

Add Photo

\n \n \n \n

\n\n \n

Pinch to zoom · Drag to reframe

\n \n \n \n

\n\n \n

\n ☀️ Brightness\n \n

\n \n \n

\n\n \n`;\n}\n\n// ─── MAIN HANDLER ─────────────────────────────────────────────────────────────\nexport default async function (req) {\n const url = new URL(req.url);\n const path = url.pathname;\n\n // Public widget\n if (req.method === \"GET\" && path === \"/\") {\n const [cards, biz] = await Promise.all([getCards(), getBiz()]);\n const photos = await getPhotos(cards);\n return new Response(await renderWidget(cards, biz, photos), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // PIN screen\n if (req.method === \"GET\" && path === \"/edit\") {\n return new Response(renderPIN(), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // PIN verify\n if (req.method === \"POST\" && path === \"/verify-pin\") {\n const { pin } = await req.json();\n if (pin !== EDIT_PIN) return new Response(\"Wrong PIN\", { status: 401 });\n const [cards, biz] = await Promise.all([getCards(), getBiz()]);\n return new Response(renderEditor(cards, biz, false), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // Save cards + biz\n if (req.method === \"POST\" && path === \"/save\") {\n const fd = await req.formData();\n const cards = await getCards();\n\n const biz = {\n name: fd.get(\"bizName\") || \"\",\n location: fd.get(\"bizLoc\") || \"\",\n phone: fd.get(\"bizPhone\") || \"\",\n email: fd.get(\"bizEmail\") || \"\",\n };\n\n cards.forEach((card, i) => {\n const hp = fd.get(\"hp\" + i);\n if (hp !== null) card.hasPhoto = hp === \"1\";\n const hl = fd.get(\"hl\" + i);\n if (hl) card.headline = hl;\n const sm = fd.get(\"sm\" + i);\n if (sm) card.summary = sm;\n const ibl = fd.get(\"ibl\" + i);\n if (ibl && card.iButtons && card.iButtons.length) {\n card.iButtons[0].label = ibl;\n }\n const ibc = fd.get(\"ibc\" + i);\n if (ibc && card.iButtons && card.iButtons.length) {\n card.iButtons[0].content = ibc;\n }\n const anOn = fd.get(\"an\" + i) === \"1\";\n const anTitle = fd.get(\"ant\" + i) || \"\";\n const anText = fd.get(\"anx\" + i) || \"\";\n card.analogy = (anOn && anTitle && anText)\n ? { title: anTitle, text: anText }\n : null;\n });\n\n await Promise.all([\n blob.setJSON(BLOB_CARDS, cards),\n blob.setJSON(BLOB_BIZ, biz),\n ]);\n\n // Return editor directly with saved banner (no redirect — PIN already passed)\n return new Response(renderEditor(cards, biz, true), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // Save photo\n if (req.method === \"POST\" && path === \"/save-photo\") {\n const { index, data } = await req.json();\n const cards = await getCards();\n if (data) {\n cards[index].hasPhoto = true;\n await blob.setJSON(\"itabs-photo-\" + index, { d: data });\n } else {\n cards[index].hasPhoto = false;\n try {\n await blob.delete(\"itabs-photo-\" + index);\n } catch {}\n }\n await blob.setJSON(BLOB_CARDS, cards);\n return new Response(JSON.stringify({ ok: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(\"Not found\", { status: 404 });\n}","deleted","label",[103],"permalink","https://www.val.town/x/jgwynne7_4bf3679b/iTabsLive/code/main.ts","extension","actionData","errors"]