@maizzle/framework 4.8.6 → 4.8.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "4.8.6",
+  "version": "4.8.8",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "main": "src/index.js",
@@ -31,10 +31,9 @@
     "access": "public"
   },
   "scripts": {
-    "test": "c8 ava",
-    "pretest": "xo",
-    "style": "xo",
-    "release": "np"
+    "lint": "biome lint ./src ./test",
+    "pretest": "npm run lint",
+    "test": "c8 ava"
   },
   "files": [
     "src",
@@ -79,13 +78,12 @@
     "tailwindcss": "^3.2.7"
   },
   "devDependencies": {
+    "@biomejs/biome": "^1.8.3",
     "@types/browser-sync": "^2.29.0",
     "@types/js-beautify": "^1.14.0",
     "@types/markdown-it": "^14.0.0",
     "ava": "^5.2.0",
-    "c8": "^10.0.0",
-    "np": "*",
-    "xo": "0.39.1"
+    "c8": "^10.0.0"
   },
   "engines": {
     "node": ">=14.0.0"

package/src/commands/serve.js

@@ -1,6 +1,6 @@
 const ora = require('ora')
-const path = require('path')
 const fs = require('fs-extra')
+const path = require('node:path')
 
 const Config = require('../generators/config')
 const buildToFile = require('../commands/build')

package/src/generators/config.js

@@ -1,4 +1,4 @@
-const path = require('path')
+const path = require('node:path')
 const {merge} = require('lodash')
 const {requireUncached} = require('../utils/helpers')
 

package/src/generators/output/to-disk.js

@@ -1,5 +1,5 @@
-const path = require('path')
 const fs = require('fs-extra')
+const path = require('node:path')
 const {glob} = require('fast-glob')
 const {get, merge, isEmpty} = require('lodash')
 

package/src/generators/plaintext.js

@@ -1,4 +1,4 @@
-const path = require('path')
+const path = require('node:path')
 const posthtml = require('posthtml')
 const {get, merge} = require('lodash')
 const {stripHtml} = require('string-strip-html')

package/src/generators/tailwindcss.js

@@ -1,5 +1,5 @@
-const path = require('path')
 const fs = require('fs-extra')
+const path = require('node:path')
 const postcss = require('postcss')
 const tailwindcss = require('tailwindcss')
 const postcssImport = require('postcss-import')
@@ -96,7 +96,7 @@ module.exports = {
       const fileTypes = Array.isArray(configFileTypes) ? configFileTypes : configFileTypes.split('|')
       const fileTypesPattern = fileTypes.length > 1 ? `{${fileTypes.join(',')}}` : fileTypes[0]
 
-      templateObjects.forEach(template => {
+      for (const template of templateObjects) {
         const source = get(template, 'source')
 
         if (typeof source === 'function') {
@@ -118,7 +118,7 @@ module.exports = {
         else {
           tailwindConfig.content.files.push(`${source}/**/*.${fileTypesPattern}`)
         }
-      })
+      }
     }
 
     // Filter out any duplicate content paths

package/src/index.js

@@ -1,16 +1,16 @@
 const serve = require('./commands/serve')
 const toFile = require('./commands/build')
+const render = require('./functions/render')
 const transformers = require('./transformers')
-const toString = require('./functions/render')
 const PostCSS = require('./generators/postcss')
 const toPlaintext = require('./functions/plaintext')
 const TailwindCSS = require('./generators/tailwindcss')
 
 module.exports = {
   serve,
+  render,
   build: toFile,
   ...transformers,
-  render: toString,
   postcss: PostCSS,
   plaintext: toPlaintext,
   tailwindcss: TailwindCSS

package/src/transformers/baseUrl.js

@@ -42,7 +42,7 @@ const rewriteVMLs = (html, url) => {
   const vImageMatches = html.match(/<v:image[^>]+src="?([^"\s]+)"/g)
 
   if (vImageMatches) {
-    vImageMatches.forEach(match => {
+    for (const match of vImageMatches) {
       const vImage = match.match(/<v:image[^>]+src="?([^"\s]+)"/)
       const vImageSrc = vImage[1]
 
@@ -51,14 +51,14 @@ const rewriteVMLs = (html, url) => {
         const vImageReplace = vImage[0].replace(vImageSrc, vImageSrcUrl)
         html = html.replace(vImage[0], vImageReplace)
       }
-    })
+    }
   }
 
   // Handle <v:fill>
   const vFillMatches = html.match(/<v:fill[^>]+src="?([^"\s]+)"/g)
 
   if (vFillMatches) {
-    vFillMatches.forEach(match => {
+    for (const match of vFillMatches) {
       const vFill = match.match(/<v:fill[^>]+src="?([^"\s]+)"/)
       const vFillSrc = vFill[1]
 
@@ -67,7 +67,7 @@ const rewriteVMLs = (html, url) => {
         const vFillReplace = vFill[0].replace(vFillSrc, vFillSrcUrl)
         html = html.replace(vFill[0], vFillReplace)
       }
-    })
+    }
   }
 
   return html

package/src/transformers/filters/defaultFilters.js

@@ -13,13 +13,14 @@ const unescapeMap = {
   '"': '"',
   ''': '\''
 }
-
+// biome-ignore lint: not shadowing
 const unescape = string => string.replace(/&(amp|lt|gt|#34|#39);/g, m => unescapeMap[m])
 
 const append = (content, attribute) => content + attribute
 const capitalize = content => content.charAt(0).toUpperCase() + content.slice(1)
 const ceil = content => Math.ceil(Number.parseFloat(content))
 const divide = (content, attribute) => Number.parseFloat(content) / Number.parseFloat(attribute)
+// biome-ignore lint: not shadowing
 const escape = content => content.replace(/["&'<>]/g, m => escapeMap[m])
 const escapeOnce = content => escape(unescape(content))
 const floor = content => Math.floor(Number.parseFloat(content))

package/src/transformers/inlineCss.js

@@ -26,9 +26,9 @@ module.exports = async (html, config = {}, direct = false) => {
     }
 
     if (isObject(options.codeBlocks) && !isEmpty(options.codeBlocks)) {
-      Object.entries(options.codeBlocks).forEach(([k, v]) => {
+      for (const [k, v] of Object.entries(options.codeBlocks)) {
         juice.codeBlocks[k] = v
-      })
+      }
     }
 
     html = css ?

package/src/transformers/preventWidows.js

@@ -59,7 +59,9 @@ const removeWidowsPlugin = options => tree => {
   ]
 
   if (Array.isArray(removeWidowsOptions.ignore)) {
-    removeWidowsOptions.ignore.forEach(pair => mappings.push(pair))
+    for (const pair of removeWidowsOptions.ignore) {
+      mappings.push(pair)
+    }
   }
 
   if (typeof removeWidowsOptions.ignore !== 'string') {

package/src/transformers/removeAttributes.js

@@ -36,7 +36,7 @@ const removeAttributes = (attributes = {}, posthtmlOptions = {}) => tree => {
     })
 
     if (node.attrs) {
-      normalizedAttrs.forEach(attr => {
+      for (const attr of normalizedAttrs) {
         const targetAttrValue = get(node.attrs, attr.name)
 
         if (
@@ -46,7 +46,7 @@ const removeAttributes = (attributes = {}, posthtmlOptions = {}) => tree => {
         ) {
           node.attrs[attr.name] = false
         }
-      })
+      }
     }
 
     return node

package/src/transformers/removeInlineBackgroundColor.js

@@ -41,9 +41,10 @@ const removeInlineBGColor = (options = {}) => tree => {
       }
     })
 
-    if (attrs.style && attrs.style['background-color']) {
+    if (attrs.style?.['background-color']) {
       node.attrs.bgcolor = attrs.style['background-color']
 
+      // biome-ignore lint: assigning value will output the attribute
       delete attrs.style['background-color']
 
       node.attrs.style = toStyleString(attrs.style)

package/src/transformers/removeInlineSizes.js

@@ -18,6 +18,7 @@ module.exports = async (html, config = {}, direct = false) => {
 
 const removeInlineSizes = (mappings = {}) => tree => {
   const process = node => {
+    // biome-ignore lint: yes
     Object.entries(mappings).forEach(([attribute, tags]) => {
       tags = Object.values(tags).map(tag => tag.toLowerCase())
 
@@ -27,6 +28,7 @@ const removeInlineSizes = (mappings = {}) => tree => {
 
       const attrs = parseAttrs(node.attrs)
 
+      // biome-ignore lint: yes
       tags.forEach(() => {
         if (get(node, 'attrs.style')) {
           delete attrs.style[attribute]

package/src/transformers/removeInlinedSelectors.js

@@ -74,11 +74,11 @@ const plugin = (options = {}) => tree => {
             n.attrs = parsedAttrs.compose()
 
             // Fix issue with .compose() automatically quoting attributes with no values
-            Object.entries(n.attrs).forEach(([name, value]) => {
+            for (const [name, value] of Object.entries(n.attrs)) {
               if (value === '' && get(options.posthtml, 'recognizeNoValueAttribute') === true) {
                 n.attrs[name] = true
               }
-            })
+            }
 
             return n
           })

package/src/transformers/replaceStrings.js

@@ -4,10 +4,10 @@ module.exports = async (html, config = {}, direct = false) => {
   const replacements = direct ? config : get(config, 'replaceStrings', {})
 
   if (!isEmpty(replacements)) {
-    Object.entries(replacements).forEach(([k, v]) => {
+    for (const [k, v] of Object.entries(replacements)) {
       const regex = new RegExp(k, 'gi')
       html = html.replace(regex, v)
-    })
+    }
   }
 
   return html

package/src/transformers/sixHex.js

@@ -18,11 +18,11 @@ const sixHex = () => tree => {
 
   const process = node => {
     if (node.attrs) {
-      Object.entries(node.attrs).forEach(([name, value]) => {
+      for (const [name, value] of Object.entries(node.attrs)) {
         if (targets.has(name) && node.attrs[name]) {
           node.attrs[name] = conv(value)
         }
-      })
+      }
     }
 
     return node