npm - email-builder-utils - Versions diffs - 1.1.9 → 1.1.12 - Mend

email-builder-utils 1.1.9 → 1.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/utils/convertJsonToHtml.d.ts.map +1 -1
package/dist/utils/convertJsonToHtml.js +48 -42
package/dist/utils/jsonToHTML.d.ts.map +1 -1
package/dist/utils/jsonToHTML.js +45 -45
package/package.json +33 -33

package/dist/utils/convertJsonToHtml.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"convertJsonToHtml.d.ts","sourceRoot":"","sources":["../../src/utils/convertJsonToHtml.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,GAAU,UAAU,GAAG,~~oBA6DpD~~,CAAC"}
1	+ {"version":3,"file":"convertJsonToHtml.d.ts","sourceRoot":"","sources":["../../src/utils/convertJsonToHtml.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,GAAU,UAAU,GAAG,oBA6EpD,CAAC"}

package/dist/utils/convertJsonToHtml.js CHANGED Viewed

@@ -11,48 +11,54 @@ const convertJsonToHtml = async (jsonData) => {
             (rootData.style?.padding?.left || 0) -
             (rootData.style?.padding?.right || 0)));
     }
-    const rawHtml = `
-  <!DOCTYPE html>
-  <html lang="en">
-    <head>
-      <meta charset="UTF-8" />
-      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <title>Email Layout</title>
-      <style>
-        .responsive-table {
-          width: 100%;
-          max-width: 600px;
-        }
-        @media only screen and (max-width: 600px) {
-          .stack-column {
-            display: block !important;
-            width: 100% !important;
-            max-width: 100% !important;
-          }
-        }
-      </style>
-    </head>
-    <body>
-      <center>
-        <table
-          class="responsive-table"
-          style="font-family: ${rootData.style?.fontFamily};
-                 margin: 0 auto;
-                 background-color: ${rootData.style?.canvasColor};
-                 color: ${rootData.style?.textColor};
-                 ${jsonToHTML_1.tableCommonStyle}"
-        >
-          <tbody>
-            <tr>
-              <td style="padding: 0;">
-                ${blocksHtml.join("")}
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </center>
-    </body>
+    const { fontFamily, canvasColor, textColor, padding = {}, borderColor, borderRadius, borderWidth, borderStyle, } = rootData.style || {};
+    const { top = 0, right = 0, bottom = 0, left = 0 } = padding;
+    const rawHtml = `
+  <!DOCTYPE html>
+  <html lang="en">
+    <head>
+      <meta charset="UTF-8" />
+      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      <title>Email Layout</title>
+      <style>
+        .responsive-table {
+          width: 100%;
+          max-width: 600px;
+        }
+        @media only screen and (max-width: 600px) {
+          .stack-column {
+            display: block !important;
+            width: 100% !important;
+            max-width: 100% !important;
+          }
+        }
+      </style>
+    </head>
+    <body>
+      <center>
+        <table
+          class="responsive-table"
+  style="
+    font-family: ${fontFamily};
+    margin: 0 auto;
+    table-layout:fixed;
+    background-color: ${canvasColor};
+    color: ${textColor};
+    padding: ${top}px ${right}px ${bottom}px ${left}px;
+    border: ${borderWidth}px ${borderStyle} ${borderColor};
+    border-radius: ${borderRadius}px; "
+        >
+          <tbody>
+            <tr>
+              <td style="padding: 0;">
+                ${blocksHtml.join("")}
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </center>
+    </body>
   </html>`;
     return rawHtml;
 };

package/dist/utils/jsonToHTML.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"jsonToHTML.d.ts","sourceRoot":"","sources":["../../src/utils/jsonToHTML.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAUrC,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,UAAU;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc,CAAC;QACtB,KAAK,EAAE,GAAG,CAAC;QACX,WAAW,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;KAC7B,CAAC;CACH;~~AAMD~~,eAAO,MAAM,gBAAgB,kDAAkD,CAAC;AAiDhF,wBAAsB,aAAa,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,mBAiB9F"}
1	+ {"version":3,"file":"jsonToHTML.d.ts","sourceRoot":"","sources":["../../src/utils/jsonToHTML.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAUrC,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,UAAU;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc,CAAC;QACtB,KAAK,EAAE,GAAG,CAAC;QACX,WAAW,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;KAC7B,CAAC;CACH;AAQD,eAAO,MAAM,gBAAgB,kDAAkD,CAAC;AAiDhF,wBAAsB,aAAa,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,mBAiB9F"}

package/dist/utils/jsonToHTML.js CHANGED Viewed

@@ -71,8 +71,8 @@ async function convertToHtml(blockData, rootData, cellWidthInPx) {
     }
 }
 function appendOutlookSupport(content, contentStyle) {
-    return `
-  <table width="100%" style="${exports.tableCommonStyle}"><tr><td style="${contentStyle}">${content}</td></tr></table>
+    return `
+  <table width="100%" style="${exports.tableCommonStyle}"><tr><td style="${contentStyle}">${content}</td></tr></table>
   `;
 }
 // function convertDividerBlockToHtml(blockData: IBlockData) {
