@maizzle/framework 4.0.0 → 4.0.1

package/src/transformers/markdown.js

@@ -1,19 +1,19 @@
-const posthtml = require('posthtml')
-const {get, merge} = require('lodash')
-const markdown = require('posthtml-markdownit')
-
-module.exports = async (html, config = {}, direct = false) => {
-  if (get(config, 'markdown') === false) {
-    return html
-  }
-
-  const userMarkdownOptions = direct ? config : get(config, 'markdown', {})
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-  const markdownOptions = merge({markdownit: {html: true}}, userMarkdownOptions)
-
-  return posthtml([
-    markdown({...markdownOptions})
-  ])
-    .process(html, posthtmlOptions)
-    .then(result => result.html)
-}
+const posthtml = require('posthtml')
+const {get, merge} = require('lodash')
+const markdown = require('posthtml-markdownit')
+
+module.exports = async (html, config = {}, direct = false) => {
+  if (get(config, 'markdown') === false) {
+    return html
+  }
+
+  const userMarkdownOptions = direct ? config : get(config, 'markdown', {})
+  const posthtmlOptions = get(config, 'build.posthtml.options', {})
+  const markdownOptions = merge({markdownit: {html: true}}, userMarkdownOptions)
+
+  return posthtml([
+    markdown({...markdownOptions})
+  ])
+    .process(html, posthtmlOptions)
+    .then(result => result.html)
+}

package/src/transformers/minify.js

@@ -1,21 +1,21 @@
-const {crush} = require('html-crush')
-const {get, isEmpty} = require('lodash')
-
-module.exports = async (html, config = {}, direct = false) => {
-  if (get(config, 'minify') === false) {
-    return html
-  }
-
-  config = direct ? {
-    lineLengthLimit: 500,
-    removeIndentations: true,
-    removeLineBreaks: true,
-    ...config
-  } : get(config, 'minify', {})
-
-  if (!isEmpty(config)) {
-    html = crush(html, {removeLineBreaks: true, ...config}).result
-  }
-
-  return html
-}
+const {crush} = require('html-crush')
+const {get, isEmpty} = require('lodash')
+
+module.exports = async (html, config = {}, direct = false) => {
+  if (get(config, 'minify') === false) {
+    return html
+  }
+
+  config = direct ? {
+    lineLengthLimit: 500,
+    removeIndentations: true,
+    removeLineBreaks: true,
+    ...config
+  } : get(config, 'minify', {})
+
+  if (!isEmpty(config)) {
+    html = crush(html, {removeLineBreaks: true, ...config}).result
+  }
+
+  return html
+}

package/src/transformers/plaintext.js

@@ -1,23 +1,23 @@
-const {get} = require('lodash')
-const posthtml = require('posthtml')
-
-module.exports = (html, config = {}) => {
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-
-  return posthtml([plaintext()]).process(html, {...posthtmlOptions, sync: true}).html
-}
-
-const plaintext = () => tree => {
-  const process = node => {
-    if (node.tag === 'plaintext') {
-      return {
-        tag: false,
-        content: ['']
-      }
-    }
-
-    return node
-  }
-
-  return tree.walk(process)
-}
+const {get} = require('lodash')
+const posthtml = require('posthtml')
+
+module.exports = (html, config = {}) => {
+  const posthtmlOptions = get(config, 'build.posthtml.options', {})
+
+  return posthtml([plaintext()]).process(html, {...posthtmlOptions, sync: true}).html
+}
+
+const plaintext = () => tree => {
+  const process = node => {
+    if (node.tag === 'plaintext') {
+      return {
+        tag: false,
+        content: ['']
+      }
+    }
+
+    return node
+  }
+
+  return tree.walk(process)
+}

package/src/transformers/posthtmlMso.js

@@ -1,10 +1,10 @@
-const {get} = require('lodash')
-const posthtml = require('posthtml')
-const outlook = require('posthtml-mso')
-
-module.exports = async (html, config) => {
-  const outlookOptions = get(config, 'build.posthtml.outlook', {})
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-
-  return posthtml([outlook({...outlookOptions})]).process(html, {...posthtmlOptions}).then(result => result.html)
-}
+const {get} = require('lodash')
+const posthtml = require('posthtml')
+const outlook = require('posthtml-mso')
+
+module.exports = async (html, config) => {
+  const outlookOptions = get(config, 'build.posthtml.outlook', {})
+  const posthtmlOptions = get(config, 'build.posthtml.options', {})
+
+  return posthtml([outlook({...outlookOptions})]).process(html, {...posthtmlOptions}).then(result => result.html)
+}

package/src/transformers/prettify.js

