[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_154":155,"_156":157},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":86,"_27":53,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":58,"_121":-5,"_122":-5,"_123":124},"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":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",25,"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.ts","latestPath","fileId","64389860-9bef-11f1-a506-1607ee4eb77e","name","fileType","http","content","/**\n * FIGGY EMAIL BUILDER — Val Town HTTP handler\n *\n * Generates paste-ready Shopify Messaging (formerly Shopify Email) custom Liquid,\n * grounded in live store data pulled from the Figgy ops dashboard.\n *\n * ENV VARS:\n * ANTHROPIC_API_KEY your Anthropic key\n * DASH_URL https://.web.val.run\n * DASH_KEY the dashboard's key\n * BUILDER_KEY access key for this page\n *\n * ACCESS: https://.web.val.run/?key=BUILDER_KEY\n */\nconst MODEL = \"claude-sonnet-4-6\";\n/** Only these resolve in a Shopify Messaging campaign. Anything else renders blank. */\nconst VARS = [\n \"all_products\",\n \"shop.name\",\n \"shop.domain\",\n \"shop.url\",\n \"shop.shopify_domain\",\n \"shop.address.address1\",\n \"shop.address.city\",\n \"shop.address.province\",\n \"shop.address.zip\",\n \"customer.first_name\",\n \"customer.last_name\",\n \"customer.name\",\n \"customer.email\",\n \"customer.orders_count\",\n \"customer.total_spent\",\n \"customer.tags\",\n \"customer.last_order\",\n \"customer.accepts_marketing\",\n \"customer.has_account\",\n \"customer.default_address\",\n \"email.subject\",\n \"email.preview_text\",\n \"unsubscribe_url\",\n \"unsubscribe_link\",\n \"open_tracking\",\n \"open_tracking_block\",\n];\n/** Edit this list to add your own recurring email types. */\nconst PRESETS = [\n {\n id: \"clearance\",\n label: \"Clearance color push\",\n brief:\n \"Push the clearance colorways. Lead with the color and the saving, not brand story. \" +\n \"Say plainly they are going away and are final sale. Warm, specific, no hype.\",\n },\n {\n id: \"gifting\",\n label: \"Grandparent / gifting\",\n brief:\n \"Aimed at grandparents and gift buyers. Anchor on the Golden Grandparent Award \" +\n \"(Style Meets Play, ZestYears, 2026), judged by grandparents testing at home. \" +\n \"Address the real objection: they do not know which color or size to pick. \" +\n \"Point to the gift card as the safe choice.\",\n },\n {\n id: \"newcolor\",\n label: \"New color or fabric drop\",\n brief:\n \"Announce a new colorway or fabric. Lead with how it looks in a real room. \" +\n \"Mention swatches for anyone unsure about color on screen.\",\n },\n {\n id: \"swatch\",\n label: \"Swatch follow-up\",\n brief:\n \"For people who ordered a swatch set but have not bought. No pressure. \" +\n \"Acknowledge that choosing a color is the hard part and offer help.\",\n },\n {\n id: \"delay\",\n label: \"Shipping delay notice\",\n brief:\n \"Orders are running late. Give a real revised expectation, apologize once without groveling, \" +\n \"and offer a clear route to cancel for a full refund. Proactive honesty prevents chargebacks.\",\n },\n {\n id: \"winback\",\n label: \"Win-back / expansion\",\n brief:\n \"For existing customers. Focus on expansion pieces — wedges, half moons, play mats, cover sets — \" +\n \"rather than re-selling the couch they already own.\",\n },\n {\n id: \"blogpost\",\n label: \"New blog post\",\n brief:\n \"Announce a new post on the Figgy Journal. Paste the post URL in the Also box. \" +\n \"Use CONTEXT.blogPost (title, description, opening text) as the source — lead with the useful \" +\n \"idea or takeaway readers get, not 'we wrote a blog'. One CTA button to the post URL exactly as given. \" +\n \"At most one product mention; the post is the point, not a sale.\",\n },\n {\n id: \"custom\",\n label: \"Custom brief\",\n brief: \"\",\n },\n];\n/** The official mark. Emails must use this image — never type \"FIGGY\" as styled text. */\nconst LOGO_URL =\n \"https://cdn.shopify.com/s/files/1/0517/7884/6915/files/Figgy_Logo_Green.png?v=1625082885\";\nconst LOGO_TAG = ` $\"Figgy\"$ `;\nconst BLOB_KEY = \"figgy_email_presets\";\n/** Presets you add in the UI, stored so they survive restarts. */\nasync function customPresets() {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const v = await blob.getJSON(BLOB_KEY);\n return Array.isArray(v) ? v : [];\n } catch {\n return [];\n }\n}\nasync function saveCustom(list) {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n await blob.setJSON(BLOB_KEY, list);\n } catch { /* best effort */ }\n}\nasync function liveContext() {\n const base = Deno.env.get(\"DASH_URL\");\n const key = Deno.env.get(\"DASH_KEY\");\n if (!base || !key) {\n return {\n note: \"DASH_URL / DASH_KEY not set — generating without live store data.\",\n };\n }\n try {\n const r = await fetch(\n `${base}/?format=json&key=${encodeURIComponent(key)}`,\n );\n if (!r.ok) {\n return { note: `Dashboard returned ${r.status}` };\n }\n const d = await r.json();\n return {\n catalogFloor: d?.integrity?.catalogFloor,\n productHandles: d?.productHandles ?? [],\n clearance: (d?.inventory ?? []).filter((i) => i.onSale),\n // The generator may only use figures it can see. Starving it of pricing rows\n // is what makes it invent them, so send plenty.\n inventory: (d?.inventory ?? []).slice(0, 60),\n pricing: (d?.pricing?.rows ?? []).slice(0, 40),\n aov: d?.ops?.aov30,\n unfulfilled: d?.ops?.unfulfilled,\n oldestUnfulfilledDays: d?.ops?.oldestUnfulfilledDays,\n activeCodes: (d?.campaigns ?? []).slice(0, 6).map((c) => c.code),\n };\n } catch (e) {\n return { note: `Could not reach dashboard: ${e.message}` };\n }\n}\n/** If the brief points at a figgyplay.com page, pull its title/description/opening text so the email is grounded. */\nasync function blogContext(extra) {\n const m = String(extra ?? \"\").match(\n /https?:\\/\\/(?:www\\.)?figgyplay\\.com\\/[^\\s\"'<>)]+/,\n );\n if (!m) {\n return null;\n }\n try {\n const r = await fetch(m[0], {\n headers: { \"User-Agent\": \"Mozilla/5.0 (FiggyEmailBuilder)\" },\n });\n if (!r.ok) {\n return { url: m[0], note: `Page returned ${r.status}` };\n }\n const html = await r.text();\n const pick = (re) =>\n (html.match(re)?.[1] ?? \"\").replace(/\\s+/g, \" \").trim();\n const title = pick(/([^<]*)<\\/title>/i);\n const description = pick(\n //i)?.[0] ?? html)\n .replace(/|/gi, \"\")\n .replace(/<[^>]+>/g, \" \").replace(/ /g, \" \").replace(/&/g, \"&\")\n .replace(/\\s+/g, \" \").trim();\n return {\n url: m[0],\n title,\n description,\n image,\n openingText: body.slice(0, 1800),\n };\n } catch (e) {\n return { url: m[0], note: `Could not fetch page: ${e.message}` };\n }\n}\n/** Flatten everything CONTEXT contains so the email can be checked against it. */\nfunction harvestFacts(v, nums, strs, depth = 0) {\n if (v == null || depth > 8) {\n return;\n }\n if (typeof v === \"number\") {\n if (Number.isFinite(v)) {\n nums.add(Math.round(v * 100) / 100);\n }\n return;\n }\n if (typeof v === \"string\") {\n strs.add(v.toLowerCase());\n // Digits inside URLs, filenames and long ids are not figures about the store.\n // Counting them would let an invented price find a coincidental match.\n if (/^https?:|\\.(png|jpe?g|webp|gif|svg)\\b/i.test(v)) {\n return;\n }\n for (const m of v.matchAll(/\\d[\\d,]*(?:\\.\\d+)?/g)) {\n const n = parseFloat(m[0].replace(/,/g, \"\"));\n if (Number.isFinite(n) && n < 100000) {\n nums.add(Math.round(n * 100) / 100);\n }\n }\n return;\n }\n if (Array.isArray(v)) {\n for (const x of v) {\n harvestFacts(x, nums, strs, depth + 1);\n }\n return;\n }\n if (typeof v === \"object\") {\n for (const k of Object.keys(v)) {\n harvestFacts(v[k], nums, strs, depth + 1);\n }\n }\n}\n/**\n * THE FAIL-SAFE.\n * Every dollar amount, stock count, discount and product handle in the email has to\n * trace back to something the live store data actually said. Anything that does not\n * is an error, which withholds the \"safe to paste\" badge.\n */\nfunction checkFigures(code, ctx) {\n const issues = [];\n const nums = new Set();\n const strs = new Set();\n harvestFacts(ctx, nums, strs);\n if (nums.size === 0) {\n issues.push({\n level: \"warn\",\n msg:\n \"No live store data reached this run, so not one figure in this email could be checked. Verify every number by hand.\",\n });\n return issues;\n }\n const known = (n) => {\n for (const k of nums) {\n if (Math.abs(k - n) < 0.011) {\n return true;\n }\n }\n return false;\n };\n const seen = new Set();\n for (const m of code.matchAll(/\\$\\s?(\\d[\\d,]*(?:\\.\\d{1,2})?)/g)) {\n const n = parseFloat(m[1].replace(/,/g, \"\"));\n if (!Number.isFinite(n) || seen.has(\"$\" + n)) {\n continue;\n }\n seen.add(\"$\" + n);\n if (!known(n)) {\n issues.push({\n level: \"error\",\n msg: `$${\n m[1]\n } appears nowhere in the live store data. Check it in Shopify before sending.`,\n });\n }\n }\n for (\n const m of code.matchAll(\n /(\\d[\\d,]*)\\s*(?:remaining|left|in stock|available)/gi,\n )\n ) {\n const n = parseFloat(m[1].replace(/,/g, \"\"));\n if (!Number.isFinite(n) || seen.has(\"n\" + n)) {\n continue;\n }\n seen.add(\"n\" + n);\n if (!known(n)) {\n issues.push({\n level: \"error\",\n msg: `\"${\n m[0].trim()\n }\" is not a stock number the store reported. Check it before sending.`,\n });\n }\n }\n for (const m of code.matchAll(/(\\d{1,3})\\s*%\\s*off/gi)) {\n const n = parseFloat(m[1]);\n if (seen.has(\"p\" + n)) {\n continue;\n }\n seen.add(\"p\" + n);\n if (!known(n)) {\n issues.push({\n level: \"error\",\n msg: `\"${m[1]}% off\" is not a discount the store reported.`,\n });\n }\n }\n const raw = ctx.productHandles;\n const handleList = Array.isArray(raw)\n ? raw.map((h) =>\n String(typeof h === \"string\" ? h : (h?.handle ?? \"\")).toLowerCase()\n ).filter(Boolean)\n : [];\n if (handleList.length) {\n for (const m of code.matchAll(/all_products\\[\\s*['\"]([^'\"]+)['\"]\\s*\\]/g)) {\n const h = m[1].toLowerCase();\n if (seen.has(\"h\" + h)) {\n continue;\n }\n seen.add(\"h\" + h);\n if (!handleList.includes(h)) {\n issues.push({\n level: \"error\",\n msg: `Product handle \"${\n m[1]\n }\" is not in the store. That link and image will break.`,\n });\n }\n }\n }\n return issues;\n}\nconst IMG_PREFIX = \"figgy_email_img_\";\nconst MIME = {\n png: \"image/png\",\n jpg: \"image/jpeg\",\n jpeg: \"image/jpeg\",\n webp: \"image/webp\",\n gif: \"image/gif\",\n};\n/** Photos Rachel uploaded, newest last, as { key, url }. */\nasync function listPhotos(origin) {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const items = await blob.list(IMG_PREFIX);\n return items.map((i) => ({\n key: String(i.key),\n url: `${origin}/img/${encodeURIComponent(String(i.key))}`,\n }));\n } catch {\n return [];\n }\n}\nconst IMG_CACHE = new Map();\n/** Featured product photos for the handles this email uses, so the preview looks real. */\nasync function productImages(code) {\n const handles = [\n ...new Set(\n [...code.matchAll(/all_products\\[\\s*['\"]([^'\"]+)['\"]\\s*\\]/g)].map((m) =>\n m[1]\n ),\n ),\n ].slice(0, 8);\n const out = {};\n await Promise.all(handles.map(async (h) => {\n if (IMG_CACHE.has(h)) {\n out[h] = IMG_CACHE.get(h);\n return;\n }\n try {\n const r = await fetch(\n `https://figgyplay.com/products/${encodeURIComponent(h)}.js`,\n );\n if (!r.ok) {\n return;\n }\n const p = await r.json();\n const src = p?.featured_image ?? p?.images?.[0];\n if (src) {\n const u = String(src).replace(/^\\/\\//, \"https://\");\n IMG_CACHE.set(h, u);\n out[h] = u;\n }\n } catch { /* preview falls back to the logo */ }\n }));\n return out;\n}\n/**\n * Swap Liquid placeholders for sample values so the email can be rendered in a\n * preview iframe. Sample data only — Shopify fills the real values on send.\n */\nasync function fillLiquid(code) {\n const imgs = await productImages(code);\n let s = code;\n s = s.replace(\n /https:\\s*\\{\\{\\s*all_products\\[\\s*['\"]([^'\"]+)['\"]\\s*\\][^}]*\\}\\}/g,\n (_m, h) => imgs[h] ?? LOGO_URL,\n );\n s = s.replace(\n /\\{\\{\\s*all_products\\[\\s*['\"]([^'\"]+)['\"]\\s*\\]\\.url\\s*\\}\\}/g,\n (_m, h) => `/products/${h}`,\n );\n s = s.replace(/\\{\\{\\s*customer\\.first_name[^}]*\\}\\}/g, \"Sarah\");\n s = s.replace(/\\{\\{\\s*customer\\.name[^}]*\\}\\}/g, \"Sarah Miller\");\n s = s.replace(/\\{\\{\\s*shop\\.url\\s*\\}\\}/g, \"https://figgyplay.com\");\n s = s.replace(/\\{\\{\\s*shop\\.name\\s*\\}\\}/g, \"Figgy\");\n s = s.replace(\n /\\{\\{\\s*shop\\.(domain|shopify_domain)\\s*\\}\\}/g,\n \"figgyplay.com\",\n );\n s = s.replace(/\\{\\{\\s*shop\\.address\\.address1\\s*\\}\\}/g, \"123 Example Street\");\n s = s.replace(/\\{\\{\\s*shop\\.address\\.city\\s*\\}\\}/g, \"Madison\");\n s = s.replace(/\\{\\{\\s*shop\\.address\\.province\\s*\\}\\}/g, \"WI\");\n s = s.replace(/\\{\\{\\s*shop\\.address\\.zip\\s*\\}\\}/g, \"53703\");\n s = s.replace(/\\{\\{\\s*unsubscribe_(url|link)\\s*\\}\\}/g, \"#\");\n s = s.replace(/\\{\\{\\s*open_tracking(_block)?\\s*\\}\\}/g, \"\");\n s = s.replace(/\\{\\{\\s*email\\.subject\\s*\\}\\}/g, \"Figgy\");\n // Anything still unresolved is highlighted so it is obvious in the preview.\n s = s.replace(\n /\\{\\{[^}]*\\}\\}/g,\n (m) =>\n `${\n m.replace(/`,\n );\n return s;\n}\nfunction validate(code, ctx, withLogo) {\n const issues = [];\n if (/unsubscribe_url|unsubscribe_link/.test(code)) {\n issues.push({\n level: \"error\",\n msg:\n \"Remove the unsubscribe link — the Shopify template already adds one.\",\n });\n }\n if (/open_tracking/.test(code)) {\n issues.push({\n level: \"warn\",\n msg: \"Remove open_tracking — the Shopify template already includes it.\",\n });\n }\n if (code.startsWith(\"NOT PASTEABLE\")) {\n issues.push({\n level: \"error\",\n msg:\n \"This is not pasteable Liquid — the model returned prose. Generate again.\",\n });\n }\n const used = new Set();\n for (const m of code.matchAll(/\\{\\{-?\\s*([a-z_]+(?:\\.[a-z_?]+)*)/gi)) {\n used.add(m[1]);\n }\n for (const v of used) {\n if (/^(forloop|item|product|block|i)\\b/.test(v)) {\n continue;\n }\n if (v.startsWith(\"all_products\")) {\n continue;\n }\n // \"shop.address\" is a legitimate prefix of shop.address.city etc, so a bare\n // parent path is valid — only flag leaves that match nothing at all.\n const ok = VARS.some((s) =>\n v === s || v.startsWith(s + \".\") || s.startsWith(v + \".\") ||\n s.startsWith(v)\n );\n if (!ok) {\n issues.push({\n level: \"error\",\n msg: `\"${v}\" is not supported — it will render blank.`,\n });\n }\n }\n if (withLogo && !code.includes(LOGO_URL)) {\n issues.push({\n level: \"error\",\n msg:\n \"Official Figgy logo missing — header must use the brand mark, not styled text.\",\n });\n }\n if (!withLogo && code.includes(LOGO_URL)) {\n issues.push({\n level: \"warn\",\n msg:\n \"Logo is switched off for this email, but the mark is still in the code. Delete that header row.\",\n });\n }\n if (\n withLogo &&\n (/font-size:\\s*2\\dpx[^\"]*\"[^>]*>\\s*FIGGY/i.test(code) ||\n />\\s*FIGGY\\s*]/i.test(code)) {\n issues.push({\n level: \"warn\",\n msg: \"Contains a

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

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

`;\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: { \"Content-Type\": \"text/html; charset=utf-8\" },\n },\n );\n}","/**\n * FIGGY EMAIL BUILDER — Val Town HTTP handler\n *\n * Generates paste-ready Shopify Messaging (formerly Shopify Email) custom Liquid,\n * grounded in live store data pulled from the Figgy ops dashboard.\n *\n * ENV VARS:\n * ANTHROPIC_API_KEY your Anthropic key\n * DASH_URL https://.web.val.run\n * DASH_KEY the dashboard's key\n * BUILDER_KEY access key for this page\n *\n * ACCESS: https://.web.val.run/?key=BUILDER_KEY\n */\nconst MODEL = \"claude-sonnet-4-6\";\n/** Only these resolve in a Shopify Messaging campaign. Anything else renders blank. */\nconst VARS = [\n \"all_products\",\n \"shop.name\",\n \"shop.domain\",\n \"shop.url\",\n \"shop.shopify_domain\",\n \"shop.address.address1\",\n \"shop.address.city\",\n \"shop.address.province\",\n \"shop.address.zip\",\n \"customer.first_name\",\n \"customer.last_name\",\n \"customer.name\",\n \"customer.email\",\n \"customer.orders_count\",\n \"customer.total_spent\",\n \"customer.tags\",\n \"customer.last_order\",\n \"customer.accepts_marketing\",\n \"customer.has_account\",\n \"customer.default_address\",\n \"email.subject\",\n \"email.preview_text\",\n \"unsubscribe_url\",\n \"unsubscribe_link\",\n \"open_tracking\",\n \"open_tracking_block\",\n];\n/** Edit this list to add your own recurring email types. */\nconst PRESETS = [\n {\n id: \"clearance\",\n label: \"Clearance color push\",\n brief:\n \"Push the clearance colorways. Lead with the color and the saving, not brand story. \" +\n \"Say plainly they are going away and are final sale. Warm, specific, no hype.\",\n },\n {\n id: \"gifting\",\n label: \"Grandparent / gifting\",\n brief:\n \"Aimed at grandparents and gift buyers. Anchor on the Golden Grandparent Award \" +\n \"(Style Meets Play, ZestYears, 2026), judged by grandparents testing at home. \" +\n \"Address the real objection: they do not know which color or size to pick. \" +\n \"Point to the gift card as the safe choice.\",\n },\n {\n id: \"newcolor\",\n label: \"New color or fabric drop\",\n brief:\n \"Announce a new colorway or fabric. Lead with how it looks in a real room. \" +\n \"Mention swatches for anyone unsure about color on screen.\",\n },\n {\n id: \"swatch\",\n label: \"Swatch follow-up\",\n brief:\n \"For people who ordered a swatch set but have not bought. No pressure. \" +\n \"Acknowledge that choosing a color is the hard part and offer help.\",\n },\n {\n id: \"delay\",\n label: \"Shipping delay notice\",\n brief:\n \"Orders are running late. Give a real revised expectation, apologize once without groveling, \" +\n \"and offer a clear route to cancel for a full refund. Proactive honesty prevents chargebacks.\",\n },\n {\n id: \"winback\",\n label: \"Win-back / expansion\",\n brief:\n \"For existing customers. Focus on expansion pieces — wedges, half moons, play mats, cover sets — \" +\n \"rather than re-selling the couch they already own.\",\n },\n {\n id: \"blogpost\",\n label: \"New blog post\",\n brief:\n \"Announce a new post on the Figgy Journal. Paste the post URL in the Also box. \" +\n \"Use CONTEXT.blogPost (title, description, opening text) as the source — lead with the useful \" +\n \"idea or takeaway readers get, not 'we wrote a blog'. One CTA button to the post URL exactly as given. \" +\n \"At most one product mention; the post is the point, not a sale.\",\n },\n {\n id: \"custom\",\n label: \"Custom brief\",\n brief: \"\",\n },\n];\n/** The official mark. Emails must use this image — never type \"FIGGY\" as styled text. */\nconst LOGO_URL =\n \"https://cdn.shopify.com/s/files/1/0517/7884/6915/files/Figgy_Logo_Green.png?v=1625082885\";\nconst LOGO_TAG = ` $\"Figgy\"$ `;\nconst BLOB_KEY = \"figgy_email_presets\";\n/** Presets you add in the UI, stored so they survive restarts. */\nasync function customPresets() {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const v = await blob.getJSON(BLOB_KEY);\n return Array.isArray(v) ? v : [];\n } catch {\n return [];\n }\n}\nasync function saveCustom(list) {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n await blob.setJSON(BLOB_KEY, list);\n } catch { /* best effort */ }\n}\nasync function liveContext() {\n const base = Deno.env.get(\"DASH_URL\");\n const key = Deno.env.get(\"DASH_KEY\");\n if (!base || !key) {\n return {\n note: \"DASH_URL / DASH_KEY not set — generating without live store data.\",\n };\n }\n try {\n const r = await fetch(\n `${base}/?format=json&key=${encodeURIComponent(key)}`,\n );\n if (!r.ok) {\n return { note: `Dashboard returned ${r.status}` };\n }\n const d = await r.json();\n return {\n catalogFloor: d?.integrity?.catalogFloor,\n productHandles: d?.productHandles ?? [],\n clearance: (d?.inventory ?? []).filter((i) => i.onSale),\n // The generator may only use figures it can see. Starving it of pricing rows\n // is what makes it invent them, so send plenty.\n inventory: (d?.inventory ?? []).slice(0, 60),\n pricing: (d?.pricing?.rows ?? []).slice(0, 40),\n aov: d?.ops?.aov30,\n unfulfilled: d?.ops?.unfulfilled,\n oldestUnfulfilledDays: d?.ops?.oldestUnfulfilledDays,\n activeCodes: (d?.campaigns ?? []).slice(0, 6).map((c) => c.code),\n };\n } catch (e) {\n return { note: `Could not reach dashboard: ${e.message}` };\n }\n}\n/** If the brief points at a figgyplay.com page, pull its title/description/opening text so the email is grounded. */\nasync function blogContext(extra) {\n const m = String(extra ?? \"\").match(\n /https?:\\/\\/(?:www\\.)?figgyplay\\.com\\/[^\\s\"'<>)]+/,\n );\n if (!m) {\n return null;\n }\n try {\n const r = await fetch(m[0], {\n headers: { \"User-Agent\": \"Mozilla/5.0 (FiggyEmailBuilder)\" },\n });\n if (!r.ok) {\n return { url: m[0], note: `Page returned ${r.status}` };\n }\n const html = await r.text();\n const pick = (re) =>\n (html.match(re)?.[1] ?? \"\").replace(/\\s+/g, \" \").trim();\n const title = pick(/([^<]*)<\\/title>/i);\n const description = pick(\n //i)?.[0] ?? html)\n .replace(/|/gi, \"\")\n .replace(/<[^>]+>/g, \" \").replace(/ /g, \" \").replace(/&/g, \"&\")\n .replace(/\\s+/g, \" \").trim();\n return {\n url: m[0],\n title,\n description,\n image,\n openingText: body.slice(0, 1800),\n };\n } catch (e) {\n return { url: m[0], note: `Could not fetch page: ${e.message}` };\n }\n}\n/** Flatten everything CONTEXT contains so the email can be checked against it. */\nfunction harvestFacts(v, nums, strs, depth = 0) {\n if (v == null || depth > 8) {\n return;\n }\n if (typeof v === \"number\") {\n if (Number.isFinite(v)) {\n nums.add(Math.round(v * 100) / 100);\n }\n return;\n }\n if (typeof v === \"string\") {\n strs.add(v.toLowerCase());\n // Digits inside URLs, filenames and long ids are not figures about the store.\n // Counting them would let an invented price find a coincidental match.\n if (/^https?:|\\.(png|jpe?g|webp|gif|svg)\\b/i.test(v)) {\n return;\n }\n for (const m of v.matchAll(/\\d[\\d,]*(?:\\.\\d+)?/g)) {\n const n = parseFloat(m[0].replace(/,/g, \"\"));\n if (Number.isFinite(n) && n < 100000) {\n nums.add(Math.round(n * 100) / 100);\n }\n }\n return;\n }\n if (Array.isArray(v)) {\n for (const x of v) {\n harvestFacts(x, nums, strs, depth + 1);\n }\n return;\n }\n if (typeof v === \"object\") {\n for (const k of Object.keys(v)) {\n harvestFacts(v[k], nums, strs, depth + 1);\n }\n }\n}\n/**\n * THE FAIL-SAFE.\n * Every dollar amount, stock count, discount and product handle in the email has to\n * trace back to something the live store data actually said. Anything that does not\n * is an error, which withholds the \"safe to paste\" badge.\n */\nfunction checkFigures(code, ctx) {\n const issues = [];\n const nums = new Set();\n const strs = new Set();\n harvestFacts(ctx, nums, strs);\n if (nums.size === 0) {\n issues.push({\n level: \"warn\",\n msg:\n \"No live store data reached this run, so not one figure in this email could be checked. Verify every number by hand.\",\n });\n return issues;\n }\n const known = (n) => {\n for (const k of nums) {\n if (Math.abs(k - n) < 0.011) {\n return true;\n }\n }\n return false;\n };\n const seen = new Set();\n for (const m of code.matchAll(/\\$\\s?(\\d[\\d,]*(?:\\.\\d{1,2})?)/g)) {\n const n = parseFloat(m[1].replace(/,/g, \"\"));\n if (!Number.isFinite(n) || seen.has(\"$\" + n)) {\n continue;\n }\n seen.add(\"$\" + n);\n if (!known(n)) {\n issues.push({\n level: \"error\",\n msg: `$${\n m[1]\n } appears nowhere in the live store data. Check it in Shopify before sending.`,\n });\n }\n }\n for (\n const m of code.matchAll(\n /(\\d[\\d,]*)\\s*(?:remaining|left|in stock|available)/gi,\n )\n ) {\n const n = parseFloat(m[1].replace(/,/g, \"\"));\n if (!Number.isFinite(n) || seen.has(\"n\" + n)) {\n continue;\n }\n seen.add(\"n\" + n);\n if (!known(n)) {\n issues.push({\n level: \"error\",\n msg: `\"${\n m[0].trim()\n }\" is not a stock number the store reported. Check it before sending.`,\n });\n }\n }\n for (const m of code.matchAll(/(\\d{1,3})\\s*%\\s*off/gi)) {\n const n = parseFloat(m[1]);\n if (seen.has(\"p\" + n)) {\n continue;\n }\n seen.add(\"p\" + n);\n if (!known(n)) {\n issues.push({\n level: \"error\",\n msg: `\"${m[1]}% off\" is not a discount the store reported.`,\n });\n }\n }\n const raw = ctx.productHandles;\n const handleList = Array.isArray(raw)\n ? raw.map((h) =>\n String(typeof h === \"string\" ? h : (h?.handle ?? \"\")).toLowerCase()\n ).filter(Boolean)\n : [];\n if (handleList.length) {\n for (const m of code.matchAll(/all_products\\[\\s*['\"]([^'\"]+)['\"]\\s*\\]/g)) {\n const h = m[1].toLowerCase();\n if (seen.has(\"h\" + h)) {\n continue;\n }\n seen.add(\"h\" + h);\n if (!handleList.includes(h)) {\n issues.push({\n level: \"error\",\n msg: `Product handle \"${\n m[1]\n }\" is not in the store. That link and image will break.`,\n });\n }\n }\n }\n return issues;\n}\nconst IMG_PREFIX = \"figgy_email_img_\";\nconst MIME = {\n png: \"image/png\",\n jpg: \"image/jpeg\",\n jpeg: \"image/jpeg\",\n webp: \"image/webp\",\n gif: \"image/gif\",\n};\n/** Photos Rachel uploaded, newest last, as { key, url }. */\nasync function listPhotos(origin) {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const items = await blob.list(IMG_PREFIX);\n return items.map((i) => ({\n key: String(i.key),\n url: `${origin}/img/${encodeURIComponent(String(i.key))}`,\n }));\n } catch {\n return [];\n }\n}\nconst IMG_CACHE = new Map();\n/** Featured product photos for the handles this email uses, so the preview looks real. */\nasync function productImages(code) {\n const handles = [\n ...new Set(\n [...code.matchAll(/all_products\\[\\s*['\"]([^'\"]+)['\"]\\s*\\]/g)].map((m) =>\n m[1]\n ),\n ),\n ].slice(0, 8);\n const out = {};\n await Promise.all(handles.map(async (h) => {\n if (IMG_CACHE.has(h)) {\n out[h] = IMG_CACHE.get(h);\n return;\n }\n try {\n const r = await fetch(\n `https://figgyplay.com/products/${encodeURIComponent(h)}.js`,\n );\n if (!r.ok) {\n return;\n }\n const p = await r.json();\n const src = p?.featured_image ?? p?.images?.[0];\n if (src) {\n const u = String(src).replace(/^\\/\\//, \"https://\");\n IMG_CACHE.set(h, u);\n out[h] = u;\n }\n } catch { /* preview falls back to the logo */ }\n }));\n return out;\n}\n/**\n * Swap Liquid placeholders for sample values so the email can be rendered in a\n * preview iframe. Sample data only — Shopify fills the real values on send.\n */\nasync function fillLiquid(code) {\n const imgs = await productImages(code);\n let s = code;\n s = s.replace(\n /https:\\s*\\{\\{\\s*all_products\\[\\s*['\"]([^'\"]+)['\"]\\s*\\][^}]*\\}\\}/g,\n (_m, h) => imgs[h] ?? LOGO_URL,\n );\n s = s.replace(\n /\\{\\{\\s*all_products\\[\\s*['\"]([^'\"]+)['\"]\\s*\\]\\.url\\s*\\}\\}/g,\n (_m, h) => `/products/${h}`,\n );\n s = s.replace(/\\{\\{\\s*customer\\.first_name[^}]*\\}\\}/g, \"Sarah\");\n s = s.replace(/\\{\\{\\s*customer\\.name[^}]*\\}\\}/g, \"Sarah Miller\");\n s = s.replace(/\\{\\{\\s*shop\\.url\\s*\\}\\}/g, \"https://figgyplay.com\");\n s = s.replace(/\\{\\{\\s*shop\\.name\\s*\\}\\}/g, \"Figgy\");\n s = s.replace(\n /\\{\\{\\s*shop\\.(domain|shopify_domain)\\s*\\}\\}/g,\n \"figgyplay.com\",\n );\n s = s.replace(/\\{\\{\\s*shop\\.address\\.address1\\s*\\}\\}/g, \"123 Example Street\");\n s = s.replace(/\\{\\{\\s*shop\\.address\\.city\\s*\\}\\}/g, \"Madison\");\n s = s.replace(/\\{\\{\\s*shop\\.address\\.province\\s*\\}\\}/g, \"WI\");\n s = s.replace(/\\{\\{\\s*shop\\.address\\.zip\\s*\\}\\}/g, \"53703\");\n s = s.replace(/\\{\\{\\s*unsubscribe_(url|link)\\s*\\}\\}/g, \"#\");\n s = s.replace(/\\{\\{\\s*open_tracking(_block)?\\s*\\}\\}/g, \"\");\n s = s.replace(/\\{\\{\\s*email\\.subject\\s*\\}\\}/g, \"Figgy\");\n // Anything still unresolved is highlighted so it is obvious in the preview.\n s = s.replace(\n /\\{\\{[^}]*\\}\\}/g,\n (m) =>\n `${\n m.replace(/`,\n );\n return s;\n}\nfunction validate(code, ctx, withLogo) {\n const issues = [];\n if (/unsubscribe_url|unsubscribe_link/.test(code)) {\n issues.push({\n level: \"error\",\n msg:\n \"Remove the unsubscribe link — the Shopify template already adds one.\",\n });\n }\n if (/open_tracking/.test(code)) {\n issues.push({\n level: \"warn\",\n msg: \"Remove open_tracking — the Shopify template already includes it.\",\n });\n }\n if (code.startsWith(\"NOT PASTEABLE\")) {\n issues.push({\n level: \"error\",\n msg:\n \"This is not pasteable Liquid — the model returned prose. Generate again.\",\n });\n }\n const used = new Set();\n for (const m of code.matchAll(/\\{\\{-?\\s*([a-z_]+(?:\\.[a-z_?]+)*)/gi)) {\n used.add(m[1]);\n }\n for (const v of used) {\n if (/^(forloop|item|product|block|i)\\b/.test(v)) {\n continue;\n }\n if (v.startsWith(\"all_products\")) {\n continue;\n }\n // \"shop.address\" is a legitimate prefix of shop.address.city etc, so a bare\n // parent path is valid — only flag leaves that match nothing at all.\n const ok = VARS.some((s) =>\n v === s || v.startsWith(s + \".\") || s.startsWith(v + \".\") ||\n s.startsWith(v)\n );\n if (!ok) {\n issues.push({\n level: \"error\",\n msg: `\"${v}\" is not supported — it will render blank.`,\n });\n }\n }\n if (withLogo && !code.includes(LOGO_URL)) {\n issues.push({\n level: \"error\",\n msg:\n \"Official Figgy logo missing — header must use the brand mark, not styled text.\",\n });\n }\n if (!withLogo && code.includes(LOGO_URL)) {\n issues.push({\n level: \"warn\",\n msg:\n \"Logo is switched off for this email, but the mark is still in the code. Delete that header row.\",\n });\n }\n if (\n withLogo &&\n (/font-size:\\s*2\\dpx[^\"]*\"[^>]*>\\s*FIGGY/i.test(code) ||\n />\\s*FIGGY\\s*]/i.test(code)) {\n issues.push({\n level: \"warn\",\n msg: \"Contains a

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

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

\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

${LOGO_TAG}

Diff · v25