import { convert } from "html-to-text"; import type { CampaignBlock } from "../types.js"; export function renderBuilderHtml(blocks: CampaignBlock[]) { const html = `

${blocks .sort((a, b) => a.order - b.order) .map((block) => renderBlock(block)) .join("")}

`; return { html, text: convert(html, { selectors: [{ selector: "img", format: "skip" }], wordwrap: 120, }), }; } function renderBlock(block: CampaignBlock) { switch (block.type) { case "hero": return `

${String(block.config.heading ?? "Your next campaign")}

${String(block.config.body ?? "")}

`; case "text": return `

${String(block.config.heading ?? "")}

${String(block.config.body ?? "")}

`; case "image": return `

`; case "button": return `

${String(block.config.label ?? "Learn more")}

`; case "divider": return `

`; case "spacer": return `

`; case "social": return `

${String(block.config.text ?? "Follow us on social media.")}

`; case "footer": return ``; case "header_logo": { const alignment = block.config.alignment === "left" ? "left" : "center"; const logoWidth = Number(block.config.logoWidth ?? 160); const logoSrc = String(block.config.logoSrc ?? "").trim(); const logoAlt = String(block.config.logoAlt ?? "Logo"); return logoSrc ? `

` : `

${logoAlt}

`; } case "columns": { const cols = Array.isArray(block.config.columns) ? block.config.columns as Array> : []; const colWidth = cols.length === 3 ? "33.33%" : "50%"; const tds = cols.map((col) => `

${String(col.iconEmoji ?? "")}

${String(col.heading ?? "")}

${String(col.body ?? "")}

` ).join(""); return `

${tds}

`; } case "quote": return `

"${String(block.config.quote ?? "")}"

${String(block.config.author ?? "")}${block.config.role ? `, ${String(block.config.role)}` : ""}

`; case "video": { const thumbSrc = String(block.config.thumbnailSrc ?? ""); const videoUrl = String(block.config.videoUrl ?? "#"); const alt = String(block.config.alt ?? "Video"); const caption = String(block.config.caption ?? ""); return `

${caption ? `

${caption}

` : ""}

`; } case "countdown": { const endDate = new Date(String(block.config.endDate ?? "")); const now = new Date(); const diff = Math.max(0, endDate.getTime() - now.getTime()); if (diff <= 0) { return `

${String(block.config.expiredText ?? "This offer has expired.")}

`; } const days = Math.floor(diff / 86400000); const hours = Math.floor((diff % 86400000) / 3600000); const minutes = Math.floor((diff % 3600000) / 60000); return `

${String(block.config.label ?? "")}

${days}d ${hours}h ${minutes}m

`; } case "list": { const items = Array.isArray(block.config.items) ? block.config.items as string[] : []; const style = String(block.config.style ?? "bullet"); const heading = String(block.config.heading ?? ""); const listRows = items.map((item, i) => { const marker = style === "checkmark" ? "✓" : style === "numbered" ? `${i + 1}.` : "•"; return `${marker}${String(item)}`; }).join(""); return `

${heading ? `

${heading}

` : ""}${listRows}

`; } default: return ""; } }