@@ -1,27 +1,27 @@
-/* eslint-disable camelcase */
-const pretty = require('pretty')
-const {get, merge, isEmpty, isObject} = require('lodash')
-
-module.exports = async (html, config = {}, direct = false) => {
-  const defaultConfig = {
-    space_around_combinator: true, // Preserve space around CSS selector combinators
-    newline_between_rules: false, // Remove empty lines between CSS rules
-    indent_inner_html: false, // Helps reduce file size
-    extra_liners: [] // Don't add extra new line before any tag
-  }
-
-  config = direct ? config : get(config, 'prettify')
-
-  // Don't prettify if not explicitly enabled in config
-  if (!config || (isObject(config) && isEmpty(config))) {
-    return html
-  }
-
-  if (typeof config === 'boolean' && config) {
-    return pretty(html, defaultConfig)
-  }
-
-  config = merge(defaultConfig, config)
-
-  return pretty(html, config)
-}
+/* eslint-disable camelcase */
+const pretty = require('pretty')
+const {get, merge, isEmpty, isObject} = require('lodash')
+
+module.exports = async (html, config = {}, direct = false) => {
+  const defaultConfig = {
+    space_around_combinator: true, // Preserve space around CSS selector combinators
+    newline_between_rules: false, // Remove empty lines between CSS rules
+    indent_inner_html: false, // Helps reduce file size
+    extra_liners: [] // Don't add extra new line before any tag
+  }
+
+  config = direct ? config : get(config, 'prettify')
+
+  // Don't prettify if not explicitly enabled in config
+  if (!config || (isObject(config) && isEmpty(config))) {
+    return html
+  }
+
+  if (typeof config === 'boolean' && config) {
+    return pretty(html, defaultConfig)
+  }
+
+  config = merge(defaultConfig, config)
+
+  return pretty(html, config)
+}

package/src/transformers/preventWidows.js

@@ -1,13 +1,13 @@
-const {get} = require('lodash')
-const posthtml = require('posthtml')
-const preventWidows = require('prevent-widows')
-
-module.exports = async (html, config = {}, direct = false) => {
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-
-  if (direct) {
-    return preventWidows(html)
-  }
-
-  return posthtml([preventWidows.posthtml()]).process(html, posthtmlOptions).then(result => result.html)
-}
+const {get} = require('lodash')
+const posthtml = require('posthtml')
+const preventWidows = require('prevent-widows')
+
+module.exports = async (html, config = {}, direct = false) => {
+  const posthtmlOptions = get(config, 'build.posthtml.options', {})
+
+  if (direct) {
+    return preventWidows(html)
+  }
+
+  return posthtml([preventWidows.posthtml()]).process(html, posthtmlOptions).then(result => result.html)
+}

package/src/transformers/removeAttributes.js

@@ -1,17 +1,17 @@
-const {get} = require('lodash')
-const posthtml = require('posthtml')
-const removeAttributes = require('posthtml-remove-attributes')
-
-module.exports = async (html, config = {}, direct = false) => {
-  const attributes = direct ? (Array.isArray(config) ? [...config] : []) : get(config, 'removeAttributes', [])
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-
-  attributes.push({name: 'style'}, {name: 'class'})
-
-  // Allow omitting `value` key when removing empty attributes
-  attributes.forEach(attr => {
-    attr.value = attr.value || ''
-  })
-
-  return posthtml([removeAttributes(attributes)]).process(html, posthtmlOptions).then(result => result.html)
-}
+const {get} = require('lodash')
+const posthtml = require('posthtml')
+const removeAttributes = require('posthtml-remove-attributes')
+
+module.exports = async (html, config = {}, direct = false) => {
+  const attributes = direct ? (Array.isArray(config) ? [...config] : []) : get(config, 'removeAttributes', [])
+  const posthtmlOptions = get(config, 'build.posthtml.options', {})
+
+  attributes.push({name: 'style'}, {name: 'class'})
+
+  // Allow omitting `value` key when removing empty attributes
+  attributes.forEach(attr => {
+    attr.value = attr.value || ''
+  })
+
+  return posthtml([removeAttributes(attributes)]).process(html, posthtmlOptions).then(result => result.html)
+}

package/src/transformers/removeInlineBackgroundColor.js

