@maizzle/framework 5.0.0-beta.25 → 5.0.0-beta.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "5.0.0-beta.25",
+  "version": "5.0.0-beta.27",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",
@@ -56,10 +56,10 @@
     "color-shorthand-hex-to-six-digit": "^5.0.16",
     "defu": "^6.1.4",
     "email-comb": "^7.0.21",
-    "express": "^4.19.2",
+    "express": "^4.21.0",
     "fast-glob": "^3.3.2",
     "gray-matter": "^4.0.3",
-    "html-crush": "^6.0.18",
+    "html-crush": "^6.0.19",
     "is-url-superb": "^6.1.0",
     "istextorbinary": "^9.5.0",
     "juice": "^11.0.0",
@@ -67,7 +67,7 @@
     "morphdom": "^2.7.4",
     "ora": "^8.1.0",
     "pathe": "^1.1.2",
-    "postcss": "^8.4.39",
+    "postcss": "^8.4.47",
     "postcss-custom-properties": "^14.0.1",
     "postcss-import": "^16.1.0",
     "postcss-safe-parser": "^7.0.0",
@@ -81,7 +81,7 @@
     "posthtml-fetch": "^4.0.0",
     "posthtml-markdownit": "^3.1.0",
     "posthtml-mso": "^3.1.0",
-    "posthtml-parser": "^0.12.0",
+    "posthtml-parser": "^0.12.1",
     "posthtml-postcss": "^1.0.2",
     "posthtml-postcss-merge-longhand": "^3.1.2",
     "posthtml-render": "^3.0.0",
@@ -90,16 +90,16 @@
     "pretty": "^2.0.0",
     "string-remove-widows": "^4.0.22",
     "string-strip-html": "^13.4.8",
-    "tailwindcss": "^3.4.10",
-    "ws": "^8.17.0"
+    "tailwindcss": "^3.4.13",
+    "ws": "^8.18.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.8.3",
+    "@biomejs/biome": "1.9.2",
     "@types/js-beautify": "^1.14.3",
-    "@types/markdown-it": "^14.1.1",
-    "@vitest/coverage-v8": "^2.0.1",
+    "@types/markdown-it": "^14.1.2",
+    "@vitest/coverage-v8": "^2.1.1",
     "supertest": "^7.0.0",
