@matthesketh/utopia-email 0.0.1

package/dist/index.d.cts

@@ -0,0 +1,135 @@
+import { R as RenderEmailOptions, a as RenderEmailResult, E as EmailAdapter, M as MailerSendOptions, b as EmailResult } from './types-C3uNsSmw.cjs';
+export { c as EmailAttachment, d as EmailMessage, e as ResendConfig, S as SendGridConfig, f as SmtpConfig } from './types-C3uNsSmw.cjs';
+import * as _matthesketh_utopia_server from '@matthesketh/utopia-server';
+
+/**
+ * Render a UtopiaJS component as a complete email document.
+ *
+ * Pipeline:
+ *   1. renderToString(component, props) → { html: bodyHtml, css }
+ *   2. inlineCSS(bodyHtml, css)         → bodyHtml with style="" attrs
+ *   3. wrapEmailDocument(...)           → full HTML document
+ *   4. htmlToText(fullHtml)             → plain text fallback
+ *   5. Return { html, text, subject? }
+ */
+declare function renderEmail(component: any, props?: Record<string, any>, options?: RenderEmailOptions): RenderEmailResult;
+
+interface Mailer {
+    send(options: MailerSendOptions): Promise<EmailResult>;
+}
+/**
+ * Create a mailer instance with the given adapter.
+ *
+ * Usage:
+ * ```ts
+ * const mailer = createMailer(smtpAdapter({ host: '...', port: 587 }));
+ * await mailer.send({
+ *   to: 'user@example.com',
+ *   from: 'noreply@example.com',
+ *   subject: 'Welcome!',
+ *   component: WelcomeEmail,
+ *   props: { name: 'Alice' },
+ * });
+ * ```
+ */
+declare function createMailer(adapter: EmailAdapter): Mailer;
+
+/**
+ * Inline CSS declarations into HTML `style=""` attributes.
+ *
+ * @param html - Well-formed HTML string from serializeVNode()
+ * @param css  - CSS string (scoped styles from component)
+ * @returns    - HTML with inline styles applied
+ */
+declare function inlineCSS(html: string, css: string): string;
+
+/**
+ * Convert HTML to plain text suitable as an email fallback.
+ */
+declare function htmlToText(html: string): string;
+
+declare const EmailLayout: {
+    setup: (props: Record<string, any>) => {
+        width: any;
+        backgroundColor: any;
+        fontFamily: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailButton: {
+    setup: (props: Record<string, any>) => {
+        href: any;
+        text: any;
+        color: any;
+        textColor: any;
+        borderRadius: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailCard: {
+    setup: (props: Record<string, any>) => {
+        backgroundColor: any;
+        padding: any;
+        borderRadius: any;
+        borderColor: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailDivider: {
+    setup: (props: Record<string, any>) => {
+        color: any;
+        width: any;
+        height: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailHeading: {
+    setup: (props: Record<string, any>) => {
+        level: number;
+        color: any;
+        align: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailText: {
+    setup: (props: Record<string, any>) => {
+        color: any;
+        fontSize: any;
+        lineHeight: any;
+        align: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailImage: {
+    setup: (props: Record<string, any>) => {
+        src: any;
+        alt: any;
+        width: any;
+        height: any;
+        align: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailColumns: {
+    setup: (props: Record<string, any>) => {
+        columns: any;
+        gap: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailSpacer: {
+    setup: (props: Record<string, any>) => {
+        height: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+export { EmailAdapter, EmailButton, EmailCard, EmailColumns, EmailDivider, EmailHeading, EmailImage, EmailLayout, EmailResult, EmailSpacer, EmailText, MailerSendOptions, RenderEmailOptions, RenderEmailResult, createMailer, htmlToText, inlineCSS, renderEmail };

package/dist/index.d.ts

@@ -0,0 +1,135 @@
+import { R as RenderEmailOptions, a as RenderEmailResult, E as EmailAdapter, M as MailerSendOptions, b as EmailResult } from './types-C3uNsSmw.js';
+export { c as EmailAttachment, d as EmailMessage, e as ResendConfig, S as SendGridConfig, f as SmtpConfig } from './types-C3uNsSmw.js';
+import * as _matthesketh_utopia_server from '@matthesketh/utopia-server';
+
+/**
+ * Render a UtopiaJS component as a complete email document.
+ *
+ * Pipeline:
+ *   1. renderToString(component, props) → { html: bodyHtml, css }
+ *   2. inlineCSS(bodyHtml, css)         → bodyHtml with style="" attrs
+ *   3. wrapEmailDocument(...)           → full HTML document
+ *   4. htmlToText(fullHtml)             → plain text fallback
+ *   5. Return { html, text, subject? }
+ */
+declare function renderEmail(component: any, props?: Record<string, any>, options?: RenderEmailOptions): RenderEmailResult;
+
+interface Mailer {
+    send(options: MailerSendOptions): Promise<EmailResult>;
+}
+/**
+ * Create a mailer instance with the given adapter.
+ *
+ * Usage:
+ * ```ts
+ * const mailer = createMailer(smtpAdapter({ host: '...', port: 587 }));
+ * await mailer.send({
+ *   to: 'user@example.com',
+ *   from: 'noreply@example.com',
+ *   subject: 'Welcome!',
+ *   component: WelcomeEmail,
+ *   props: { name: 'Alice' },
+ * });
+ * ```
+ */
+declare function createMailer(adapter: EmailAdapter): Mailer;
+
+/**
+ * Inline CSS declarations into HTML `style=""` attributes.
+ *
+ * @param html - Well-formed HTML string from serializeVNode()
+ * @param css  - CSS string (scoped styles from component)
+ * @returns    - HTML with inline styles applied
+ */
+declare function inlineCSS(html: string, css: string): string;
+
+/**
+ * Convert HTML to plain text suitable as an email fallback.
+ */
+declare function htmlToText(html: string): string;
+
+declare const EmailLayout: {
+    setup: (props: Record<string, any>) => {
+        width: any;
+        backgroundColor: any;
+        fontFamily: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailButton: {
+    setup: (props: Record<string, any>) => {
+        href: any;
+        text: any;
+        color: any;
+        textColor: any;
+        borderRadius: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailCard: {
+    setup: (props: Record<string, any>) => {
+        backgroundColor: any;
+        padding: any;
+        borderRadius: any;
+        borderColor: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailDivider: {
+    setup: (props: Record<string, any>) => {
+        color: any;
+        width: any;
+        height: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailHeading: {
+    setup: (props: Record<string, any>) => {
+        level: number;
+        color: any;
+        align: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailText: {
+    setup: (props: Record<string, any>) => {
+        color: any;
+        fontSize: any;
+        lineHeight: any;
+        align: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailImage: {
+    setup: (props: Record<string, any>) => {
+        src: any;
+        alt: any;
+        width: any;
+        height: any;
+        align: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailColumns: {
+    setup: (props: Record<string, any>) => {
+        columns: any;
+        gap: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+declare const EmailSpacer: {
+    setup: (props: Record<string, any>) => {
+        height: any;
+    };
+    render: (ctx: any) => _matthesketh_utopia_server.VElement;
+};
+
+export { EmailAdapter, EmailButton, EmailCard, EmailColumns, EmailDivider, EmailHeading, EmailImage, EmailLayout, EmailResult, EmailSpacer, EmailText, MailerSendOptions, RenderEmailOptions, RenderEmailResult, createMailer, htmlToText, inlineCSS, renderEmail };