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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "5.0.0-beta.27",
+  "version": "5.0.0-beta.29",
   "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/commands/build.js

@@ -159,11 +159,11 @@ export default async (config = {}) => {
           relativePath = path.relative('.', file)
         }
 
-        const targetPath = path.join(config.build.output.path, relativePath)
+        const targetPath = path.join(buildOutputPath, relativePath)
         await copyFileAsync(file, targetPath)
       }
     } catch (error) {
-      console.error(`Error while processing pattern ${pattern}: `, err);
+      console.error('Error while processing pattern:', error)
     }
 
     /**
@@ -181,7 +181,9 @@ export default async (config = {}) => {
     /**
      * Create a list of templates to compile
      */
-    const extensions = outputExtensions.size > 1 ? `{${[...outputExtensions].join(',')}}` : 'html'
+    const extensions = outputExtensions.size > 1
+      ? `{${[...outputExtensions].join(',')}}`
+      : [...outputExtensions][0] || 'html'
 
     const templatesToCompile = await fg.glob(
       path.join(

package/src/transformers/index.js

@@ -218,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/preventWidows.js

@@ -1,86 +1,37 @@
 import posthtml from 'posthtml'
+import posthtmlWidows from 'posthtml-widows'
 import { defu as merge } from 'defu'
-import { removeWidows } from 'string-remove-widows'
 
-const posthtmlPlugin = (options = {}) => tree => {
+export default function posthtmlPlugin(options = {}) {
   options = merge(options, {
-    minWordCount: 3,
-    attrName: 'no-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, posthtmlOptions)
-      .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/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 }>;
 }