make emails with react component render text aswell

Author: sommeeeer

src/batch/batch.ts

@@ -10,7 +10,10 @@ import type {
 } from './interfaces/create-batch-options.interface';
 
 export class Batch {
-  private renderAsync?: (component: React.ReactElement) => Promise<string>;
+  private renderAsync?: (
+    component: React.ReactElement,
+    options?: { plainText?: boolean },
+  ) => Promise<string>;
   constructor(private readonly resend: Resend) {}
 
   async send(
@@ -38,8 +41,14 @@ export class Batch {
             );
           }
         }
-
-        email.html = await this.renderAsync(email.react as React.ReactElement);
+        const [html, text] = await Promise.all([
+          this.renderAsync(email.react as React.ReactElement),
+          this.renderAsync(email.react as React.ReactElement, {
+            plainText: true,
+          }),
+        ]);
+        email.html = html;
+        email.text = text;
         email.react = undefined;
       }
 

src/emails/emails.ts

@@ -22,7 +22,10 @@ import type {
 } from './interfaces/update-email-options.interface';
 
 export class Emails {
-  private renderAsync?: (component: React.ReactElement) => Promise<string>;
+  private renderAsync?: (
+    component: React.ReactElement,
+    options?: { plainText?: boolean },
+  ) => Promise<string>;
   constructor(private readonly resend: Resend) {}
 
   async send(
@@ -48,9 +51,15 @@ export class Emails {
         }
       }
 
-      payload.html = await this.renderAsync(
-        payload.react as React.ReactElement,
-      );
+      const reactElement = payload.react as React.ReactElement;
+      const [html, text] = await Promise.all([
+        this.renderAsync(reactElement),
+        this.renderAsync(reactElement, {
+          plainText: true,
+        }),
+      ]);
+      payload.text = text;
+      payload.html = html;
     }
 
     const data = await this.resend.post<CreateEmailResponseSuccess>(