@@ -1,52 +1,52 @@
-const posthtml = require('posthtml')
-const {get, isEmpty} = require('lodash')
-const parseAttrs = require('posthtml-attrs-parser')
-
-module.exports = async (html, config = {}, direct = false) => {
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-
-  if (isEmpty(config)) {
-    return posthtml([removeInlineBGColor()]).process(html, posthtmlOptions).then(result => result.html)
-  }
-
-  if (get(config, 'inlineCSS.preferBgColorAttribute') === true) {
-    return posthtml([removeInlineBGColor()]).process(html, posthtmlOptions).then(result => result.html)
-  }
-
-  const tags = direct ? (Array.isArray(config) ? config : false) : get(config, 'inlineCSS.preferBgColorAttribute', false)
-
-  if (Array.isArray(tags)) {
-    return posthtml([removeInlineBGColor({tags})]).process(html, posthtmlOptions).then(result => result.html)
-  }
-
-  return html
-}
-
-const removeInlineBGColor = (options = {}) => tree => {
-  options.tags = options.tags || ['body', 'marquee', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr']
-
-  const process = node => {
-    if (!options.tags.includes(node.tag)) {
-      return node
-    }
-
-    const attrs = parseAttrs(node.attrs, {
-      rules: {
-        bgcolor: {
-          delimiter: /\s+/,
-          glue: ' '
-        }
-      }
-    })
-
-    if (attrs.style && attrs.style['background-color']) {
-      attrs.bgcolor = attrs.style['background-color']
-      delete attrs.style['background-color']
-      node.attrs = attrs.compose()
-    }
-
-    return node
-  }
-
-  return tree.walk(process)
-}
+const posthtml = require('posthtml')
+const {get, isEmpty} = require('lodash')
+const parseAttrs = require('posthtml-attrs-parser')
+
+module.exports = async (html, config = {}, direct = false) => {
+  const posthtmlOptions = get(config, 'build.posthtml.options', {})
+
+  if (isEmpty(config)) {
+    return posthtml([removeInlineBGColor()]).process(html, posthtmlOptions).then(result => result.html)
+  }
+
+  if (get(config, 'inlineCSS.preferBgColorAttribute') === true) {
+    return posthtml([removeInlineBGColor()]).process(html, posthtmlOptions).then(result => result.html)
+  }
+
+  const tags = direct ? (Array.isArray(config) ? config : false) : get(config, 'inlineCSS.preferBgColorAttribute', false)
+
+  if (Array.isArray(tags)) {
+    return posthtml([removeInlineBGColor({tags})]).process(html, posthtmlOptions).then(result => result.html)
+  }
+
+  return html
+}
+
+const removeInlineBGColor = (options = {}) => tree => {
+  options.tags = options.tags || ['body', 'marquee', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr']
+
+  const process = node => {
+    if (!options.tags.includes(node.tag)) {
+      return node
+    }
+
+    const attrs = parseAttrs(node.attrs, {
+      rules: {
+        bgcolor: {
+          delimiter: /\s+/,
+          glue: ' '
+        }
+      }
+    })
+
+    if (attrs.style && attrs.style['background-color']) {
+      attrs.bgcolor = attrs.style['background-color']
+      delete attrs.style['background-color']
+      node.attrs = attrs.compose()
+    }
+
+    return node
+  }
+
+  return tree.walk(process)
+}

package/src/transformers/removeInlineSizes.js

@@ -1,41 +1,41 @@
-const posthtml = require('posthtml')
-const {get, isEmpty} = require('lodash')
-const parseAttrs = require('posthtml-attrs-parser')
-
-module.exports = async (html, config = {}, direct = false) => {
-  const settings = direct ? config : get(config, 'inlineCSS.keepOnlyAttributeSizes', {})
-
-  if (!isEmpty(settings)) {
-    const posthtmlOptions = get(config, 'build.posthtml.options', {})
-    return posthtml([removeInlineSizes(settings)]).process(html, posthtmlOptions).then(result => result.html)
-  }
-
-  return html
-}
-
-const removeInlineSizes = (mappings = {}) => tree => {
-  const process = node => {
-    const attrs = parseAttrs(node.attrs)
-    const tag = node.tag ? node.tag.toUpperCase() : ''
-
-    Object.entries(mappings).forEach(([attribute, tags]) => {
-      tags = Object.values(tags)
-
-      if (!tags.includes(tag)) {
-        return node
-      }
-
-      tags.forEach(() => {
-        if (attrs.style) {
-          delete attrs.style[attribute]
-        }
-      })
-    })
-
-    node.attrs = attrs.compose()
-
-    return node
-  }
-
-  return tree.walk(process)
-}
+const posthtml = require('posthtml')
+const {get, isEmpty} = require('lodash')
+const parseAttrs = require('posthtml-attrs-parser')
+
+module.exports = async (html, config = {}, direct = false) => {
+  const settings = direct ? config : get(config, 'inlineCSS.keepOnlyAttributeSizes', {})
+
+  if (!isEmpty(settings)) {
+    const posthtmlOptions = get(config, 'build.posthtml.options', {})
+    return posthtml([removeInlineSizes(settings)]).process(html, posthtmlOptions).then(result => result.html)
+  }
+
+  return html
+}
+
+const removeInlineSizes = (mappings = {}) => tree => {
+  const process = node => {
+    const attrs = parseAttrs(node.attrs)
+    const tag = node.tag ? node.tag.toUpperCase() : ''
+
+    Object.entries(mappings).forEach(([attribute, tags]) => {
+      tags = Object.values(tags)
+
+      if (!tags.includes(tag)) {
+        return node
+      }
+
+      tags.forEach(() => {
+        if (attrs.style) {
+          delete attrs.style[attribute]
+        }
+      })
+    })
+
+    node.attrs = attrs.compose()
+
+    return node
+  }
+
+  return tree.walk(process)
+}

package/src/transformers/replaceStrings.js

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

package/src/transformers/safeClassNames.js

@@ -1,24 +1,24 @@
-const {get} = require('lodash')
-const posthtml = require('posthtml')
-const safeClassNames = require('posthtml-safe-class-names')
-
-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.
-   */
-  if (config.env === 'local' && !option) {
-    return html
-  }
-
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-  const replacements = direct ? config : get(config, 'safeClassNames', {})
-
-  return posthtml([safeClassNames({replacements})]).process(html, posthtmlOptions).then(result => result.html)
-}
+const {get} = require('lodash')
+const posthtml = require('posthtml')
+const safeClassNames = require('posthtml-safe-class-names')
+
+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.
+   */
+  if (config.env === 'local' && !option) {
+    return html
+  }
+
+  const posthtmlOptions = get(config, 'build.posthtml.options', {})
+  const replacements = direct ? config : get(config, 'safeClassNames', {})
+
+  return posthtml([safeClassNames({replacements})]).process(html, posthtmlOptions).then(result => result.html)
+}

