Figgy Email Builder

Generates Shopify Messaging custom Liquid, grounded in live store data. Paste into your Shopify Messaging campaign as a custom Liquid section — your template already supplies the footer.

\n\n\n

\n\n

Your photos${\n photos.length ? ` — ${photos.length} uploaded` : \"\"\n }

Photos you add here get used ahead of catalog product shots. They are served from this tool's own address — fine for testing and a one-off send. For a campaign you will send again and again, put the image in Shopify Files instead so the URL outlives this tool.

\n \n

\n\n

Manage themes${\n custom.length ? ` — ${custom.length} of your own` : \"\"\n }

Add a theme you send regularly. The brief is the instruction Claude follows every time, so be specific about angle and tone.

\n \n ${\n custom.length\n ? `

\n
${esc(c.label)}
${\n esc(c.brief)\n }
\n Remove\n

`\n : `

No custom themes yet. The seven built-in ones stay available either way.

`\n }\n

\n\n\n\n

`;\n}\nexport default async function (req) {\n const url = new URL(req.url);\n // Uploaded photos are served publicly and unauthenticated — an email client\n // fetching them is not signed in, and never will be.\n if (url.pathname.startsWith(\"/img/\")) {\n const k = decodeURIComponent(url.pathname.slice(5));\n if (!k.startsWith(IMG_PREFIX)) {\n return new Response(\"Not found\", { status: 404 });\n }\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const buf = await blob.get(k).then((r) => r.arrayBuffer());\n const ext = (k.split(\".\").pop() ?? \"\").toLowerCase();\n return new Response(buf, {\n headers: {\n \"Content-Type\": MIME[ext] ?? \"application/octet-stream\",\n \"Cache-Control\": \"public, max-age=31536000, immutable\",\n },\n });\n } catch {\n return new Response(\"Not found\", { status: 404 });\n }\n }\n const key = Deno.env.get(\"BUILDER_KEY\");\n if (!key) {\n return new Response(\"BUILDER_KEY is not set.\", { status: 500 });\n }\n const _tok = await crypto.subtle.digest(\n \"SHA-256\",\n new TextEncoder().encode(\"feb:\" + key),\n ).then((d) =>\n [...new Uint8Array(d)].map((b) => b.toString(16).padStart(2, \"0\")).join(\"\")\n );\n const _m = (req.headers.get(\"cookie\") ?? \"\").match(\n /(?:^|;\\s*)feb_auth=([^;]*)/,\n );\n const _ok = _m ? decodeURIComponent(_m[1]) === _tok : false;\n const _sc =\n `feb_auth=${_tok}; Path=/; HttpOnly; Secure; SameSite=Lax; Max-Age=31536000`;\n let _bad = false;\n if (!_ok && url.searchParams.get(\"key\") === key) {\n url.searchParams.delete(\"key\");\n return new Response(null, {\n status: 303,\n headers: {\n Location: url.pathname +\n (url.searchParams.toString() ? `?${url.searchParams}` : \"\"),\n \"Set-Cookie\": _sc,\n },\n });\n }\n if (!_ok && req.method === \"POST\" && url.searchParams.get(\"signin\") === \"1\") {\n const _f = await req.formData();\n if (String(_f.get(\"key\") ?? \"\") === key) {\n return new Response(null, {\n status: 303,\n headers: { Location: \"/\", \"Set-Cookie\": _sc },\n });\n }\n _bad = true;\n }\n if (!_ok) {\n return new Response(\n `Figgy Email Builder`,\n { status: 401, headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n }\n let custom = await customPresets();\n // add / remove a theme, then redirect so a refresh cannot repeat it\n const addLabel = url.searchParams.get(\"addLabel\")?.trim();\n const addBrief = url.searchParams.get(\"addBrief\")?.trim();\n if (addLabel && addBrief) {\n custom = [...custom, {\n id: \"c\" + Date.now().toString(36),\n label: addLabel,\n brief: addBrief,\n }];\n await saveCustom(custom);\n return new Response(null, {\n status: 303,\n headers: { Location: `?key=${encodeURIComponent(key)}` },\n });\n }\n const del = url.searchParams.get(\"del\");\n if (del) {\n await saveCustom(custom.filter((c) => c.id !== del));\n return new Response(null, {\n status: 303,\n headers: { Location: `?key=${encodeURIComponent(key)}` },\n });\n }\n const all = [\n ...PRESETS.filter((p) => p.id !== \"custom\"),\n ...custom,\n ...PRESETS.filter((p) => p.id === \"custom\"),\n ];\n const sel = url.searchParams.get(\"preset\") ?? all[0].id;\n const extra = url.searchParams.get(\"extra\") ?? \"\";\n const preset = all.find((p) => p.id === sel) ?? all[0];\n const refineOf = url.searchParams.get(\"refineOf\") ?? \"\";\n const refineWith = url.searchParams.get(\"refineWith\")?.trim() ?? \"\";\n // POST = the browser asking for the actual generation, after the page is already visible.\n // photo upload / removal\n if (req.method === \"POST\" && url.searchParams.get(\"upload\") === \"1\") {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const fd = await req.formData();\n const files = fd.getAll(\"photo\").filter((f) => f instanceof File);\n const added = [];\n for (const f of files.slice(0, 12)) {\n const ext = (f.name.split(\".\").pop() ?? \"\").toLowerCase();\n if (!MIME[ext]) {\n continue;\n }\n if (f.size > 3_000_000) {\n continue;\n }\n const k = IMG_PREFIX + Date.now().toString(36) +\n Math.random().toString(36).slice(2, 7) + \".\" + ext;\n await blob.set(k, new Uint8Array(await f.arrayBuffer()));\n added.push(k);\n }\n return new Response(\n JSON.stringify({\n photos: await listPhotos(url.origin),\n added: added.length,\n }),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n } catch (e) {\n return new Response(JSON.stringify({ error: e.message, photos: [] }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n const rm = url.searchParams.get(\"rmPhoto\");\n if (rm) {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n if (rm.startsWith(IMG_PREFIX)) {\n await blob.delete(rm);\n }\n } catch { /* best effort */ }\n return new Response(\n JSON.stringify({ photos: await listPhotos(url.origin) }),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n if (req.method === \"POST\") {\n try {\n const b = await req.json();\n // Live re-check while she edits the code: re-render the preview and\n // re-run the number check against current store data.\n if (b.action === \"check\") {\n const code = String(b.code ?? \"\");\n return new Response(\n JSON.stringify({\n html: await fillLiquid(code),\n validation: validate(code, await liveContext(), b.logo !== false),\n }),\n { headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n const p = all.find((x) => x.id === b.preset) ?? all[0];\n const withLogo = b.logo !== false;\n // Step 1 — fast: gather live store data, photos and (if linked) the blog post.\n // Kept separate from the model call so no single request nears Val Town's 60s ceiling.\n if (b.action === \"prep\") {\n const ctx = await liveContext();\n const photos = await listPhotos(url.origin);\n if (photos.length) {\n ctx.yourPhotos = photos.map((p) => p.url);\n }\n const blog = await blogContext(b.extra);\n if (blog) {\n ctx.blogPost = blog;\n }\n return new Response(JSON.stringify({ ctx }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n // Step 2 — the model call only, nothing else in this request.\n if (b.action === \"gen\") {\n const ctx = b.ctx && typeof b.ctx === \"object\"\n ? b.ctx\n : await liveContext();\n const gen = await generate(\n p,\n String(b.extra ?? \"\"),\n ctx,\n b.refineOf || undefined,\n b.refineWith || undefined,\n withLogo,\n );\n if (withLogo && gen.code && !gen.code.includes(LOGO_URL)) {\n gen.code = gen.code.replace(\n /]*>\\s*FIGGY\\s*<\\/span>/i,\n `${LOGO_TAG}`,\n );\n if (!gen.code.includes(LOGO_URL)) {\n gen.code = gen.code.replace(\n /(]*>)/i,\n `$1\\n

${LOGO_TAG}

`,\n );\n }\n }\n return new Response(JSON.stringify(gen), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n // Legacy single-shot path (older clients). Kept for safety.\n const ctx = await liveContext();\n const photos = await listPhotos(url.origin);\n if (photos.length) {\n ctx.yourPhotos = photos.map((p) => p.url);\n }\n const gen = await generate(\n p,\n String(b.extra ?? \"\"),\n ctx,\n b.refineOf || undefined,\n b.refineWith || undefined,\n withLogo,\n );\n // If the model rendered the wordmark as text, swap in the real logo.\n if (withLogo && gen.code && !gen.code.includes(LOGO_URL)) {\n gen.code = gen.code.replace(\n /]*>\\s*FIGGY\\s*<\\/span>/i,\n `${LOGO_TAG}`,\n );\n if (!gen.code.includes(LOGO_URL)) {\n gen.code = gen.code.replace(\n /(]*>)/i,\n `$1\\n

${LOGO_TAG}

`,\n );\n }\n }\n return new Response(\n JSON.stringify({\n ...gen,\n html: await fillLiquid(gen.code),\n validation: validate(gen.code, ctx, withLogo),\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } catch (e) {\n return new Response(\n JSON.stringify({\n subject: \"\",\n preview: \"\",\n code: `Error: ${e.message}`,\n validation: { issues: [], kb: 0 },\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n return new Response(\n page(sel, extra, all, custom, await listPhotos(url.origin)),\n {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n \"Cache-Control\": \"no-store\",\n },\n },\n );\n}","deleted","label",[114],"pulls",1,"forks","envVars",{"_136":138,"_139":54},"connections",{"_136":54,"_137":54},"count","unfilledCount",4,"emptyCount",{"_20":113,"_13":114,"_115":48,"_116":-5,"_117":21,"_118":30,"_119":50,"_22":141,"_29":121,"_122":123,"_124":125,"_126":38,"_127":-5,"_142":143,"_90":144},["D",1789419951491],"children",[],[114],["D",1787158790581],{"_11":12,"_88":84},{"_11":12,"_82":-5,"_83":84,"_45":46,"_85":86,"_87":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_77":-5,"_78":-5,"_79":-5,"_80":14,"_81":12},"ctx",{"_70":-5,"_109":182,"_183":184,"_185":186,"_187":38,"_188":38,"_189":38,"_190":50,"_191":-5,"_192":-7,"_193":-7,"_194":54,"_195":38,"_196":38,"_197":-5,"_198":38,"_199":38,"_200":38,"_201":-5},"ENV",{"_153":154,"_155":156,"_157":26,"_158":159,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181},"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