@maizzle/framework 5.0.0-beta.26 → 5.0.0-beta.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "5.0.0-beta.26",
+  "version": "5.0.0-beta.28",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",
@@ -67,8 +67,8 @@
     "morphdom": "^2.7.4",
     "ora": "^8.1.0",
     "pathe": "^1.1.2",
-    "postcss": "^8.4.47",
-    "postcss-custom-properties": "^14.0.1",
+    "postcss": "^8.4.49",
+    "postcss-custom-properties": "^14.0.4",
     "postcss-import": "^16.1.0",
     "postcss-safe-parser": "^7.0.0",
     "posthtml": "^0.16.6",
@@ -87,10 +87,10 @@
     "posthtml-render": "^3.0.0",
     "posthtml-safe-class-names": "^4.1.0",
     "posthtml-url-parameters": "^3.1.0",
+    "posthtml-widows": "^1.0.0",
     "pretty": "^2.0.0",
-    "string-remove-widows": "^4.0.22",
     "string-strip-html": "^13.4.8",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "^3.4.15",
     "ws": "^8.18.0"
   },
   "devDependencies": {

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
@@ -221,35 +218,35 @@ export async function run(html = '', config = {}) {
   posthtmlPlugins.push(templateTag())
 
   /**
-   * 17. Prettify
+   * 17. Replace strings
    *
-   * Pretty-print HTML using js-beautify.
+   * Replace strings through regular expressions.
    */
-  if (get(config, 'prettify')) {
+  if (get(config, 'replaceStrings')) {
     posthtmlPlugins.push(
-      prettify(get(config, 'prettify', {}))
+      replaceStrings(get(config, 'replaceStrings', {}))
     )
   }
 
   /**
-   * 18. Minify
+   * 18. Prettify
    *
-   * Minify HTML using html-crush.
+   * Pretty-print HTML using js-beautify.
    */
-  if (get(config, 'minify')) {
+  if (get(config, 'prettify')) {
     posthtmlPlugins.push(
-      minify(get(config, 'minify', {}))
+      prettify(get(config, 'prettify', {}))
     )
   }
 
   /**
-   * 19. Replace strings
+   * 19. Minify
    *
-   * Replace strings through regular expressions.
+   * Minify HTML using html-crush.
    */
-  if (get(config, 'replaceStrings')) {
+  if (get(config, 'minify')) {
     posthtmlPlugins.push(
-      replaceStrings(get(config, 'replaceStrings', {}))
+      minify(get(config, 'minify', {}))
     )
   }
 

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
@@ -150,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)
@@ -164,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('--')
@@ -216,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,87 +1,37 @@
 import posthtml from 'posthtml'
+import posthtmlWidows from 'posthtml-widows'
 import { defu as merge } from 'defu'
-import { removeWidows } from 'string-remove-widows'
-import posthtmlConfig from '../posthtml/defaultConfig.js'
 
-const posthtmlPlugin = (options = {}) => tree => {
+export default function posthtmlPlugin(options = {}) {
   options = merge(options, {
-    minWordCount: 3,
-    attrName: 'prevent-widows'
+    minWords: 3
   })
 
-  // Ignore defaults
+  // Custom ignores
   const mappings = [
-    // Jinja-like
-    {
-      heads: '{{',
-      tails: '}}'
-    },
-    {
-      heads: ['{% if', '{%- if'],
-      tails: ['{% endif', '{%- endif']
-    },
-    {
-      heads: ['{% for', '{%- for'],
-      tails: ['{% endfor', '{%- endfor']
-    },
-    {
-      heads: ['{%', '{%-'],
-      tails: ['%}', '-%}']
-    },
-    {
-      heads: '{#',
-      tails: '#}'
-    },
-    // ASP/Hexo-like
-    {
-      heads: ['<%', '<%=', '<%-'],
-      tails: ['%>', '=%>', '-%>']
-    },
     // MSO comments
     {
-      heads: '<!--[',
-      tails: ']>'
+      start: '<!--[',
+      end: ']>'
     },
     // <![endif]-->
     {
-      heads: '<![',
-      tails: ']--><'
+      start: '<![',
+      end: ']--><'
     }
   ]
 
   if (Array.isArray(options.ignore)) {
-    options.ignore.forEach(pair => mappings.push(pair))
-  }
-
-  if (typeof options.ignore !== 'string') {
-    options.ignore = mappings
-  }
-
-  const process = node => {
-    if (node.attrs && Object.keys(node.attrs).includes(options.attrName)) {
-      const widowsRemovedString = removeWidows(tree.render(node.content), options).res
-      node.content = tree.render(tree.parser(widowsRemovedString))
-      delete node.attrs[options.attrName]
-    }
-
-    return node
+    options.ignore = options.ignore.concat(mappings)
   }
 
-  return tree.walk(process)
+  return posthtmlWidows(options)
 }
 
-export default posthtmlPlugin
-
 export async function preventWidows(html = '', options = {}, posthtmlOptions = {}) {
-  // Apply only to elements that contain the `prevent-widows` attribute
-  if (options.withAttributes) {
-    return posthtml([
-      posthtmlPlugin(options)
-    ])
-      .process(html, merge(posthtmlOptions, posthtmlConfig))
-      .then(result => result.html)
-  }
-
-  // Apply to all elements
-  return removeWidows(html, options).res
+  return posthtml([
+    posthtmlPlugin(options)
+  ])
+    .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/types/widowWords.d.ts

@@ -1,12 +1,10 @@
-import type { Opts } from 'string-remove-widows';
-
 export default interface WidowWordsConfig {
   /**
   The attribute name to use.
 
-  @default 'prevent-widows'
+  @default ['prevent-widows', 'no-widows']
   */
-  attrName?: string;
+  attributes?: Array<string>;
 
   /**
   Replace all widow word `nbsp;` instances with a single space.
@@ -14,45 +12,27 @@ export default interface WidowWordsConfig {
 
   @default false
   */
-  removeWidowPreventionMeasures?: Opts['removeWidowPreventionMeasures'];
-
-  /**
-  Convert the space entity to the `targetLanguage`.
-
-  @default true
-  */
-  convertEntities?: Opts['convertEntities'];
-
-  /**
-  Language to encode non-breaking spaces in.
-
-  @default 'html'
-  */
-  targetLanguage?: Opts['targetLanguage'];
-
-  /**
-  Should whitespace in front of dashes (-), n-dashes (–) or m-dashes (—) be replaced with a `&nbsp;`.
-
-  @default true
-  */
-  hyphens?: Opts['hyphens'];
+  createWidows?: Boolean;
 
   /**
   The minimum amount of words in a target string, in order to trigger the transformer.
 
   @default 3
   */
-  minWordCount?: Opts['minWordCount'];
-
-  /**
-  The minimum amount non-whitespace characters in a target string, in order to trigger the transformer.
-
-  @default 20
-  */
-  minCharCount?: Opts['minCharCount'];
+  minWords?: Number;
 
   /**
   Start/end pairs of strings that will prevent the transformer from removing widow words inside them.
-  */
-  ignore?: Opts['ignore'];
+
+  @default [
+    { start: '{{', end: '}}' },  // Handlebars, Liquid, Nunjucks, Twig, Jinja2, Mustache
+    { start: '{%', end: '%}' },  // Liquid, Nunjucks, Twig, Jinja2
+    { start: '<%=', end: '%>' }, // EJS, ERB
+    { start: '<%', end: '%>' },  // EJS, ERB
+    { start: '{$', end: '}' },   // Smarty
+    { start: '<\\?', end: '\\?>' }, // PHP
+    { start: '#{', end: '}' }    // Pug
+  ]
+  */
+  ignore?: Array<{ start: string; end: string }>;
 }