-    "vitest": "^2.0.1"
+    "vitest": "^2.1.1"
   },
   "engines": {
     "node": ">=18.20"

package/src/generators/plaintext.js

@@ -3,8 +3,8 @@ import posthtml from 'posthtml'
 import get from 'lodash-es/get.js'
 import { defu as merge } from 'defu'
 import { stripHtml } from 'string-strip-html'
-import defaultConfig from '../posthtml/defaultConfig.js'
 import { writeFile, lstat, mkdir } from 'node:fs/promises'
+import { getPosthtmlOptions } from '../posthtml/defaultConfig.js'
 
 /**
  * Removes HTML tags from a given HTML string based on
@@ -46,7 +46,7 @@ const removeTags = ({ tag = 'not-plaintext', html = '', config = {} }) => {
     return tree.walk(process)
   }
 
-  const posthtmlOptions = merge(defaultConfig, config)
+  const posthtmlOptions = merge(config, getPosthtmlOptions())
 
   return posthtml([posthtmlPlugin()]).process(html, { ...posthtmlOptions }).then(res => res.html)
 }
@@ -95,7 +95,7 @@ export async function handlePlaintextTags(html = '', config = {}) {
     return tree.walk(process)
   }
 
-  const posthtmlOptions = merge(defaultConfig, config)
+  const posthtmlOptions = merge(config, getPosthtmlOptions())
 
   return posthtml([posthtmlPlugin()]).process(html, { ...posthtmlOptions }).then(res => res.html)
 }

package/src/generators/render.js

@@ -4,7 +4,7 @@ import { cwd } from 'node:process'
 import { defu as merge } from 'defu'
 import expressions from 'posthtml-expressions'
 import { parseFrontMatter } from '../utils/node.js'
-import defaultConfig from '../posthtml/defaultConfig.js'
+import { getPosthtmlOptions } from '../posthtml/defaultConfig.js'
 import { process as compilePostHTML } from '../posthtml/index.js'
 import { run as useTransformers } from '../transformers/index.js'
 
@@ -41,7 +41,7 @@ export async function render(html = '', config = {}) {
       })
     ]
   )
-    .process(matter, defaultConfig)
+    .process(matter, getPosthtmlOptions())
     .then(({ html }) => parseFrontMatter(`---${html}\n---`))
 
   const templateConfig = merge(matterData, config)

package/src/posthtml/defaultComponentsConfig.js

@@ -1,8 +1,8 @@
 export default {
   root: './',
-  folders: ['src/components', 'src/layouts', 'src/templates'],
-  fileExtension: 'html',
   tag: 'component',
+  fileExtension: 'html',
+  folders: ['src/components', 'src/layouts', 'src/templates'],
   expressions: {
     loopTags: ['each', 'for'],
     missingLocal: '{local}',

package/src/posthtml/defaultConfig.js

@@ -1,4 +1,14 @@
-export default {
-  recognizeNoValueAttribute: true,
-  recognizeSelfClosing: true
+import { defu as merge } from 'defu'
+
+export function getPosthtmlOptions(userConfigOptions = {}) {
+  return merge(
+    userConfigOptions,
+    {
+      recognizeNoValueAttribute: true,
+      recognizeSelfClosing: true,
+      directives: [
+        { name: '?php', start: '<', end: '>' },
+      ],
+    }
+  )
 }

package/src/posthtml/index.js

@@ -7,9 +7,9 @@ import posthtmlFetch from 'posthtml-fetch'
 import envTags from './plugins/envTags.js'
 import components from 'posthtml-component'
 import posthtmlPostcss from 'posthtml-postcss'
-import defaultPosthtmlConfig from './defaultConfig.js'
 import expandLinkTag from './plugins/expandLinkTag.js'
 import envAttributes from './plugins/envAttributes.js'
+import { getPosthtmlOptions } from './defaultConfig.js'
 
 // PostCSS
 import tailwindcss from 'tailwindcss'
@@ -36,7 +36,7 @@ export async function process(html = '', config = {}) {
     )
   )
 
-  const posthtmlOptions = merge(get(config, 'posthtml.options', {}), defaultPosthtmlConfig)
+  const posthtmlOptions = getPosthtmlOptions(get(config, 'posthtml.options', {}))
 
   const componentsUserOptions = get(config, 'components', {})
 

package/src/transformers/addAttributes.js

@@ -1,6 +1,5 @@
 import posthtml from 'posthtml'
 import { defu as merge } from 'defu'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
 import addAttributesPlugin from 'posthtml-extra-attributes'
 
 export default function posthtmlPlugin(attributes = {}) {
@@ -25,6 +24,6 @@ export async function addAttributes(html = '', attributes = {}, posthtmlOptions
   return posthtml([
     posthtmlPlugin(attributes)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/attributeToStyle.js

@@ -1,11 +1,9 @@
 import posthtml from 'posthtml'
 import get from 'lodash-es/get.js'
-import { defu as merge } from 'defu'
 import keys from 'lodash-es/keys.js'
 import forEach from 'lodash-es/forEach.js'
 import parseAttrs from 'posthtml-attrs-parser'
 import intersection from 'lodash-es/intersection.js'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
 
 const posthtmlPlugin = (attributes = []) => tree => {
   if (!Array.isArray(attributes)) {
@@ -87,6 +85,6 @@ export async function attributeToStyle(html = '', attributes = [], posthtmlOptio
   return posthtml([
     posthtmlPlugin(attributes)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/baseUrl.js

@@ -1,13 +1,14 @@
 import posthtml from 'posthtml'
 import isUrl from 'is-url-superb'
 import get from 'lodash-es/get.js'
-import { defu as merge } from 'defu'
 import baseUrl from 'posthtml-base-url'
 import { render } from 'posthtml-render'
 import isEmpty from 'lodash-es/isEmpty.js'
 import isObject from 'lodash-es/isObject.js'
 import { parser as parse } from 'posthtml-parser'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
+import { getPosthtmlOptions } from '../posthtml/defaultConfig.js'
+
+const posthtmlOptions = getPosthtmlOptions()
 
 const posthtmlPlugin = url => tree => {
   // Handle `baseURL` as a string
@@ -19,7 +20,7 @@ const posthtmlPlugin = url => tree => {
       allTags: true,
       styleTag: true,
       inlineCss: true
-    })(parse(html, posthtmlConfig))
+    })(parse(html, posthtmlOptions))
   }
 
   // Handle `baseURL` as an object
@@ -31,7 +32,6 @@ const posthtmlPlugin = url => tree => {
       allTags,
       tags,
       url: baseURL,
-      ...posthtmlOptions
     } = url
 
     return baseUrl({
@@ -40,7 +40,7 @@ const posthtmlPlugin = url => tree => {
       allTags,
       tags,
       url: baseURL,
-    })(parse(html, merge(posthtmlConfig, posthtmlOptions)))
+    })(parse(html, posthtmlOptions))
   }
 
   return tree
@@ -52,7 +52,7 @@ export async function addBaseUrl(html = '', options = {}, posthtmlOptions = {})
   return posthtml([
     posthtmlPlugin(options)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, getPosthtmlOptions())
     .then(result => result.html)
 }
 

package/src/transformers/comb.js

@@ -4,7 +4,7 @@ import { defu as merge } from 'defu'
 import { render } from 'posthtml-render'
 import { comb as emailComb } from 'email-comb'
 import { parser as parse } from 'posthtml-parser'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
+import { getPosthtmlOptions } from '../posthtml/defaultConfig.js'
 
 const posthtmlPlugin = options => tree => {
   const defaultSafelist = [
@@ -35,6 +35,7 @@ const posthtmlPlugin = options => tree => {
 
   options = merge(options, defaultOptions)
 
+  const posthtmlConfig = getPosthtmlOptions()
   const { result: html } = emailComb(render(tree), options)
 
   return parse(html, posthtmlConfig)
@@ -42,10 +43,10 @@ const posthtmlPlugin = options => tree => {
 
 export default posthtmlPlugin
 
-export async function comb(html = '', options = {}, posthtmlOptions = {}) {
+export async function comb(html = '', pluginOptions = {}, posthtmlOptions = {}) {
   return posthtml([
-    posthtmlPlugin(options)
+    posthtmlPlugin(pluginOptions)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/filters/index.js

@@ -1,7 +1,6 @@
 import posthtml from 'posthtml'
 import { defu as merge } from 'defu'
 import posthtmlContent from 'posthtml-content'
-import posthtmlConfig from '../../posthtml/defaultConfig.js'
 import { filters as defaultFilters } from './defaultFilters.js'
 
 export default function posthtmlPlugin(filters = {}) {
@@ -14,6 +13,6 @@ export async function filters(html = '', filters = {}, posthtmlOptions = {}) {
   return posthtml([
     posthtmlPlugin(filters)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/index.js

@@ -22,7 +22,7 @@ import replaceStrings from './replaceStrings.js'
 import attributeToStyle from './attributeToStyle.js'
 import removeAttributes from './removeAttributes.js'
 
-import defaultPosthtmlConfig from '../posthtml/defaultConfig.js'
+import { getPosthtmlOptions } from '../posthtml/defaultConfig.js'
 
 /**
  * Use Maizzle Transformers on an HTML string.
@@ -37,10 +37,7 @@ import defaultPosthtmlConfig from '../posthtml/defaultConfig.js'
 export async function run(html = '', config = {}) {
   const posthtmlPlugins = []
 
-  const posthtmlConfig = merge(
-    get(config, 'posthtml.options', {}),
-    defaultPosthtmlConfig
-  )
+  const posthtmlConfig = getPosthtmlOptions(get(config, 'posthtml.options', {}))
 
   /**
    * 1. Core transformers
@@ -124,16 +121,7 @@ export async function run(html = '', config = {}) {
   }
 
   /**
-   * 8. Purge CSS
-   *
-   * Remove unused CSS, uglify classes etc.
-   */
-  if (get(config, 'css.purge')) {
-    posthtmlPlugins.push(comb(config.css.purge))
-  }
-
-  /**
-   * 9. Remove attributes
+   * 8. Remove attributes
    *
    * Remove attributes from HTML tags
    * If `undefined`, removes empty `style` and `class` attributes
@@ -148,7 +136,7 @@ export async function run(html = '', config = {}) {
   }
 
   /**
-   * 10. Shorthand CSS
+   * 9. Shorthand CSS
    *
    * Convert longhand CSS properties to shorthand in `style` attributes.
    */
@@ -159,7 +147,7 @@ export async function run(html = '', config = {}) {
   }
 
   /**
-   * 11. Add attributes
+   * 10. Add attributes
    *
    * Add attributes to HTML tags.
    */
@@ -170,7 +158,7 @@ export async function run(html = '', config = {}) {
   }
 
   /**
-   * 12. Base URL
+   * 11. Base URL
    *
    * Add a base URL to relative paths.
    */
@@ -181,7 +169,7 @@ export async function run(html = '', config = {}) {
   }
 
   /**
-   * 13. URL parameters
+   * 12. URL parameters
    *
    * Add parameters to URLs.
    */
@@ -192,7 +180,7 @@ export async function run(html = '', config = {}) {
   }
 
   /**
-   * 14. Six-digit HEX
+   * 13. Six-digit HEX
    *
    * Enabled by default, converts three-digit HEX colors to six-digit.
    */
@@ -203,7 +191,7 @@ export async function run(html = '', config = {}) {
   }
 
   /**
-   * 15. PostHTML MSO
+   * 14. PostHTML MSO
    *
    * Enabled by default, simplifies writing MSO conditionals for Outlook.
    */
@@ -214,7 +202,23 @@ export async function run(html = '', config = {}) {
   }
 
   /**
-   * 16. Prettify
+   * 15. Purge CSS
+   *
+   * Remove unused CSS, uglify classes etc.
+   */
+  if (get(config, 'css.purge')) {
+    posthtmlPlugins.push(comb(config.css.purge))
+  }
+
+  /**
+   * 16. <template> tags
+   *
+   * Replace <template> tags with their content.
+   */
+  posthtmlPlugins.push(templateTag())
+
+  /**
+   * 17. Prettify
    *
    * Pretty-print HTML using js-beautify.
    */
@@ -225,7 +229,7 @@ export async function run(html = '', config = {}) {
   }
 
   /**
-   * 17. Minify
+   * 18. Minify
    *
    * Minify HTML using html-crush.
    */
@@ -235,13 +239,6 @@ export async function run(html = '', config = {}) {
     )
   }
 
