payload-plugin-newsletter 0.16.9 → 0.17.0

package/dist/index.js

@@ -3174,62 +3174,73 @@ async function convertToEmailSafeHtml(editorState, options) {
   if (!editorState) {
     return "";
   }
-  const rawHtml = await lexicalToEmailHtml(editorState, options?.mediaUrl);
+  const rawHtml = await lexicalToEmailHtml(editorState, options?.mediaUrl, options?.customBlockConverter);
   const sanitizedHtml = DOMPurify2.sanitize(rawHtml, EMAIL_SAFE_CONFIG);
   if (options?.wrapInTemplate) {
     return wrapInEmailTemplate(sanitizedHtml, options.preheader);
   }
   return sanitizedHtml;
 }
-async function lexicalToEmailHtml(editorState, mediaUrl) {
+async function lexicalToEmailHtml(editorState, mediaUrl, customBlockConverter) {
   const { root } = editorState;
   if (!root || !root.children) {
     return "";
   }
-  const html = root.children.map((node) => convertNode(node, mediaUrl)).join("");
-  return html;
+  const htmlParts = await Promise.all(
+    root.children.map((node) => convertNode(node, mediaUrl, customBlockConverter))
+  );
+  return htmlParts.join("");
 }
-function convertNode(node, mediaUrl) {
+async function convertNode(node, mediaUrl, customBlockConverter) {
   switch (node.type) {
     case "paragraph":
-      return convertParagraph(node, mediaUrl);
+      return convertParagraph(node, mediaUrl, customBlockConverter);
     case "heading":
-      return convertHeading(node, mediaUrl);
+      return convertHeading(node, mediaUrl, customBlockConverter);
     case "list":
-      return convertList(node, mediaUrl);
+      return convertList(node, mediaUrl, customBlockConverter);
     case "listitem":
-      return convertListItem(node, mediaUrl);
+      return convertListItem(node, mediaUrl, customBlockConverter);
     case "blockquote":
-      return convertBlockquote(node, mediaUrl);
+      return convertBlockquote(node, mediaUrl, customBlockConverter);
     case "text":
       return convertText(node);
     case "link":
-      return convertLink(node, mediaUrl);
+      return convertLink(node, mediaUrl, customBlockConverter);
     case "linebreak":
       return "<br>";
     case "upload":
       return convertUpload(node, mediaUrl);
     case "block":
-      return convertBlock(node, mediaUrl);
+      return await convertBlock(node, mediaUrl, customBlockConverter);
     default:
       if (node.children) {
-        return node.children.map((child) => convertNode(child, mediaUrl)).join("");
+        const childParts = await Promise.all(
+          node.children.map((child) => convertNode(child, mediaUrl, customBlockConverter))
+        );
+        return childParts.join("");
       }
       return "";
   }
 }
-function convertParagraph(node, mediaUrl) {
+async function convertParagraph(node, mediaUrl, customBlockConverter) {
   const align = getAlignment(node.format);
-  const children = node.children?.map((child) => convertNode(child, mediaUrl)).join("") || "";
+  const childParts = await Promise.all(
+    (node.children || []).map((child) => convertNode(child, mediaUrl, customBlockConverter))
+  );
+  const children = childParts.join("");
   if (!children.trim()) {
     return '<p style="margin: 0 0 16px 0; min-height: 1em;">&nbsp;</p>';
   }
   return `<p style="margin: 0 0 16px 0; text-align: ${align};">${children}</p>`;
 }
-function convertHeading(node, mediaUrl) {
+async function convertHeading(node, mediaUrl, customBlockConverter) {
   const tag = node.tag || "h1";
   const align = getAlignment(node.format);
-  const children = node.children?.map((child) => convertNode(child, mediaUrl)).join("") || "";
+  const childParts = await Promise.all(
+    (node.children || []).map((child) => convertNode(child, mediaUrl, customBlockConverter))
+  );
+  const children = childParts.join("");
   const styles2 = {
     h1: "font-size: 32px; font-weight: 700; margin: 0 0 24px 0; line-height: 1.2;",
     h2: "font-size: 24px; font-weight: 600; margin: 0 0 16px 0; line-height: 1.3;",
@@ -3238,18 +3249,27 @@ function convertHeading(node, mediaUrl) {
   const style = `${styles2[tag] || styles2.h3} text-align: ${align};`;
   return `<${tag} style="${style}">${children}</${tag}>`;
 }
-function convertList(node, mediaUrl) {
+async function convertList(node, mediaUrl, customBlockConverter) {
   const tag = node.listType === "number" ? "ol" : "ul";
-  const children = node.children?.map((child) => convertNode(child, mediaUrl)).join("") || "";
+  const childParts = await Promise.all(
+    (node.children || []).map((child) => convertNode(child, mediaUrl, customBlockConverter))
+  );
+  const children = childParts.join("");
   const style = tag === "ul" ? "margin: 0 0 16px 0; padding-left: 24px; list-style-type: disc;" : "margin: 0 0 16px 0; padding-left: 24px; list-style-type: decimal;";
   return `<${tag} style="${style}">${children}</${tag}>`;
 }
-function convertListItem(node, mediaUrl) {
-  const children = node.children?.map((child) => convertNode(child, mediaUrl)).join("") || "";
+async function convertListItem(node, mediaUrl, customBlockConverter) {
+  const childParts = await Promise.all(
+    (node.children || []).map((child) => convertNode(child, mediaUrl, customBlockConverter))
+  );
+  const children = childParts.join("");
   return `<li style="margin: 0 0 8px 0;">${children}</li>`;
 }
-function convertBlockquote(node, mediaUrl) {
-  const children = node.children?.map((child) => convertNode(child, mediaUrl)).join("") || "";
+async function convertBlockquote(node, mediaUrl, customBlockConverter) {
+  const childParts = await Promise.all(
+    (node.children || []).map((child) => convertNode(child, mediaUrl, customBlockConverter))
+  );
+  const children = childParts.join("");
   const style = "margin: 0 0 16px 0; padding-left: 16px; border-left: 4px solid #e5e7eb; color: #6b7280;";
   return `<blockquote style="${style}">${children}</blockquote>`;
 }
@@ -3269,8 +3289,11 @@ function convertText(node) {
   }
   return text;
 }
-function convertLink(node, mediaUrl) {
-  const children = node.children?.map((child) => convertNode(child, mediaUrl)).join("") || "";
+async function convertLink(node, mediaUrl, customBlockConverter) {
+  const childParts = await Promise.all(
+    (node.children || []).map((child) => convertNode(child, mediaUrl, customBlockConverter))
+  );
+  const children = childParts.join("");
   const url = node.fields?.url || "#";
   const newTab = node.fields?.newTab ?? false;
   const targetAttr = newTab ? ' target="_blank"' : "";
@@ -3301,8 +3324,18 @@ function convertUpload(node, mediaUrl) {
   }
   return `<div style="margin: 0 0 16px 0; text-align: center;">${imgHtml}</div>`;
 }
-function convertBlock(node, mediaUrl) {
-  const blockType = node.fields?.blockName;
+async function convertBlock(node, mediaUrl, customBlockConverter) {
+  const blockType = node.fields?.blockName || node.blockName;
+  if (customBlockConverter) {
+    try {
+      const customHtml = await customBlockConverter(node, mediaUrl);
+      if (customHtml) {
+        return customHtml;
+      }
+    } catch (error) {
+      console.error(`Custom block converter error for ${blockType}:`, error);
+    }
+  }
   switch (blockType) {
     case "button":
       return convertButtonBlock(node.fields);
@@ -3310,7 +3343,10 @@ function convertBlock(node, mediaUrl) {
       return convertDividerBlock(node.fields);
     default:
       if (node.children) {
-        return node.children.map((child) => convertNode(child, mediaUrl)).join("");
+        const childParts = await Promise.all(
+          node.children.map((child) => convertNode(child, mediaUrl, customBlockConverter))
+        );
+        return childParts.join("");
       }
       return "";
   }
@@ -3437,7 +3473,8 @@ var createTestBroadcastEndpoint = (config, collectionSlug) => {
         }
         const htmlContent = await convertToEmailSafeHtml(broadcast.content, {
           wrapInTemplate: true,
-          preheader: broadcast.preheader
+          preheader: broadcast.preheader,
+          customBlockConverter: config.customizations?.broadcasts?.customBlockConverter
         });
         const emailService = req.payload.newsletterEmailService;
         if (!emailService) {
@@ -3475,6 +3512,47 @@ var createTestBroadcastEndpoint = (config, collectionSlug) => {
   };
 };
 
+// src/endpoints/broadcasts/preview.ts
+var createBroadcastPreviewEndpoint = (config, collectionSlug) => {
+  return {
+    path: `/api/${collectionSlug}/preview`,
+    method: "post",
+    handler: async (req) => {
+      try {
+        const data = await (req.json?.() || Promise.resolve({}));
+        const { content, preheader, subject } = data;
+        if (!content) {
+          return Response.json({
+            success: false,
+            error: "Content is required for preview"
+          }, { status: 400 });
+        }
+        const mediaUrl = req.payload.config.serverURL ? `${req.payload.config.serverURL}/api/media` : "/api/media";
+        const htmlContent = await convertToEmailSafeHtml(content, {
+          wrapInTemplate: true,
+          preheader,
+          mediaUrl,
+          customBlockConverter: config.customizations?.broadcasts?.customBlockConverter
+        });
+        return Response.json({
+          success: true,
+          preview: {
+            subject: subject || "Preview",
+            preheader: preheader || "",
+            html: htmlContent
+          }
+        });
+      } catch (error) {
+        console.error("Failed to generate email preview:", error);
+        return Response.json({
+          success: false,
+          error: "Failed to generate email preview"
+        }, { status: 500 });
+      }
+    }
+  };
+};
+
 // src/endpoints/broadcasts/index.ts
 var createBroadcastManagementEndpoints = (config) => {
   if (!config.features?.newsletterManagement?.enabled) {
@@ -3484,7 +3562,8 @@ var createBroadcastManagementEndpoints = (config) => {
   return [
     createSendBroadcastEndpoint(config, collectionSlug),
     createScheduleBroadcastEndpoint(config, collectionSlug),
-    createTestBroadcastEndpoint(config, collectionSlug)
+    createTestBroadcastEndpoint(config, collectionSlug),
+    createBroadcastPreviewEndpoint(config, collectionSlug)
   ];
 };
 
@@ -4410,7 +4489,9 @@ var createBroadcastsCollection = (pluginConfig) => {
               const { BroadcastApiProvider: BroadcastApiProvider2 } = await Promise.resolve().then(() => (init_broadcast2(), broadcast_exports));
               const provider = new BroadcastApiProvider2(providerConfig);
               req.payload.logger.info("Converting content to HTML...");
-              const htmlContent = await convertToEmailSafeHtml(doc.contentSection?.content);
+              const htmlContent = await convertToEmailSafeHtml(doc.contentSection?.content, {
+                customBlockConverter: pluginConfig.customizations?.broadcasts?.customBlockConverter
+              });
               if (!htmlContent || htmlContent.trim() === "") {
                 req.payload.logger.info("Skipping provider sync - content is empty after conversion");
                 return doc;
@@ -4506,77 +4587,49 @@ var createBroadcastsCollection = (pluginConfig) => {
                   req.payload.logger.info("Still missing required fields for provider sync");
                   return doc;
                 }
-                try {
-                  req.payload.logger.info("Creating broadcast in provider (deferred from initial create)...");
-                  const htmlContent = await convertToEmailSafeHtml(doc.contentSection?.content);
-                  if (!htmlContent || htmlContent.trim() === "") {
-                    req.payload.logger.info("Skipping provider sync - content is empty after conversion");
-                    return doc;
-                  }
-                  const createData = {
-                    name: doc.subject,
-                    subject: doc.subject,
-                    preheader: doc.contentSection?.preheader,
-                    content: htmlContent,
-                    trackOpens: doc.settings?.trackOpens,
-                    trackClicks: doc.settings?.trackClicks,
-                    replyTo: doc.settings?.replyTo || providerConfig.replyTo,
-                    audienceIds: doc.audienceIds?.map((a) => a.audienceId)
-                  };
-                  req.payload.logger.info("Creating broadcast with data:", {
-                    name: createData.name,
-                    subject: createData.subject,
-                    preheader: createData.preheader || "NONE",
-                    contentLength: htmlContent ? htmlContent.length : 0,
-                    contentPreview: htmlContent ? htmlContent.substring(0, 100) + "..." : "EMPTY",
-                    apiUrl: providerConfig.apiUrl,
-                    hasToken: !!providerConfig.token
-                  });
-                  const providerBroadcast = await provider.create(createData);
-                  await req.payload.update({
-                    collection: "broadcasts",
-                    id: doc.id,
-                    data: {
-                      providerId: providerBroadcast.id,
-                      providerData: providerBroadcast.providerData
-                    },
-                    req
-                  });
-                  req.payload.logger.info(`Broadcast ${doc.id} created in provider successfully (deferred)`);
-                  return {
-                    ...doc,
-                    providerId: providerBroadcast.id,
-                    providerData: providerBroadcast.providerData
-                  };
-                } catch (error) {
-                  req.payload.logger.error("Raw error from broadcast provider (deferred create):");
-                  req.payload.logger.error(error);
-                  if (error instanceof Error) {
-                    req.payload.logger.error("Error is instance of Error:", {
-                      message: error.message,
-                      stack: error.stack,
-                      name: error.name,
-                      ...error.details,
-                      ...error.response,
-                      ...error.data,
-                      ...error.status,
-                      ...error.statusText
-                    });
-                  } else if (typeof error === "string") {
-                    req.payload.logger.error("Error is a string:", error);
-                  } else if (error && typeof error === "object") {
-                    req.payload.logger.error("Error is an object:", JSON.stringify(error, null, 2));
-                  } else {
-                    req.payload.logger.error("Unknown error type:", typeof error);
-                  }
-                  req.payload.logger.error("Failed broadcast document (deferred create):", {
-                    id: doc.id,
-                    subject: doc.subject,
-                    hasContent: !!doc.contentSection?.content,
-                    contentType: doc.contentSection?.content ? typeof doc.contentSection.content : "none"
-                  });
+                req.payload.logger.info("Creating broadcast in provider (deferred from initial create)...");
+                const htmlContent = await convertToEmailSafeHtml(doc.contentSection?.content, {
+                  customBlockConverter: pluginConfig.customizations?.broadcasts?.customBlockConverter
+                });
+                if (!htmlContent || htmlContent.trim() === "") {
+                  req.payload.logger.info("Skipping provider sync - content is empty after conversion");
                   return doc;
                 }
+                const createData = {
+                  name: doc.subject,
+                  subject: doc.subject,
+                  preheader: doc.contentSection?.preheader,
+                  content: htmlContent,
+                  trackOpens: doc.settings?.trackOpens,
+                  trackClicks: doc.settings?.trackClicks,
+                  replyTo: doc.settings?.replyTo || providerConfig.replyTo,
+                  audienceIds: doc.audienceIds?.map((a) => a.audienceId)
+                };
+                req.payload.logger.info("Creating broadcast with data:", {
+                  name: createData.name,
+                  subject: createData.subject,
+                  preheader: createData.preheader || "NONE",
+                  contentLength: htmlContent ? htmlContent.length : 0,
+                  contentPreview: htmlContent ? htmlContent.substring(0, 100) + "..." : "EMPTY",
+                  apiUrl: providerConfig.apiUrl,
+                  hasToken: !!providerConfig.token
+                });
+                const providerBroadcast = await provider.create(createData);
+                await req.payload.update({
+                  collection: "broadcasts",
+                  id: doc.id,
+                  data: {
+                    providerId: providerBroadcast.id,
+                    providerData: providerBroadcast.providerData
+                  },
+                  req
+                });
+                req.payload.logger.info(`Broadcast ${doc.id} created in provider successfully (deferred)`);
+                return {
+                  ...doc,
+                  providerId: providerBroadcast.id,
+                  providerData: providerBroadcast.providerData
+                };
               }
               if (doc.providerId) {
                 const capabilities = provider.getCapabilities();
@@ -4596,7 +4649,9 @@ var createBroadcastsCollection = (pluginConfig) => {
                     updates.preheader = doc.contentSection?.preheader;
                   }
                   if (JSON.stringify(doc.contentSection?.content) !== JSON.stringify(previousDoc?.contentSection?.content)) {
-                    updates.content = await convertToEmailSafeHtml(doc.contentSection?.content);
+                    updates.content = await convertToEmailSafeHtml(doc.contentSection?.content, {
+                      customBlockConverter: pluginConfig.customizations?.broadcasts?.customBlockConverter
+                    });
                   }
                   if (doc.settings?.trackOpens !== previousDoc?.settings?.trackOpens) {
                     updates.trackOpens = doc.settings.trackOpens;
@@ -4621,16 +4676,32 @@ var createBroadcastsCollection = (pluginConfig) => {
                 }
               }
             } catch (error) {
+              req.payload.logger.error("Raw error from broadcast update operation:");
+              req.payload.logger.error(error);
               if (error instanceof Error) {
-                req.payload.logger.error("Failed to handle broadcast update operation:", {
+                req.payload.logger.error("Error is instance of Error:", {
                   message: error.message,
                   stack: error.stack,
                   name: error.name,
-                  ...error.details
+                  ...error.details,
+                  ...error.response,
+                  ...error.data,
+                  ...error.status,
+                  ...error.statusText
                 });
+              } else if (typeof error === "string") {
+                req.payload.logger.error("Error is a string:", error);
+              } else if (error && typeof error === "object") {
+                req.payload.logger.error("Error is an object:", JSON.stringify(error, null, 2));
               } else {
-                req.payload.logger.error("Failed to handle broadcast update operation:", error);
+                req.payload.logger.error("Unknown error type:", typeof error);
               }
+              req.payload.logger.error("Failed broadcast document (update operation):", {
+                id: doc.id,
+                subject: doc.subject,
+                hasContent: !!doc.contentSection?.content,
+                contentType: doc.contentSection?.content ? typeof doc.contentSection.content : "none"
+              });
             }
           }
           return doc;