best-email-builder 0.5.0 → 0.6.0

package/dist/{chunk-3LKF4QBL.js → chunk-XEFBPP5Y.js}

@@ -15,10 +15,10 @@ import {
   TabsTrigger,
   cn,
   useUi
-} from "./chunk-LXR4QTGP.js";
+} from "./chunk-JU3OUO6X.js";
 import {
   EMAIL_MOBILE_WIDTH
-} from "./chunk-7U6BAKM7.js";
+} from "./chunk-QPAZLCPO.js";
 import {
   DEFAULT_BUTTON_URL,
   FONT_STACK,
@@ -28,7 +28,7 @@ import {
   identity,
   inWhiteSection,
   prop
-} from "./chunk-DFNHICTF.js";
+} from "./chunk-JI36FNWE.js";
 
 // src/features/templates/starter.js
 function escapeXml(text) {
@@ -592,4 +592,4 @@ export {
   useBrand,
   useLayoutWidth
 };
-//# sourceMappingURL=chunk-3LKF4QBL.js.map
+//# sourceMappingURL=chunk-XEFBPP5Y.js.map

package/dist/index.js

@@ -11,28 +11,28 @@ import {
   emailBlocks,
   emailBuilderFeatures,
   isFeatureEnabled
-} from "./chunk-PB7YZ3WP.js";
+} from "./chunk-NC2YDZSP.js";
 import {
   TemplateLibrary
-} from "./chunk-6D3SLT5W.js";
+} from "./chunk-5W4TUUPD.js";
 import {
   STARTER_MJML,
   TEMPLATE_GALLERY,
   buildGallery,
   createStarterMjml,
   withPlaceholderImages
-} from "./chunk-3LKF4QBL.js";
+} from "./chunk-XEFBPP5Y.js";
 import {
   applyVariables,
   applyVariablesToText,
   unknownVariables,
   usedVariables
-} from "./chunk-LYMJ2TBX.js";
-import "./chunk-ECHGJZ2W.js";
+} from "./chunk-CNJZLZRH.js";
+import "./chunk-4U7L2NYQ.js";
 import {
   simulateDarkMode
 } from "./chunk-UFKCLU2D.js";
-import "./chunk-KXJJSVN5.js";
+import "./chunk-SAIW46IC.js";
 import {
   StorageError,
   UiProvider,
@@ -40,7 +40,7 @@ import {
   createMemoryStorage,
   useT,
   useUi
-} from "./chunk-LXR4QTGP.js";
+} from "./chunk-JU3OUO6X.js";
 import {
   EMAIL_BUILDER_VERSION,
   EMAIL_DEVICES,
@@ -49,9 +49,9 @@ import {
   createDocument,
   readDocument,
   serializeDocument
-} from "./chunk-7U6BAKM7.js";
-import "./chunk-2RZHGAH5.js";
-import "./chunk-5SASKCUC.js";
+} from "./chunk-QPAZLCPO.js";
+import "./chunk-OWVXKMLI.js";
+import "./chunk-W424KPCR.js";
 import {
   CUSTOM_GROUP,
   DEFAULT_ASSETS_PATH,
@@ -73,7 +73,7 @@ import {
   tokenOf,
   translatorFor,
   validateCustomVariable
-} from "./chunk-DFNHICTF.js";
+} from "./chunk-JI36FNWE.js";
 
 // src/ui/EmailStudio.jsx
 import { useMemo, useState } from "react";

package/dist/library.js

@@ -1,25 +1,25 @@
 import {
   TemplateLibrary
-} from "./chunk-6D3SLT5W.js";
+} from "./chunk-5W4TUUPD.js";
 import {
   TEMPLATE_GALLERY,
   buildGallery,
   withPlaceholderImages
-} from "./chunk-3LKF4QBL.js";
+} from "./chunk-XEFBPP5Y.js";
 import "./chunk-UFKCLU2D.js";
 import {
   StorageError,
   createHttpStorage,
   createMemoryStorage
-} from "./chunk-LXR4QTGP.js";
+} from "./chunk-JU3OUO6X.js";
 import {
   EMAIL_BUILDER_VERSION
-} from "./chunk-7U6BAKM7.js";
+} from "./chunk-QPAZLCPO.js";
 import {
   LOCALES,
   createTranslator,
   translatorFor
-} from "./chunk-DFNHICTF.js";
+} from "./chunk-JI36FNWE.js";
 export {
   EMAIL_BUILDER_VERSION,
   LOCALES,

package/dist/server.js

@@ -5,14 +5,16 @@ import {
   sampleValues,
   unknownVariables,
   usedVariables
-} from "./chunk-LYMJ2TBX.js";
+} from "./chunk-CNJZLZRH.js";
 import {
   BRAND_IMPORT_ERRORS,
   brandFromCss,
+  countImagesWithoutPicture,
   imageSize,
   logoWidthFor,
+  prepareMjml,
   readPage
-} from "./chunk-ECHGJZ2W.js";
+} from "./chunk-4U7L2NYQ.js";
 import {
   simulateDarkMode
 } from "./chunk-UFKCLU2D.js";
