@maizzle/framework 4.4.5 → 4.4.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "4.4.5",
+  "version": "4.4.7",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "main": "src/index.js",
@@ -78,7 +78,7 @@
   },
   "devDependencies": {
     "ava": "^5.2.0",
-    "c8": "^7.13.0",
+    "c8": "^8.0.0",
     "np": "*",
     "xo": "0.39.1"
   },

package/src/transformers/extraAttributes.js

@@ -14,14 +14,20 @@ module.exports = async (html, config = {}, direct = false) => {
     table: {
       cellpadding: 0,
       cellspacing: 0,
-      role: 'presentation'
+      role: 'none'
     },
     img: {
       alt: ''
     }
   }
 
-  attributes = direct ? {...attributes, ...config} : (isObject(config.extraAttributes) ? {...attributes, ...config.extraAttributes} : attributes)
+  attributes = direct
+    ? {...attributes, ...config}
+    : (
+      isObject(config.extraAttributes)
+        ? {...attributes, ...config.extraAttributes}
+        : attributes
+    )
 
   return posthtml([addAttributes({attributes})]).process(html, posthtmlOptions).then(result => result.html)
 }

package/src/transformers/filters/index.js

@@ -30,7 +30,7 @@ module.exports = async (html, config = {}, direct = false) => {
     config: merge({
       build: {
         tailwind: {
-          config: get(config, 'build.tailwind.config', {})
+          config: get(config, 'build.tailwind.config', 'tailwind.config.js')
         }
       }
     }, maizzleConfig)
@@ -41,7 +41,11 @@ module.exports = async (html, config = {}, direct = false) => {
     posthtmlContent(filters)
   ]
 
-  if (get(config, 'safeClassNames') !== false) {
+  /**
+   * Run `safeClassNames` in filters only when not when developing locally and
+   * `safeClassNames` is not explicitly disabled (set to `false`).
+   */
+  if (get(config, 'env') !== 'local' && get(config, 'safeClassNames') !== false) {
     posthtmlPlugins.push(safeClassNames({
       replacements: {
         '{': '{',

package/src/transformers/safeClassNames.js

@@ -1,20 +1,21 @@
 const posthtml = require('posthtml')
-const {get, merge} = require('lodash')
+const {get, merge, isEmpty} = require('lodash')
 const safeClassNames = require('posthtml-safe-class-names')
 const defaultConfig = require('../generators/posthtml/defaultConfig')
 
 module.exports = async (html, config = {}, direct = false) => {
-  const option = get(config, 'safeClassNames')
-
-  if (option === false) {
-    return html
-  }
-
   /*
-   * Setting it to `true` in the config will run `safeClassNames`
-   * no matter the environment.
+   * Don't run when:
+   * - `config` is falsy or empty
+   * - developing locally and `safeClassNames` is not explicitly `true`
+   * - `safeClassNames` is explicitly `false`
    */
-  if (config.env === 'local' && !option) {
+  if (
+    !config
+    || isEmpty(config)
+    || (get(config, 'env') === 'local' && get(config, 'safeClassNames') !== true)
+    || get(config, 'safeClassNames') === false
+  ) {
     return html
   }