package/src/transformers/shorthandInlineCSS.js

@@ -1,19 +1,19 @@
-const posthtml = require('posthtml')
-const {get, isObject, isEmpty} = require('lodash')
-const mergeLonghand = require('posthtml-postcss-merge-longhand')
-
-module.exports = async (html, config, direct = false) => {
-  config = direct ? (isObject(config) ? config : true) : get(config, 'shorthandInlineCSS', [])
-
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-
-  if (typeof config === 'boolean' && config) {
-    html = await posthtml([mergeLonghand()]).process(html, posthtmlOptions).then(result => result.html)
-  }
-
-  if (isObject(config) && !isEmpty(config)) {
-    html = await posthtml([mergeLonghand(config)]).process(html, posthtmlOptions).then(result => result.html)
-  }
-
-  return html
-}
+const posthtml = require('posthtml')
+const {get, isObject, isEmpty} = require('lodash')
+const mergeLonghand = require('posthtml-postcss-merge-longhand')
+
+module.exports = async (html, config, direct = false) => {
+  config = direct ? (isObject(config) ? config : true) : get(config, 'shorthandInlineCSS', [])
+
+  const posthtmlOptions = get(config, 'build.posthtml.options', {})
+
+  if (typeof config === 'boolean' && config) {
+    html = await posthtml([mergeLonghand()]).process(html, posthtmlOptions).then(result => result.html)
+  }
+
+  if (isObject(config) && !isEmpty(config)) {
+    html = await posthtml([mergeLonghand(config)]).process(html, posthtmlOptions).then(result => result.html)
+  }
+
+  return html
+}

package/src/transformers/sixHex.js

@@ -1,33 +1,33 @@
-const {get} = require('lodash')
-const posthtml = require('posthtml')
-const parseAttrs = require('posthtml-attrs-parser')
-const {conv} = require('color-shorthand-hex-to-six-digit')
-
-module.exports = async (html, config = {}) => {
-  if (get(config, 'sixHex') === false) {
-    return html
-  }
-
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-  return posthtml([sixHex()]).process(html, posthtmlOptions).then(result => result.html)
-}
-
-const sixHex = () => tree => {
-  const process = node => {
-    const attrs = parseAttrs(node.attrs)
-
-    const targets = ['bgcolor', 'color']
-
-    targets.forEach(attribute => {
-      if (attrs[attribute]) {
-        attrs[attribute] = conv(attrs[attribute])
-      }
-    })
-
-    node.attrs = attrs.compose()
-
-    return node
-  }
-
-  return tree.walk(process)
-}
+const {get} = require('lodash')
+const posthtml = require('posthtml')
+const parseAttrs = require('posthtml-attrs-parser')
+const {conv} = require('color-shorthand-hex-to-six-digit')
+
+module.exports = async (html, config = {}) => {
+  if (get(config, 'sixHex') === false) {
+    return html
+  }
+
+  const posthtmlOptions = get(config, 'build.posthtml.options', {})
+  return posthtml([sixHex()]).process(html, posthtmlOptions).then(result => result.html)
+}
+
+const sixHex = () => tree => {
+  const process = node => {
+    const attrs = parseAttrs(node.attrs)
+
+    const targets = ['bgcolor', 'color']
+
+    targets.forEach(attribute => {
+      if (attrs[attribute]) {
+        attrs[attribute] = conv(attrs[attribute])
+      }
+    })
+
+    node.attrs = attrs.compose()
+
+    return node
+  }
+
+  return tree.walk(process)
+}