-  /**
-   * 18. <template> tags
-   *
-   * Replace <template> tags with their content.
-   */
-  posthtmlPlugins.push(templateTag())
-
   /**
    * 19. Replace strings
    *

package/src/transformers/inline.js

@@ -12,10 +12,10 @@ import isObject from 'lodash-es/isObject.js'
 import { parser as parse } from 'posthtml-parser'
 import { parseCSSRule } from '../utils/string.js'
 import { useAttributeSizes } from './useAttributeSizes.js'
-import defaultPostHTMLConfig from '../posthtml/defaultConfig.js'
+import { getPosthtmlOptions } from '../posthtml/defaultConfig.js'
 
 const posthtmlPlugin = (options = {}) => tree => {
-  return inline(render(tree), options).then(html => parse(html, defaultPostHTMLConfig))
+  return inline(render(tree), options).then(html => parse(html, getPosthtmlOptions()))
 }
 
 export default posthtmlPlugin
@@ -55,9 +55,12 @@ export async function inline(html = '', options = {}) {
   })
 
   // Add a `data-embed` attribute to style tags that have the embed attribute
-  $('style[embed]').each((i, el) => {
+  $('style[embed]:not([data-embed])').each((i, el) => {
     $(el).attr('data-embed', '')
   })
+  $('style[data-embed]:not([embed])').each((i, el) => {
+    $(el).attr('embed', '')
+  })
 
   /**
    * Inline the CSS
@@ -103,7 +106,31 @@ export async function inline(html = '', options = {}) {
         }
       )
 
-    const preservedClasses = new Set()
+    const preservedClasses = new Set([
+      '.body', // Gmail
+      '.gmail', // Gmail
+      '.apple', // Apple Mail
+      '.ios', // Mail on iOS
+      '.ox-', // Open-Xchange
+      '.outlook', // Outlook.com
+      '[data-ogs', // Outlook.com
+      '.bloop_container', // Airmail
+      '.Singleton', // Apple Mail 10
+      '.unused', // Notes 8
+      '.moz-text-html', // Thunderbird
+      '.mail-detail-content', // Comcast, Libero webmail
+      'edo', // Edison (all)
+      '#msgBody', // Freenet uses #msgBody
+      '.lang' // Fenced code blocks
+    ])
+
+    // Precompile a single regex to match any substring from the preservedClasses set
+    const combinedPattern = Array.from(preservedClasses)
+      .map(pattern => pattern.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&'))  // Escape special regex chars
+      .join('|')  // Combine all patterns into a single regex pattern with 'OR' (|)
+
+    const combinedRegex = new RegExp(combinedPattern)
+
     const selectors = new Set()
 
     // Preserve selectors in at rules
@@ -123,7 +150,7 @@ export async function inline(html = '', options = {}) {
       rule.walkDecls(decl => {
         // Resolve calc() values to static values
         if (options.resolveCalc) {
-          decl.value = decl.value.includes('calc(') ? calc(decl.value, {precision: 2}) : decl.value
+          decl.value = decl.value.includes('calc(') ? calc(decl.value, { precision: 2 }) : decl.value
         }
 
         declarations.add(decl)
@@ -137,10 +164,10 @@ export async function inline(html = '', options = {}) {
        */
       if (options.resolveCSSVariables) {
         Array.from(declarations)
-        /**
-         * Consider only declarations with a value that includes any of the other declarations' property
-         * So a decl like color(var(--text-color)) will be removed if there's a decl with a property of --text-color
-         *  */
+          /**
+           * Consider only declarations with a value that includes any of the other declarations' property
+           * So a decl like color(var(--text-color)) will be removed if there's a decl with a property of --text-color
+           *  */
           .filter(decl =>
             Array.from(declarations).some(otherDecl => decl.value.includes(otherDecl.prop))
             || decl.prop.startsWith('--')
@@ -163,7 +190,7 @@ export async function inline(html = '', options = {}) {
 
       if (options.removeInlinedSelectors) {
         // Remove the rule in the <style> tag as long as it's not a preserved class
-        if (!preservedClasses.has(selector)) {
+        if (!preservedClasses.has(selector) && !combinedRegex.test(selector)) {
           rule.remove()
         }
 
@@ -189,7 +216,7 @@ export async function inline(html = '', options = {}) {
               let { property, value } = parseCSSRule(i)
 
               if (value && options.resolveCalc) {
-                value = value.includes('calc') ? calc(value, {precision: 2}) : value
+                value = value.includes('calc') ? calc(value, { precision: 2 }) : value
               }
 
               if (value && options.preferUnitlessValues) {

package/src/transformers/markdown.js

@@ -1,7 +1,5 @@
 import posthtml from 'posthtml'
-import { defu as merge } from 'defu'
 import md from 'posthtml-markdownit'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
 
 export async function markdown(input = '', options = {}, posthtmlOptions = {}) {
   /**
@@ -23,6 +21,6 @@ export async function markdown(input = '', options = {}, posthtmlOptions = {}) {
   return posthtml([
     md(options)
   ])
-    .process(input, merge(posthtmlOptions, posthtmlConfig))
+    .process(input, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/minify.js

@@ -3,17 +3,17 @@ import { crush } from 'html-crush'
 import { defu as merge } from 'defu'
 import { render } from 'posthtml-render'
 import { parser as parse } from 'posthtml-parser'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
-import defaultPostHTMLConfig from '../posthtml/defaultConfig.js'
+import { getPosthtmlOptions } from '../posthtml/defaultConfig.js'
 
 const posthtmlPlugin = (options = {}) => tree => {
   options = merge(options, {
     removeLineBreaks: true,
   })
 
+  const posthtmlConfig = getPosthtmlOptions()
   const { result: html } = crush(render(tree), options)
 
-  return parse(html, defaultPostHTMLConfig)
+  return parse(html, posthtmlConfig)
 }
 
 export default posthtmlPlugin
@@ -22,6 +22,6 @@ export async function minify(html = '', options = {}, posthtmlOptions = {}) {
   return posthtml([
     posthtmlPlugin(options)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/posthtmlMso.js

@@ -1,7 +1,5 @@
 import posthtml from 'posthtml'
-import { defu as merge } from 'defu'
 import posthtmlMso from 'posthtml-mso'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
 
 export default function posthtmlPlugin(options = {}) {
   return posthtmlMso(options)
@@ -11,6 +9,6 @@ export async function useMso(html = '', options = {}, posthtmlOptions = {}) {
   return posthtml([
     posthtmlPlugin(options)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/prettify.js

@@ -3,7 +3,7 @@ import posthtml from 'posthtml'
 import { defu as merge } from 'defu'
 import { render } from 'posthtml-render'
 import { parser as parse } from 'posthtml-parser'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
+import { getPosthtmlOptions } from '../posthtml/defaultConfig.js'
 
 const posthtmlPlugin = (options = {}) => tree => {
   const defaultConfig = {
@@ -15,7 +15,7 @@ const posthtmlPlugin = (options = {}) => tree => {
 
   const config = merge(options, defaultConfig)
 
-  return parse(pretty(render(tree), config), posthtmlConfig)
+  return parse(pretty(render(tree), config), getPosthtmlOptions())
 }
 
 export default posthtmlPlugin
@@ -24,6 +24,6 @@ export async function prettify(html = '', options = {}, posthtmlOptions = {}) {
   return posthtml([
     posthtmlPlugin(options)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/preventWidows.js

@@ -1,12 +1,11 @@
 import posthtml from 'posthtml'
 import { defu as merge } from 'defu'
 import { removeWidows } from 'string-remove-widows'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
 
 const posthtmlPlugin = (options = {}) => tree => {
   options = merge(options, {
     minWordCount: 3,
-    attrName: 'prevent-widows'
+    attrName: 'no-widows'
   })
 
   // Ignore defaults
@@ -78,7 +77,7 @@ export async function preventWidows(html = '', options = {}, posthtmlOptions = {
     return posthtml([
       posthtmlPlugin(options)
     ])
-      .process(html, merge(posthtmlOptions, posthtmlConfig))
+      .process(html, posthtmlOptions)
       .then(result => result.html)
   }
 

package/src/transformers/removeAttributes.js

@@ -1,7 +1,6 @@
 import posthtml from 'posthtml'
 import get from 'lodash-es/get.js'
-import { defu as merge } from 'defu'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
+import { getPosthtmlOptions } from '../posthtml/defaultConfig.js'
 
 /**
  * Remove empty attributes with PostHTML
@@ -49,8 +48,8 @@ export default posthtmlPlugin
 
 export async function removeAttributes(html = '', attributes = [], posthtmlOptions = {}) {
   return posthtml([
-    posthtmlPlugin(attributes, merge(posthtmlOptions, posthtmlConfig))
+    posthtmlPlugin(attributes, getPosthtmlOptions(posthtmlOptions))
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, getPosthtmlOptions())
     .then(result => result.html)
 }

package/src/transformers/replaceStrings.js

@@ -1,10 +1,8 @@
 import posthtml from 'posthtml'
-import { defu as merge } from 'defu'
 import { render } from 'posthtml-render'
 import isEmpty from 'lodash-es/isEmpty.js'
 import { parser as parse } from 'posthtml-parser'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
-import defaultPostHTMLConfig from '../posthtml/defaultConfig.js'
+import { getPosthtmlOptions } from '../posthtml/defaultConfig.js'
 
 const posthtmlPlugin = (replacements = {}) => tree => {
   if (!isEmpty(replacements)) {
@@ -21,7 +19,7 @@ const posthtmlPlugin = (replacements = {}) => tree => {
 
         return matched
       }),
-      defaultPostHTMLConfig
+      getPosthtmlOptions()
     )
   }
 
@@ -34,6 +32,6 @@ export async function replaceStrings(html = '', replacements = {}, posthtmlOptio
   return posthtml([
     posthtmlPlugin(replacements)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/safeClassNames.js

@@ -1,6 +1,5 @@
 import posthtml from 'posthtml'
 import { defu as merge } from 'defu'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
 import posthtmlSafeClassNames from 'posthtml-safe-class-names'
 
 export default function posthtmlPlugin(options = {}) {
@@ -24,6 +23,6 @@ export async function safeClassNames(html = '', options = {}, posthtmlOptions =
   return posthtml([
     posthtmlPlugin(options)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/shorthandCss.js

@@ -1,6 +1,4 @@
 import posthtml from 'posthtml'
-import { defu as merge } from 'defu'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
 import posthtmlMergeLonghand from 'posthtml-postcss-merge-longhand'
 
 export default function posthtmlPlugin(options = {}) {
@@ -17,6 +15,6 @@ export async function shorthandCSS(html = '', options = {}, posthtmlOptions = {}
   return posthtml([
     posthtmlPlugin(options)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/sixHex.js

@@ -1,7 +1,5 @@
 import posthtml from 'posthtml'
-import { defu as merge } from 'defu'
 import { conv } from 'color-shorthand-hex-to-six-digit'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
 
 const posthtmlPlugin = () => tree => {
   const targets = new Set(['bgcolor', 'color'])
@@ -27,6 +25,6 @@ export async function sixHEX(html = '', posthtmlOptions = {}) {
   return posthtml([
     posthtmlPlugin()
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/urlParameters.js

@@ -1,8 +1,6 @@
 import posthtml from 'posthtml'
 import get from 'lodash-es/get.js'
-import { defu as merge } from 'defu'
 import urlParameters from 'posthtml-url-parameters'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
 
 export default function posthtmlPlugin(options = {}) {
   const { _options, ...parameters } = options
@@ -17,6 +15,6 @@ export async function addURLParams(html = '', options = {}, posthtmlOptions = {}
   return posthtml([
     posthtmlPlugin(options)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/transformers/useAttributeSizes.js

@@ -1,8 +1,6 @@
 import postcss from 'postcss'
 import posthtml from 'posthtml'
 import get from 'lodash-es/get.js'
-import { defu as merge } from 'defu'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
 
 const posthtmlPlugin = (mappings = {}) => tree => {
   if (!Object.keys(mappings).length) {
@@ -60,6 +58,6 @@ export async function useAttributeSizes(html = '', mappings = {}, posthtmlOption
   return posthtml([
     posthtmlPlugin(mappings)
   ])
-    .process(html, merge(posthtmlOptions, posthtmlConfig))
+    .process(html, posthtmlOptions)
     .then(result => result.html)
 }

package/src/utils/string.js

@@ -194,3 +194,13 @@ export function parseCSSRule(rule) {
 
   return { property, value }
 }
+
+/**
+ * Normalize a string by removing extra whitespace.
+ *
+ * @param {String} str The string to clean
+ * @returns {String} The cleaned string
+ */
+export function cleanString(str) {
+  return str.replace(/\s+/g, ' ').trim()
+}