@@ -85,12 +85,12 @@ function convertDividerBlockToHtml(blockData) {
     const { style } = blockData.data;
     const { thickness, dividerColor, ...rest } = style;
     const convertedStyle = buildStyles(rest, { perChanges: [], pxChanges: allPxAttributes });
-    const dividerContent = `
-    <table width="100%" cellpadding="0" cellspacing="0">
-      <tr>
-        <td height="${thickness}" style="font-size:1px; line-height:1px; background:${dividerColor};">&nbsp;</td>
-      </tr>
-    </table>
+    const dividerContent = `
+    <table width="100%" cellpadding="0" cellspacing="0">
+      <tr>
+        <td height="${thickness}" style="font-size:1px; line-height:1px; background:${dividerColor};">&nbsp;</td>
+      </tr>
+    </table>
   `;
     return appendOutlookSupport(dividerContent, convertedStyle);
 }
@@ -124,21 +124,21 @@ async function appendOutlookForImage(content, outerContainerWidth, innerContaine
     const borderAttributes = borderWidth > 0
         ? `strokeweight="${borderWidth}px" strokecolor="${borderColor}"`
         : `stroked="false"`;
-    const outlookImage = `<!--[if mso]>
-  <v:${useRoundRect ? "roundrect" : "rect"} xmlns:v="urn:schemas-microsoft-com:vml"
-    style="width:${scaledWidth}px;height:${scaledHeight}px;"
-    ${borderAttributes}
-    ${useRoundRect ? `arcsize="${arcsize}"` : ""}
-    fill="true" fillcolor="none">
-    <v:fill src="${imageUrl}" type="frame" />
-    <v:textbox inset="0,0,0,0"><div style="display:none;">.</div></v:textbox>
-  </v:${useRoundRect ? "roundrect" : "rect"}>
+    const outlookImage = `<!--[if mso]>
+  <v:${useRoundRect ? "roundrect" : "rect"} xmlns:v="urn:schemas-microsoft-com:vml"
+    style="width:${scaledWidth}px;height:${scaledHeight}px;"
+    ${borderAttributes}
+    ${useRoundRect ? `arcsize="${arcsize}"` : ""}
+    fill="true" fillcolor="none">
+    <v:fill src="${imageUrl}" type="frame" />
+    <v:textbox inset="0,0,0,0"><div style="display:none;">.</div></v:textbox>
+  </v:${useRoundRect ? "roundrect" : "rect"}>
   <![endif]-->`;
-    return `
-    ${outlookImage}
-    <!--[if !mso]><!-->
-      ${content}
-    <!--<![endif]-->
+    return `
+    ${outlookImage}
+    <!--[if !mso]><!-->
+      ${content}
+    <!--<![endif]-->
   `;
 }
 async function convertImageBlock(blockData, cellWidthInPx) {
@@ -176,23 +176,23 @@ function appendOutlookForButton(content, buttonStyle, navigateToUrl, text) {
     const borderAttributes = borderWidth > 0
         ? `strokeweight="${borderWidth}px" strokecolor="${borderColor}"`
         : `stroked="false"`;
-    return `
-<!--[if mso]>
-<v:${borderRadius ? "roundrect" : "rect"} xmlns:v="urn:schemas-microsoft-com:vml" href="${navigateToUrl}"
-  style="height:${height}px;v-text-anchor:middle;width:${width}px;"
-  arcsize="${borderRadius / height}" ${borderAttributes}
-  fillcolor="${buttonColor}">
-  <w:anchorlock/>
-  <v:textbox inset="${buttonPadding.top}px,${buttonPadding.left}px,${buttonPadding.bottom}px,${buttonPadding.right}px">
-    <center style="font-family:${fontFamily};font-size:${fontSize}px;font-weight:${fontWeight};color:${color};">
-      ${text}
-    </center>
-  </v:textbox>
-</v:${borderRadius ? "roundrect" : "rect"}>
-<![endif]-->
-<!--[if !mso]><!-->
-  ${content}
-<!--<![endif]-->
+    return `
+<!--[if mso]>
+<v:${borderRadius ? "roundrect" : "rect"} xmlns:v="urn:schemas-microsoft-com:vml" href="${navigateToUrl}"
+  style="height:${height}px;v-text-anchor:middle;width:${width}px;"
+  arcsize="${borderRadius / height}" ${borderAttributes}
+  fillcolor="${buttonColor}">
+  <w:anchorlock/>
+  <v:textbox inset="${buttonPadding.top}px,${buttonPadding.left}px,${buttonPadding.bottom}px,${buttonPadding.right}px">
+    <center style="font-family:${fontFamily};font-size:${fontSize}px;font-weight:${fontWeight};color:${color};">
+      ${text}
+    </center>
+  </v:textbox>
+</v:${borderRadius ? "roundrect" : "rect"}>
+<![endif]-->
+<!--[if !mso]><!-->
+  ${content}
+<!--<![endif]-->
 `;
 }
 function convertButtonBlock(blockData) {
@@ -239,12 +239,12 @@ async function convertGridBlock(blockData, rootData, cellWidthInPx) {
     const { rows, columns, cellWidths } = props;
     const styles = buildStyles(rest, { perChanges: [], pxChanges: allPxAttributes });
     const gridItems = await processGridItemsInParallel(columns, childrenIds, cellWidths, cellWidthInPx, rootData);
-    return `
-    <table cellspacing="${columnGap}" style="width:100%; max-width:100%; ${styles}">
-      <tbody>
-        <tr>${gridItems.join("")}</tr>
-      </tbody>
-    </table>
+    return `
+    <table cellspacing="${columnGap}" style="width:100%; max-width:100%; ${styles}">
+      <tbody>
+        <tr>${gridItems.join("")}</tr>
+      </tbody>
+    </table>
   `;
 }
 async function convertGridCellBlock(blockData, rootData, cellWidth, parentCellWidth) {

package/package.json CHANGED Viewed

@@ -1,33 +1,33 @@
-{
-  "name": "email-builder-utils",
-  "version": "1.1.9",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "tsc",
-    "start": "npm run build && node dist/index.js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://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@github.com/Biztecno-Infra/email-builder-utils.git"
-  },
-  "author": "",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/Biztecno-Infra/email-builder-utils/issues"
-  },
-  "homepage": "https://github.com/Biztecno-Infra/email-builder-utils#readme",
-  "description": "",
-  "devDependencies": {
-    "@types/node": "^22.13.10",
-    "@types/pngjs": "^6.0.5",
-    "typescript": "^5.8.2"
-  },
-  "dependencies": {
-    "jimp": "^1.6.0"
-  }
-}
+{
+  "name": "email-builder-utils",
+  "version": "1.1.12",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc",
+    "start": "npm run build && node dist/index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://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@github.com/Biztecno-Infra/email-builder-utils.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/Biztecno-Infra/email-builder-utils/issues"
+  },
+  "homepage": "https://github.com/Biztecno-Infra/email-builder-utils#readme",
+  "description": "",
+  "devDependencies": {
+    "@types/node": "^22.13.10",
+    "@types/pngjs": "^6.0.5",
+    "typescript": "^5.8.2"
+  },
+  "dependencies": {
+    "jimp": "^1.6.0"
+  }
+}