pass minifier callback to render method

sofn-xyz · Apr 20, 2023 · 37e8fb2 · 37e8fb2
1 parent 6f681c0
commit 37e8fb2
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 3 deletions.
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
@@ -27,6 +27,7 @@ export type BuildSendMailOptions<T> = {
   transport: Transporter<T>;
   defaultFrom: string;
   configPath: string;
+  minifyCb?: (html: string) => string;
 };
 
 export type ComponentMail = SendMailOptions & {
@@ -114,7 +115,10 @@ export function buildSendMail<T>(options: BuildSendMailOptions<T>) {
     // Get html from the rendered component if not provided
     let derivedTemplateName;
     if (component && !mailOptions.html) {
-      const { html: renderedHtml, errors } = render(component);
+      const { html: renderedHtml, errors } = render(
+        component,
+        options.minifyCb
+      );
       if (errors?.length) {
         error(errors);
         throw new MalformedInputError(

diff --git a/packages/core/src/mjml.ts b/packages/core/src/mjml.ts
@@ -2,10 +2,16 @@ import { JSXElementConstructor, ReactElement } from "react";
 import { render as mjRender } from "mjml-react";
 
 export function render(
-  component: ReactElement<any, string | JSXElementConstructor<any>>
+  component: ReactElement<any, string | JSXElementConstructor<any>>,
+  minifyCb?: (html: string) => string
 ) {
-  return mjRender(component, {
+  const { html, errors } = mjRender(component, {
     validationLevel: "soft",
     minify: undefined,
   });
+
+  return {
+    html: minifyCb?.(html) || html,
+    errors,
+  };
 }
diff --git a/packages/web/pages/docs/sending-email.mdx b/packages/web/pages/docs/sending-email.mdx
@@ -32,6 +32,14 @@ const sendMail = buildSendMail({
   }),
   defaultFrom: "Steven from Dub <steven@dub.sh>",
   configPath: "./mailing.config.json",
+  // optional
+  minifyCb: (html: string) => htmlMinify(html, {
+        caseSensitive: true,
+        collapseWhitespace: true,
+        minifyCSS: true,
+        removeComments: true,
+        removeEmptyAttributes: true,
+      })
 });
 ```