@@ -26,14 +28,14 @@ import {
   detectImage,
   readDocument,
   serializeDocument
-} from "./chunk-7U6BAKM7.js";
+} from "./chunk-QPAZLCPO.js";
 import {
   IMAGE_ATTRIBUTES,
   LINK_ATTRIBUTES,
   assertValidMjml,
   isSafeUrl,
   validateMjml
-} from "./chunk-5SASKCUC.js";
+} from "./chunk-W424KPCR.js";
 import {
   DEFAULT_ASSETS_PATH,
   DEFAULT_VARIABLES,
@@ -52,7 +54,7 @@ import {
   tokenOf,
   translatorFor,
   validateCustomVariable
-} from "./chunk-DFNHICTF.js";
+} from "./chunk-JI36FNWE.js";
 
 // src/server/assets.js
 import { createHash } from "crypto";
@@ -211,27 +213,6 @@ function qualityReport({ mjml, html = "", subject = null }, { t = identity } = {
   return issues;
 }
 
-// src/renderer/prepareMjml.js
-function escapeXml(text2) {
-  return String(text2 ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function prepareMjml(mjml, { title = null, preheader = null, lang = "en" } = {}) {
-  let out = String(mjml || "").replace(/<mj-title(?:\s[^>]*)?>[\s\S]*?<\/mj-title>/gi, "").replace(/<mj-preview(?:\s[^>]*)?>[\s\S]*?<\/mj-preview>/gi, "");
-  out = out.replace(
-    /<mjml(\s[^>]*)?>/i,
-    (tag, attrs = "") => /\slang\s*=/.test(attrs) ? tag : `<mjml lang="${escapeXml(lang)}"${attrs}>`
-  );
-  const head = [
-    title && String(title).trim() ? `<mj-title>${escapeXml(String(title).trim())}</mj-title>` : "",
-    preheader && String(preheader).trim() ? `<mj-preview>${escapeXml(String(preheader).trim())}</mj-preview>` : ""
-  ].join("");
-  if (!head) return out;
-  if (/<mj-head(\s[^>]*)?>/i.test(out)) {
-    return out.replace(/<mj-head(\s[^>]*)?>/i, (tag) => `${tag}${head}`);
-  }
-  return out.replace(/<mjml(\s[^>]*)?>/i, (tag) => `${tag}<mj-head>${head}</mj-head>`);
-}
-
 // src/server/compileMjml.js
 import mjml2html from "mjml";
 var CLIENT_METAS = '<meta name="x-apple-disable-message-reformatting"><meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">';
@@ -265,9 +246,10 @@ async function compileMjml(mjml) {
 }
 
 // src/server/render.js
-async function compileTemplate({ mjml, subject = null, preheader = null }, { t = identity, lang = "en", variables = DEFAULT_VARIABLES } = {}) {
+async function compileTemplate({ mjml, subject = null, preheader = null }, { t = identity, lang = "en", variables = DEFAULT_VARIABLES, preview = false } = {}) {
   assertValidMjml(mjml, { t });
-  const { html, warnings } = await compileMjml(prepareMjml(mjml, { title: subject, preheader, lang }));
+  const prepared = prepareMjml(mjml, { title: subject, preheader, lang, emptyImages: preview ? "keep" : "drop" });
+  const { html, warnings } = await compileMjml(prepared);
   const quality = qualityReport({ mjml, html, subject }, { t });
   const unknown = unknownVariables([mjml, subject || "", preheader || ""].join("\n"), variables);
   if (unknown.length) {
@@ -1282,7 +1264,7 @@ function createEmailBuilderHandler(options) {
       const catalog = await customVariables.catalog();
       const { compiled, warnings, quality } = await compileTemplate(
         { mjml: body?.mjml, subject: body?.subject, preheader: body?.preheader },
-        { t, lang, variables: catalog }
+        { t, lang, variables: catalog, preview: true }
       );
       const values = sampleValues(catalog);
       const html = personalize(compiled, { values, unsubscribeUrl: previewUnsubscribeUrl, variables: catalog });
@@ -1517,6 +1499,7 @@ export {
   cleanBrand,
   compileMjml,
   compileTemplate,
+  countImagesWithoutPicture,
   createAssetService,
   createBrandImporter,
   createBrandService,