create-email-renderer 0.1.0

package/README.md

@@ -0,0 +1,119 @@
+# create-email-renderer
+
+Renderiza plantillas de email por bloques a **HTML email-safe sin React**. JS puro: funciona en Node, Cloudflare Workers, Vercel Edge, Deno y Bun — solo manipulación de strings, nada que compilar ni ejecutar en un runtime especial.
+
+Es el compañero de [`create-email-template`](https://www.npmjs.com/package/create-email-template) (editor visual). Comparten el mismo core: los tipos, los defaults y la normalización son idénticos en ambos lados, por lo que el preview del editor y el HTML final nunca divergen.
+
+## Instalación
+
+```sh
+npm install create-email-renderer
+```
+
+Sin React, sin DOM, sin peer dependencies. Única dependencia: `sanitize-html`.
+
+## `renderTemplateEmail` — el que usarás el 95% del tiempo
+
+Toma el payload JSON guardado desde el editor y devuelve el HTML final con las variables resueltas:
+
+```ts
+import { renderTemplateEmail } from "create-email-renderer";
+
+const { html, subject } = await renderTemplateEmail({
+  subject: "Hola {firstName}, tu webinar es el {webinarDate}",
+  payload: template.payload,        // string JSON u objeto { content, settings }
+  context: {                        // tus datos reales
+    firstName: user.name,
+    webinarDate: "12 de octubre",
+    registerUrl: "https://mi-sitio.com/registro",
+  },
+});
+
+await emailClient.send({ to: user.email, subject, html });
+```
+
+### Opciones
+
+| Opción | Tipo | Default | Descripción |
+|---|---|---|---|
+| `subject` | `string` | — (obligatorio) | Asunto del correo. **Resuelve variables**: `"Hola {firstName}"` → `"Hola Danny"`. También queda en `<title>` y en el preview oculto del email. |
+| `payload` | `string \| object \| null` | — | El JSON del editor. Tolera `null`/`undefined`/string inválido (devuelve vacío). |
+| `context` | `EmailContext` | `SAMPLE_CONTEXT` | Valores para las variables `{key}`. Se mezcla sobre `SAMPLE_CONTEXT`, así que los correos de prueba siempre se ven completos aunque falten claves. |
+| `settings` | `Partial<EmailSettings>` | settings del payload | Sobrescribe `{ pageBackground, cardBorderWidth, cardBorderRadius }` guardados. |
+| `palette` | `EmailPalette` | `DEFAULT_PALETTE` | Sobrescribe los colores: `{ INK, DARK, GOLD, CREAM_DIM }`. |
+
+**Comportamiento**: lanza `Template payload has no blocks` si tras normalizar no queda ningún bloque. En cualquier otro caso de datos sucios, normaliza sin quejarse (ver [Normalización](#normalización-de-payloads)).
+
+## `renderEmailHtml` — bloques ya parseados
+
+Si tú ya tienes los bloques normalizados y quieres el HTML directo:
+
+```ts
+import { renderEmailHtml } from "create-email-renderer";
+
+const html = await renderEmailHtml({
+  blocks: [
+    { id: "1", type: "header", props: { brandName: "Mi Marca" } },
+    { id: "2", type: "button", props: { label: "Ver más", href: "{link}" } },
+  ],
+  subject: "Bienvenida {firstName}",
+  context: { firstName: "Ana", link: "https://mi-sitio.com" },
+  // settings?: Partial<EmailSettings>
+  // palette?: EmailPalette
+});
+```
+
+## Variables disponibles por defecto
+
+Cualquier texto del editor acepta `{key}`. Estas son las incluidas en `DEFAULT_VARIABLES`:
+
+**Base:** `name`, `firstName`, `lastName`, `email`, `phone`, `role`, `companyName`, `unsubscribeUrl`, `link`, `date`, `year`, `siteUrl`, `supportEmail`
+
+**Contextuales:** `webinarName`, `webinarDate`, `webinarTime`, `webinarDuration`, `webinarUrl`, `registerUrl`, `liveUrl`, `slotsLeft`, `reminderDate`, `webinarHost`, `completeRegistrationUrl`, `resetPasswordUrl`, `confirmEmailUrl`
+
+Las resuelves pasando `context`; las claves que falten se mezclan con `SAMPLE_CONTEXT` (valores de ejemplo). Para usar otras, define tus propias variables en el editor (`config.variables`) y pásalas aquí en el `context`.
+
+## Normalización de payloads
+
+Los payloads guardados con versiones anteriores del esquema (props que ya no existen, campos faltantes, tipos desconocidos, ids perdidos) se **auto-reparan**. `parseTemplatePayload` normaliza automáticamente, y puedes usar las funciones directamente:
+
+```ts
+import { normalizeBlocks, normalizeSettings } from "create-email-renderer";
+
+const blocks = normalizeBlocks(jsonMigrado.content, miBlockLibraryCustom?);
+// → descarta tipos desconocidos, completa props con defaults del esquema actual,
+//   repara ids faltantes y coacciona tipos ("17" → 17). Nunca lanza.
+```
+
+Esto significa que **añadir props nuevas a un bloque no rompe las plantillas ya guardadas**: se auto-completan al cargarse o renderizarse, sin script de migración.
+
+## Otros helpers
+
+| Export | Descripción |
+|---|---|
+| `parseTemplatePayload(raw)` | `string \| object \| null` → `{ content, settings }` normalizado. Nunca lanza. |
+| `buildTemplateContext(base, extra?)` | Limpia `null`/`""` de `extra` y mezcla sobre `SAMPLE_CONTEXT`. |
+| `resolveVariables(text, ctx)` | Reemplaza `{key}` en un texto. |
+| `extractVariables(text)` / `validateVariables(text, knownKeys)` | Inspección de variables usadas/no reconocidas. |
+| `renderRichText(html)` | Sanitiza y aplica estilos inline al rich text del editor. |
+| `sanitizeRichText` / `escapeHtml` / `normalizeBlockHtml` / `isRichText` | Piezas del pipeline por separado. |
+| `createBlock(type, library)` | Crea un bloque nuevo con defaultProps (útil para generar plantillas por código). |
+| Defaults | `DEFAULT_BLOCK_LIBRARY`, `DEFAULT_PALETTE`, `DEFAULT_SETTINGS`, `DEFAULT_VARIABLES`, `SAMPLE_CONTEXT`. |
+
+## Subpaths
+
+Todo está disponible desde la raíz. Si prefieres imports granulares (menos bundle en serverless):
+
+```
+create-email-renderer/server          → parseTemplateEmail, renderTemplateEmail, buildTemplateContext
+create-email-renderer/html-render     → renderEmailHtml
+create-email-renderer/normalize       → normalizeBlocks, normalizeSettings
+create-email-renderer/types           → todos los tipos + createBlock
+create-email-renderer/variables       → variables, contextos y resolve
+create-email-renderer/richtext        → helpers de rich text
+create-email-renderer/default-blocks  → defaults de bloques, paleta y settings
+```
+
+## Licencia
+
+MIT

package/dist/default-blocks.d.ts

@@ -0,0 +1,5 @@
+import type { BlockDefinition, EmailPalette, EmailSettings } from "./types.js";
+export declare const DEFAULT_PALETTE: EmailPalette;
+export declare const DEFAULT_SETTINGS: EmailSettings;
+export declare const DEFAULT_BLOCK_LIBRARY: BlockDefinition[];
+//# sourceMappingURL=default-blocks.d.ts.map

package/dist/default-blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-blocks.d.ts","sourceRoot":"","sources":["../src/default-blocks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE9E,eAAO,MAAM,eAAe,EAAE,YAK7B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,aAI9B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,eAAe,EAiJlD,CAAA"}

package/dist/default-blocks.js

@@ -0,0 +1,159 @@
+import { newId } from "./id.js";
+export const DEFAULT_PALETTE = {
+    INK: "#221d15",
+    DARK: "#0d0b08",
+    GOLD: "#d7b227",
+    CREAM_DIM: "#b8ae9d",
+};
+export const DEFAULT_SETTINGS = {
+    pageBackground: "#f5f1e8",
+    cardBorderWidth: 1,
+    cardBorderRadius: 4,
+};
+export const DEFAULT_BLOCK_LIBRARY = [
+    {
+        type: "header",
+        label: "Header / Marca",
+        description: "Logo y nombre de la marca",
+        defaultProps: {
+            brandName: "Tu Marca",
+            tagline: "Breve descripción de tu marca",
+            align: "center",
+            backgroundColor: "#0d0b08",
+            paddingY: 24,
+            paddingX: 32,
+        },
+    },
+    {
+        type: "hero",
+        label: "Hero",
+        description: "Titular grande + subtítulo",
+        defaultProps: {
+            title: "¡Un gran titular aquí!",
+            subtitle: "Un subtítulo de apoyo para tu mensaje.",
+            align: "center",
+            paddingY: 40,
+            paddingX: 32,
+        },
+    },
+    {
+        type: "heading",
+        label: "Título",
+        description: "Título de sección",
+        defaultProps: {
+            text: "Título de sección",
+            size: 22,
+            color: "#0d0b08",
+            align: "left",
+            paddingY: 16,
+            paddingX: 32,
+        },
+    },
+    {
+        type: "text",
+        label: "Texto",
+        description: "Párrafo de texto",
+        defaultProps: {
+            text: "Escribe aquí tu mensaje. Puedes usar variables como {name}.",
+            size: 15,
+            color: "#221d15",
+            align: "left",
+            paddingY: 12,
+            paddingX: 32,
+        },
+    },
+    {
+        type: "list",
+        label: "Lista",
+        description: "Viñetas de beneficios",
+        defaultProps: {
+            items: ["Beneficio 1", "Beneficio 2", "Beneficio 3"],
+            icon: "✓",
+            align: "left",
+            paddingY: 12,
+            paddingX: 32,
+        },
+    },
+    {
+        type: "button",
+        label: "Botón CTA",
+        description: "Botón con enlace",
+        defaultProps: {
+            label: "¡Quiero mi cupo!",
+            href: "",
+            backgroundColor: "#d7b227",
+            color: "#0d0b08",
+            align: "center",
+            paddingY: 16,
+            paddingX: 32,
+        },
+    },
+    {
+        type: "image",
+        label: "Imagen",
+        description: "Imagen del correo",
+        defaultProps: {
+            src: "",
+            alt: "Imagen",
+            width: 480,
+            align: "center",
+            paddingY: 16,
+            paddingX: 32,
+        },
+    },
+    {
+        type: "quote",
+        label: "Cita / Testimonio",
+        description: "Cita con autor",
+        defaultProps: {
+            text: "Esto cambió por completo mi manera de pensar.",
+            author: "Nombre del participante",
+            borderColor: "#d7b227",
+            align: "left",
+            paddingY: 16,
+            paddingX: 32,
+        },
+    },
+    {
+        type: "columns",
+        label: "Columnas",
+        description: "Dos columnas de texto",
+        defaultProps: {
+            columns: [
+                { id: newId(), text: "Columna 1" },
+                { id: newId(), text: "Columna 2" },
+            ],
+            align: "left",
+            paddingY: 16,
+            paddingX: 32,
+        },
+    },
+    {
+        type: "divider",
+        label: "Divisor",
+        description: "Línea separadora",
+        defaultProps: {
+            color: "#e3dccb",
+            paddingY: 8,
+            paddingX: 32,
+        },
+    },
+    {
+        type: "spacer",
+        label: "Espaciador",
+        description: "Altura en píxeles",
+        defaultProps: {
+            height: 24,
+        },
+    },
+    {
+        type: "footer",
+        label: "Footer",
+        description: "Legal y baja de suscripción",
+        defaultProps: {
+            text: "Recibes este correo por estar registrado en nuestra plataforma.",
+            brandName: "Tu Marca",
+        },
+    },
+];
+//# sourceMappingURL=default-blocks.js.map

package/dist/default-blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-blocks.js","sourceRoot":"","sources":["../src/default-blocks.ts"],"names":[],"mappings":"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"}

package/dist/html-render.d.ts

@@ -0,0 +1,14 @@
+import type { EmailBlock, EmailContext, EmailPalette, EmailSettings } from "./types.js";
+export interface RenderEmailHtmlOptions {
+    blocks: EmailBlock[];
+    subject?: string;
+    context?: EmailContext;
+    settings?: Partial<EmailSettings>;
+    palette?: EmailPalette;
+}
+/**
+ * Renderiza el payload de bloques a HTML email-safe sin React.
+ * Equivalente funcional de `renderEmailHtml` basado en react-email.
+ */
+export declare const renderEmailHtml: ({ blocks, subject, context, settings, palette, }: RenderEmailHtmlOptions) => Promise<string>;
+//# sourceMappingURL=html-render.d.ts.map

package/dist/html-render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-render.d.ts","sourceRoot":"","sources":["../src/html-render.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAIV,UAAU,EAGV,YAAY,EACZ,YAAY,EACZ,aAAa,EAUd,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAoVD;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAU,kDAMnC,sBAAsB,KAAG,OAAO,CAAC,MAAM,CA4BzC,CAAC"}

package/dist/html-render.js

@@ -0,0 +1,248 @@
+// Serializador puro JSON -> HTML email-safe. Es el equivalente sin React de
+// EmailTemplate (blocks.tsx): mismas estructuras (tablas + estilos inline),
+// mismas variables, mismo richtext. Debe mantenerse visualmente sincronizado.
+import { escapeHtml, renderRichText } from "./richtext.js";
+import { DEFAULT_PALETTE, DEFAULT_SETTINGS } from "./default-blocks.js";
+import { resolveVariables, SAMPLE_CONTEXT } from "./variables.js";
+const alignMap = {
+    left: "left",
+    center: "center",
+    right: "right",
+};
+// Props CSS que aceptan números sin unidad (como los inline styles de React).
+const UNITLESS = new Set([
+    "font-weight",
+    "line-height",
+    "opacity",
+    "z-index",
+    "flex",
+    "flex-grow",
+    "flex-shrink",
+    "flex-basis",
+    "order",
+    "column-count",
+    "animation-iteration-count",
+    "orphans",
+    "widows",
+    "zoom",
+]);
+const styleToString = (style) => Object.entries(style)
+    .filter(([, v]) => v !== undefined && v !== null && v !== "")
+    .map(([k, v]) => {
+    const prop = k.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+    // Los números llevan px salvo las props unitless (igual que React).
+    const value = typeof v === "number" && v !== 0 && !UNITLESS.has(prop)
+        ? `${v}px`
+        : String(v);
+    return `${prop}:${value}`;
+})
+    .join(";");
+const blockPadding = (props) => {
+    const py = "paddingY" in props ? (props.paddingY ?? 0) : 0;
+    const px = "paddingX" in props ? (props.paddingX ?? 0) : 0;
+    return { padding: `${py}px ${px}px` };
+};
+/** Tabla full-width con una celda: equivalente email-safe de <Section>. */
+const section = (style, content) => `<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="${styleToString(style)}">${content}</td></tr></tbody></table>`;
+const text = (content, style) => `<p style="${styleToString(style)}">${content}</p>`;
+const renderHeader = (props, context, palette) => {
+    const logo = props.logoUrl
+        ? `<img src="${escapeHtml(resolveVariables(props.logoUrl, context))}" alt="${escapeHtml(props.brandName)}" width="140" style="display:inline-block;border:0;outline:none;" />`
+        : `<div style="${styleToString({ color: palette.GOLD, fontSize: 20, fontWeight: 700, letterSpacing: "1px", margin: 0 })}">${renderRichText(resolveVariables(props.brandName, context))}</div>`;
+    const tagline = props.tagline
+        ? `<div style="${styleToString({ color: palette.CREAM_DIM, fontSize: 11, margin: "6px 0 0", textTransform: "uppercase", letterSpacing: "1.5px" })}">${renderRichText(resolveVariables(props.tagline, context))}</div>`
+        : "";
+    return section({
+        backgroundColor: props.backgroundColor || palette.DARK,
+        textAlign: alignMap[props.align || "center"],
+        ...blockPadding(props),
+    }, logo + tagline);
+};
+const renderHero = (props, context, palette) => {
+    const image = props.imageUrl
+        ? `<img src="${escapeHtml(resolveVariables(props.imageUrl, context))}" alt="" width="480" style="max-width:100%;margin:0 auto 24px;display:block;border:0;" />`
+        : "";
+    const title = `<div style="${styleToString({ color: palette.DARK, fontSize: 32, lineHeight: 1.2, margin: "0 0 12px", fontWeight: 700 })}">${renderRichText(resolveVariables(props.title, context))}</div>`;
+    const subtitle = props.subtitle
+        ? `<div style="${styleToString({ color: palette.INK, fontSize: 16, lineHeight: 1.6, margin: 0 })}">${renderRichText(resolveVariables(props.subtitle, context))}</div>`
+        : "";
+    return section({
+        textAlign: alignMap[props.align || "center"],
+        ...blockPadding(props),
+        ...(props.backgroundColor
+            ? { backgroundColor: props.backgroundColor }
+            : {}),
+    }, image + title + subtitle);
+};
+const renderHeading = (props, context, palette) => section({
+    textAlign: alignMap[props.align || "left"],
+    ...blockPadding(props),
+    ...(props.backgroundColor
+        ? { backgroundColor: props.backgroundColor }
+        : {}),
+}, `<div style="${styleToString({ color: props.color || palette.DARK, fontSize: props.size ?? 22, lineHeight: 1.3, margin: 0, fontWeight: 700 })}">${renderRichText(resolveVariables(props.text, context))}</div>`);
+const renderText = (props, context, palette) => section({
+    textAlign: alignMap[props.align || "left"],
+    ...blockPadding(props),
+    ...(props.backgroundColor
+        ? { backgroundColor: props.backgroundColor }
+        : {}),
+}, `<div style="${styleToString({ color: props.color || palette.INK, fontSize: props.size || 15, lineHeight: 1.6, margin: 0 })}">${renderRichText(resolveVariables(props.text, context))}</div>`);
+const renderList = (props, context, palette) => {
+    const items = props.items
+        .map((item) => `<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-bottom:8px;"><tbody><tr><td width="24" valign="top">${text(escapeHtml(props.icon || "✓"), { color: palette.GOLD, fontWeight: 700, margin: 0, fontSize: 14 })}</td><td valign="top"><div style="${styleToString({ color: palette.INK, fontSize: 14, lineHeight: 1.5, margin: 0 })}">${renderRichText(resolveVariables(item, context))}</div></td></tr></tbody></table>`)
+        .join("");
+    return section({
+        ...blockPadding(props),
+        ...(props.backgroundColor
+            ? { backgroundColor: props.backgroundColor }
+            : {}),
+    }, items);
+};
+const renderButton = (props, context, palette) => section({
+    textAlign: alignMap[props.align || "center"],
+    ...blockPadding(props),
+    ...(props.blockBackgroundColor
+        ? { backgroundColor: props.blockBackgroundColor }
+        : {}),
+}, `<a href="${escapeHtml(resolveVariables(props.href, context))}" target="_blank" style="${styleToString({ backgroundColor: props.backgroundColor || palette.GOLD, color: props.color || palette.DARK, fontWeight: 700, padding: "14px 28px", borderRadius: 999, fontSize: 14, textTransform: "uppercase", letterSpacing: "0.5px", display: "inline-block", textDecoration: "none" })}">${escapeHtml(resolveVariables(props.label, context))}</a>`);
+const renderImage = (props, context, palette) => {
+    let content;
+    if (props.src) {
+        const img = `<img src="${escapeHtml(resolveVariables(props.src, context))}" alt="${escapeHtml(props.alt || "")}" width="${props.width || 480}" style="max-width:100%;display:inline-block;border:0;" />`;
+        content = props.href
+            ? `<a href="${escapeHtml(resolveVariables(props.href, context))}" target="_blank" rel="noopener">${img}</a>`
+            : img;
+    }
+    else {
+        content = text("(Selecciona una imagen)", {
+            color: palette.CREAM_DIM,
+            fontSize: 12,
+            margin: 0,
+        });
+    }
+    return section({
+        textAlign: alignMap[props.align || "center"],
+        ...blockPadding(props),
+        ...(props.backgroundColor
+            ? { backgroundColor: props.backgroundColor }
+            : {}),
+    }, content);
+};
+const renderQuote = (props, context, palette) => {
+    const quote = `<div style="${styleToString({ color: palette.INK, fontStyle: "italic", fontSize: 15, lineHeight: 1.6, margin: 0 })}">\u201C${renderRichText(resolveVariables(props.text, context))}\u201D</div>`;
+    const author = props.author
+        ? `<div style="${styleToString({ color: palette.CREAM_DIM, fontSize: 12, margin: "8px 0 0" })}">\u2014 ${renderRichText(resolveVariables(props.author, context))}</div>`
+        : "";
+    return section({
+        borderLeft: `${props.borderWidth ?? 3}px solid ${props.borderColor || palette.GOLD}`,
+        ...blockPadding(props),
+        paddingLeft: (props.paddingX ?? 32) + 16,
+        ...(props.marginLeft ? { marginLeft: `${props.marginLeft}px` } : {}),
+        ...(props.backgroundColor
+            ? { backgroundColor: props.backgroundColor }
+            : {}),
+    }, quote + author);
+};
+const renderColumns = (props, context, palette) => {
+    const cols = (props.columns || [])
+        .map((col) => `<td width="50%" valign="top" style="width:50%;padding-right:8px;"><div style="${styleToString({ color: palette.INK, fontSize: 14, lineHeight: 1.5, margin: 0 })}">${renderRichText(resolveVariables(col.text, context))}</div></td>`)
+        .join("");
+    return section({
+        ...blockPadding(props),
+        ...(props.backgroundColor
+            ? { backgroundColor: props.backgroundColor }
+            : {}),
+    }, `<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>${cols}</tr></tbody></table>`);
+};
+const renderDivider = (props) => {
+    const style = props.height !== undefined
+        ? { padding: `${props.height}px ${props.paddingX ?? 32}px` }
+        : blockPadding(props);
+    return section({
+        ...style,
+        ...(props.backgroundColor
+            ? { backgroundColor: props.backgroundColor }
+            : {}),
+    }, `<hr style="width:100%;border:none;border-top:1px solid ${props.color || "#e3dccb"};margin:0;" />`);
+};
+const renderSpacer = (props) => section({
+    height: props.height || 24,
+    lineHeight: 0,
+    fontSize: 0,
+    ...(props.backgroundColor
+        ? { backgroundColor: props.backgroundColor }
+        : {}),
+}, "&nbsp;");
+const renderFooter = (props, context, palette) => {
+    const body = text(escapeHtml(props.text
+        ? resolveVariables(props.text, context)
+        : "Recibes este correo por estar registrado en nuestra plataforma."), { color: "#f5f1e8", fontSize: 12, lineHeight: 1.6, margin: "0 0 12px" });
+    const brand = props.brandName
+        ? `<div style="${styleToString({ color: palette.GOLD, fontSize: 11, letterSpacing: "1px", margin: "12px 0 0" })}">${renderRichText(resolveVariables(props.brandName, context))}</div>`
+        : "";
+    return section({
+        backgroundColor: props.backgroundColor || palette.DARK,
+        padding: "24px 32px",
+        textAlign: "center",
+    }, body + brand);
+};
+const renderBlock = (block, context, palette) => {
+    switch (block.type) {
+        case "header":
+            return renderHeader(block.props, context, palette);
+        case "hero":
+            return renderHero(block.props, context, palette);
+        case "heading":
+            return renderHeading(block.props, context, palette);
+        case "text":
+            return renderText(block.props, context, palette);
+        case "list":
+            return renderList(block.props, context, palette);
+        case "button":
+            return renderButton(block.props, context, palette);
+        case "image":
+            return renderImage(block.props, context, palette);
+        case "quote":
+            return renderQuote(block.props, context, palette);
+        case "columns":
+            return renderColumns(block.props, context, palette);
+        case "divider":
+            return renderDivider(block.props);
+        case "spacer":
+            return renderSpacer(block.props);
+        case "footer":
+            return renderFooter(block.props, context, palette);
+        default:
+            return "";
+    }
+};
+/**
+ * Renderiza el payload de bloques a HTML email-safe sin React.
+ * Equivalente funcional de `renderEmailHtml` basado en react-email.
+ */
+export const renderEmailHtml = async ({ blocks, subject = "", context = SAMPLE_CONTEXT, settings = {}, palette = DEFAULT_PALETTE, }) => {
+    const pageBackground = settings.pageBackground ?? DEFAULT_SETTINGS.pageBackground;
+    const cardBorderWidth = settings.cardBorderWidth ?? DEFAULT_SETTINGS.cardBorderWidth;
+    const cardBorderRadius = settings.cardBorderRadius ?? DEFAULT_SETTINGS.cardBorderRadius;
+    const resolvedSubject = resolveVariables(subject, context);
+    const body = blocks
+        .map((block) => renderBlock(block, context, palette))
+        .join("");
+    return `<!DOCTYPE html>
+<html dir="ltr" lang="es">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>${escapeHtml(resolvedSubject)}</title>
+  </head>
+  <body style="${styleToString({ margin: 0, padding: 0, backgroundColor: pageBackground })}">
+    <div style="display:none;font-size:1px;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">${escapeHtml(resolvedSubject)}</div>
+    <table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center" width="100%" style="${styleToString({ maxWidth: 600, width: "100%", backgroundColor: "#ffffff", border: `${cardBorderWidth}px solid #e3dccb`, borderRadius: cardBorderRadius, margin: "0 auto" })}">
+      <tbody><tr><td>${body}</td></tr></tbody>
+    </table>
+  </body>
+</html>`;
+};
+//# sourceMappingURL=html-render.js.map

package/dist/html-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-render.js","sourceRoot":"","sources":["../src/html-render.ts"],"names":[],"mappings":"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"}

package/dist/id.d.ts

@@ -0,0 +1,2 @@
+export declare const newId: () => string;
+//# sourceMappingURL=id.d.ts.map

package/dist/id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.d.ts","sourceRoot":"","sources":["../src/id.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,QAAO,MAA6B,CAAC"}

package/dist/id.js

@@ -0,0 +1,4 @@
+// Identificador de bloques/columnas usando la API nativa del navegador,
+// sin depender del paquete uuid.
+export const newId = () => crypto.randomUUID();
+//# sourceMappingURL=id.js.map

package/dist/id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.js","sourceRoot":"","sources":["../src/id.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,iCAAiC;AACjC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAW,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./types.js";
+export * from "./variables.js";
+export * from "./richtext.js";
+export * from "./default-blocks.js";
+export * from "./normalize.js";
+export * from "./html-render.js";
+export * from "./server.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,11 @@
+// Core puro (sin React): tipos, variables, richtext, bloques por defecto y
+// serializador HTML. La UI de edición vive en create-email-template,
+// que consume este paquete como única fuente de verdad del modelo.
+export * from "./types.js";
+export * from "./variables.js";
+export * from "./richtext.js";
+export * from "./default-blocks.js";
+export * from "./normalize.js";
+export * from "./html-render.js";
+export * from "./server.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,qEAAqE;AACrE,mEAAmE;AACnE,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC"}

package/dist/normalize.d.ts

@@ -0,0 +1,11 @@
+import type { BlockDefinition, EmailBlock, EmailSettings } from "./types.js";
+/**
+ * Normaliza un array de bloques de origen desconocido (JSON de la BD, import,
+ * versión vieja del esquema): descarta tipos que no están en la librería,
+ * completa props con los defaults, repara ids faltantes y coacciona tipos.
+ * Nunca lanza.
+ */
+export declare const normalizeBlocks: (input: unknown, library?: BlockDefinition[]) => EmailBlock[];
+/** Normaliza los settings: solo claves conocidas, coacción numérica, defaults. */
+export declare const normalizeSettings: (input: unknown) => EmailSettings;
+//# sourceMappingURL=normalize.d.ts.map

package/dist/normalize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../src/normalize.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EAGV,aAAa,EACd,MAAM,YAAY,CAAC;AAoEpB;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,OAAO,EACd,UAAS,eAAe,EAA0B,KACjD,UAAU,EAsBZ,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,iBAAiB,GAAI,OAAO,OAAO,KAAG,aAmBlD,CAAC"}