@maizzle/framework 4.0.0-alpha.9 → 4.0.2

package/src/transformers/attributeToStyle.js

@@ -1,90 +1,90 @@
-const posthtml = require('posthtml')
-const parseAttrs = require('posthtml-attrs-parser')
-const {get, forEach, intersection, keys, isEmpty} = require('lodash')
-
-module.exports = async (html, config = {}, direct = false) => {
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-  const attributes = get(config, 'inlineCSS.attributeToStyle', false)
-
-  if (typeof attributes === 'boolean' && attributes) {
-    return posthtml([attributesToStyle()]).process(html, posthtmlOptions).then(result => result.html)
-  }
-
-  if (Array.isArray(attributes) && !isEmpty(attributes)) {
-    return posthtml([attributesToStyle({attributes})]).process(html, posthtmlOptions).then(result => result.html)
-  }
-
-  if (direct) {
-    return posthtml([
-      attributesToStyle({
-        attributes: Array.isArray(config) ? config : []
-      })
-    ]).process(html).then(result => result.html)
-  }
-
-  return html
-}
-
-const attributesToStyle = (options = {}) => tree => {
-  options.attributes = options.attributes || ['width', 'height', 'bgcolor', 'background', 'align', 'valign']
-
-  const process = node => {
-    const nodeAttributes = parseAttrs(node.attrs)
-    const matches = intersection(keys(nodeAttributes), options.attributes)
-    const nodeStyle = get(node.attrs, 'style')
-    const csstoInline = []
-
-    forEach(matches, attribute => {
-      let value = get(node.attrs, attribute)
-
-      switch (attribute) {
-        case 'bgcolor':
-          csstoInline.push(`background-color: ${value}`)
-          break
-
-        case 'background':
-          csstoInline.push(`background-image: url('${value}')`)
-          break
-
-        case 'width':
-          value = Number.parseInt(value, 10) + (value.match(/px|%/) || 'px')
-          csstoInline.push(`width: ${value}`)
-          break
-
-        case 'height':
-          value = Number.parseInt(value, 10) + (value.match(/px|%/) || 'px')
-          csstoInline.push(`height: ${value}`)
-          break
-
-        case 'align':
-          if (node.tag !== 'table') {
-            return csstoInline.push(`text-align: ${value}`)
-          }
-
-          if (['left', 'right'].includes(value)) {
-            csstoInline.push(`float: ${value}`)
-          }
-
-          if (value === 'center') {
-            csstoInline.push('margin-left: auto', 'margin-right: auto')
-          }
-
-          break
-
-        case 'valign':
-          csstoInline.push(`vertical-align: ${value}`)
-          break
-
-        // No default
-      }
-    })
-
-    nodeAttributes.style = nodeStyle ? `${nodeStyle} ${csstoInline.join('; ')}` : `${csstoInline.join('; ')}`
-
-    node.attrs = nodeAttributes.compose()
-
-    return node
-  }
-
-  return tree.walk(process)
-}
+const posthtml = require('posthtml')
+const parseAttrs = require('posthtml-attrs-parser')
+const {get, forEach, intersection, keys, isEmpty} = require('lodash')
+
+module.exports = async (html, config = {}, direct = false) => {
+  const posthtmlOptions = get(config, 'build.posthtml.options', {})
+  const attributes = get(config, 'inlineCSS.attributeToStyle', false)
+
+  if (typeof attributes === 'boolean' && attributes) {
+    return posthtml([attributesToStyle()]).process(html, posthtmlOptions).then(result => result.html)
+  }
+
+  if (Array.isArray(attributes) && !isEmpty(attributes)) {
+    return posthtml([attributesToStyle({attributes})]).process(html, posthtmlOptions).then(result => result.html)
+  }
+
+  if (direct) {
+    return posthtml([
+      attributesToStyle({
+        attributes: Array.isArray(config) ? config : []
+      })
+    ]).process(html).then(result => result.html)
+  }
+
+  return html
+}
+
+const attributesToStyle = (options = {}) => tree => {
+  options.attributes = options.attributes || ['width', 'height', 'bgcolor', 'background', 'align', 'valign']
+
+  const process = node => {
+    const nodeAttributes = parseAttrs(node.attrs)
+    const matches = intersection(keys(nodeAttributes), options.attributes)
+    const nodeStyle = get(node.attrs, 'style')
+    const csstoInline = []
+
+    forEach(matches, attribute => {
+      let value = get(node.attrs, attribute)
+
+      switch (attribute) {
+        case 'bgcolor':
+          csstoInline.push(`background-color: ${value}`)
+          break
+
+        case 'background':
+          csstoInline.push(`background-image: url('${value}')`)
+          break
+
+        case 'width':
+          value = Number.parseInt(value, 10) + (value.match(/px|%/) || 'px')
+          csstoInline.push(`width: ${value}`)
+          break
+
+        case 'height':
+          value = Number.parseInt(value, 10) + (value.match(/px|%/) || 'px')
+          csstoInline.push(`height: ${value}`)
+          break
+
+        case 'align':
+          if (node.tag !== 'table') {
+            return csstoInline.push(`text-align: ${value}`)
+          }
+
+          if (['left', 'right'].includes(value)) {
+            csstoInline.push(`float: ${value}`)
+          }
+
+          if (value === 'center') {
+            csstoInline.push('margin-left: auto', 'margin-right: auto')
+          }
+
+          break
+
+        case 'valign':
+          csstoInline.push(`vertical-align: ${value}`)
+          break
+
+        // No default
+      }
+    })
+
+    nodeAttributes.style = nodeStyle ? `${nodeStyle} ${csstoInline.join('; ')}` : `${csstoInline.join('; ')}`
+
+    node.attrs = nodeAttributes.compose()
+
+    return node
+  }
+
+  return tree.walk(process)
+}

package/src/transformers/baseUrl.js

@@ -1,69 +1,69 @@
-const posthtml = require('posthtml')
-const isUrl = require('is-url-superb')
-const baseUrl = require('posthtml-base-url')
-const {get, isObject, isEmpty} = require('lodash')
-
-/**
- * VML backgrounds must be handled with regex because
- * they're inside HTML comments.
- */
-const rewriteVMLs = (html, url) => {
-  // Handle <v:image>
-  const vImageMatches = html.match(/<v:image[^>]+src="?([^"\s]+)"/g)
-
-  if (vImageMatches) {
-    vImageMatches.forEach(match => {
-      const vImage = match.match(/<v:image[^>]+src="?([^"\s]+)"/)
-      const vImageSrc = vImage[1]
-
-      if (!isUrl(vImageSrc)) {
-        const vImageSrcUrl = url + vImageSrc
-        const vImageReplace = vImage[0].replace(vImageSrc, vImageSrcUrl)
-        html = html.replace(vImage[0], vImageReplace)
-      }
-    })
-  }
-
-  // Handle <v:fill>
-  const vFillMatches = html.match(/<v:fill[^>]+src="?([^"\s]+)"/g)
-
-  if (vFillMatches) {
-    vFillMatches.forEach(match => {
-      const vFill = match.match(/<v:fill[^>]+src="?([^"\s]+)"/)
-      const vFillSrc = vFill[1]
-
-      if (!isUrl(vFillSrc)) {
-        const vFillSrcUrl = url + vFillSrc
-        const vFillReplace = vFill[0].replace(vFillSrc, vFillSrcUrl)
-        html = html.replace(vFill[0], vFillReplace)
-      }
-    })
-  }
-
-  return html
-}
-
-module.exports = async (html, config = {}, direct = false) => {
-  const url = direct ? config : get(config, 'baseURL')
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-
-  // Handle `baseUrl` as a string
-  if (typeof url === 'string' && url.length > 0) {
-    html = rewriteVMLs(html, url)
-
-    return posthtml([
-      baseUrl({url, allTags: true, styleTag: true, inlineCss: true})
-    ])
-      .process(html, posthtmlOptions)
-      .then(result => result.html)
-  }
-
-  // Handle `baseUrl` as an object
-  if (isObject(url) && !isEmpty(url)) {
-    html = rewriteVMLs(html, url.url)
-
-    return posthtml([baseUrl(url)]).process(html, posthtmlOptions).then(result => result.html)
-  }
-
-  return html
-}
+const posthtml = require('posthtml')
+const isUrl = require('is-url-superb')
+const baseUrl = require('posthtml-base-url')
+const {get, isObject, isEmpty} = require('lodash')
+
+/**
+ * VML backgrounds must be handled with regex because
+ * they're inside HTML comments.
+ */
+const rewriteVMLs = (html, url) => {
+  // Handle <v:image>
+  const vImageMatches = html.match(/<v:image[^>]+src="?([^"\s]+)"/g)
+
+  if (vImageMatches) {
+    vImageMatches.forEach(match => {
+      const vImage = match.match(/<v:image[^>]+src="?([^"\s]+)"/)
+      const vImageSrc = vImage[1]
+
+      if (!isUrl(vImageSrc)) {
+        const vImageSrcUrl = url + vImageSrc
+        const vImageReplace = vImage[0].replace(vImageSrc, vImageSrcUrl)
+        html = html.replace(vImage[0], vImageReplace)
+      }
+    })
+  }
+
+  // Handle <v:fill>
+  const vFillMatches = html.match(/<v:fill[^>]+src="?([^"\s]+)"/g)
+
+  if (vFillMatches) {
+    vFillMatches.forEach(match => {
+      const vFill = match.match(/<v:fill[^>]+src="?([^"\s]+)"/)
+      const vFillSrc = vFill[1]
+
+      if (!isUrl(vFillSrc)) {
+        const vFillSrcUrl = url + vFillSrc
+        const vFillReplace = vFill[0].replace(vFillSrc, vFillSrcUrl)
+        html = html.replace(vFill[0], vFillReplace)
+      }
+    })
+  }
+
+  return html
+}
+
+module.exports = async (html, config = {}, direct = false) => {
+  const url = direct ? config : get(config, 'baseURL')
+  const posthtmlOptions = get(config, 'build.posthtml.options', {})
+
+  // Handle `baseUrl` as a string
+  if (typeof url === 'string' && url.length > 0) {
+    html = rewriteVMLs(html, url)
+
+    return posthtml([
+      baseUrl({url, allTags: true, styleTag: true, inlineCss: true})
+    ])
+      .process(html, posthtmlOptions)
+      .then(result => result.html)
+  }
+
+  // Handle `baseUrl` as an object
+  if (isObject(url) && !isEmpty(url)) {
+    html = rewriteVMLs(html, url.url)
+
+    return posthtml([baseUrl(url)]).process(html, posthtmlOptions).then(result => result.html)
+  }
+
+  return html
+}

package/src/transformers/extraAttributes.js

@@ -1,26 +1,26 @@
-const posthtml = require('posthtml')
-const {get, isObject} = require('lodash')
-const addAttributes = require('posthtml-extra-attributes')
-
-module.exports = async (html, config = {}, direct = false) => {
-  if (get(config, 'extraAttributes') === false) {
-    return html
-  }
-
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-
-  let attributes = {
-    table: {
-      cellpadding: 0,
-      cellspacing: 0,
-      role: 'presentation'
-    },
-    img: {
-      alt: ''
-    }
-  }
-
-  attributes = direct ? {...attributes, ...config} : (isObject(config.extraAttributes) ? {...attributes, ...config.extraAttributes} : attributes)
-
-  return posthtml([addAttributes({attributes})]).process(html, posthtmlOptions).then(result => result.html)
-}
+const posthtml = require('posthtml')
+const {get, isObject} = require('lodash')
+const addAttributes = require('posthtml-extra-attributes')
+
+module.exports = async (html, config = {}, direct = false) => {
+  if (get(config, 'extraAttributes') === false) {
+    return html
+  }
+
+  const posthtmlOptions = get(config, 'build.posthtml.options', {})
+
+  let attributes = {
+    table: {
+      cellpadding: 0,
+      cellspacing: 0,
+      role: 'presentation'
+    },
+    img: {
+      alt: ''
+    }
+  }
+
+  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/defaultFilters.js

@@ -1,126 +1,126 @@
-const escapeMap = {
-  '&': '&',
-  '<': '&lt;',
-  '>': '&gt;',
-  '"': '&#34;',
-  '\'': '&#39;'
-}
-
-const unescapeMap = {
-  '&amp;': '&',
-  '&lt;': '<',
-  '&gt;': '>',
-  '&#34;': '"',
-  '&#39;': '\''
-}
-
-const unescape = string => string.replace(/&(amp|lt|gt|#34|#39);/g, m => unescapeMap[m])
-
-const append = (content, attribute) => content + attribute
-const capitalize = content => content.charAt(0).toUpperCase() + content.slice(1)
-const ceil = content => Math.ceil(Number.parseFloat(content))
-const divide = (content, attribute) => Number.parseFloat(content) / Number.parseFloat(attribute)
-const escape = content => content.replace(/["&'<>]/g, m => escapeMap[m])
-const escapeOnce = content => escape(unescape(content))
-const floor = content => Math.floor(Number.parseFloat(content))
-const lowercase = content => content.toLowerCase()
-const lstrip = content => content.replace(/^\s+/, '')
-const minus = (content, attribute) => Number.parseFloat(content) - Number.parseFloat(attribute)
-const modulo = (content, attribute) => Number.parseFloat(content) % Number.parseFloat(attribute)
-const multiply = (content, attribute) => Number.parseFloat(content) * Number.parseFloat(attribute)
-const newlineToBr = content => content.replace(/\n/g, '<br>')
-const plus = (content, attribute) => Number.parseFloat(content) + Number.parseFloat(attribute)
-const prepend = (content, attribute) => attribute + content
-
-const remove = (content, attribute) => {
-  const regex = new RegExp(attribute, 'g')
-  return content.replace(regex, '')
-}
-
-const removeFirst = (content, attribute) => content.replace(attribute, '')
-const replace = (content, attribute) => {
-  const [search, replace] = attribute.split('|')
-  const regex = new RegExp(search, 'g')
-  return content.replace(regex, replace)
-}
-
-const replaceFirst = (content, attribute) => {
-  const [search, replace] = attribute.split('|')
-  return content.replace(search, replace)
-}
-
-const round = content => Math.round(Number.parseFloat(content))
-const rstrip = content => content.replace(/\s+$/, '')
-const uppercase = content => content.toUpperCase()
-const size = content => content.length
-const slice = (content, attribute) => {
-  try {
-    const [start, end] = attribute.split(',')
-    return content.slice(start, end)
-  } catch {
-    return content.slice(attribute)
-  }
-}
-
-const stripNewlines = content => content.replace(/\n/g, '')
-const trim = content => content.trim()
-const truncate = (content, attribute) => {
-  try {
-    const [length, omission] = attribute.split(',')
-    return content.length > Number.parseInt(length, 10) ?
-      content.slice(0, length) + (omission || '...') :
-      content
-  } catch {
-    const length = Number.parseInt(attribute, 10)
-    return content.length > length ? content.slice(0, length) + '...' : content
-  }
-}
-
-const truncateWords = (content, attribute) => {
-  try {
-    const [length, omission] = attribute.split(',')
-    return content.split(' ').slice(0, Number.parseInt(length, 10)).join(' ') + (omission || '...')
-  } catch {
-    const length = Number.parseInt(attribute, 10)
-    return content.split(' ').slice(0, length).join(' ') + '...'
-  }
-}
-
-// eslint-disable-next-line
-const urlDecode = content => content.split('+').map(decodeURIComponent).join(' ')
-// eslint-disable-next-line
-const urlEncode = content => content.split(' ').map(encodeURIComponent).join('+')
-
-exports.append = append
-exports.capitalize = capitalize
-exports.ceil = ceil
-exports['divide-by'] = divide
-exports.divide = divide
-exports.escape = escape
-exports['escape-once'] = escapeOnce
-exports.floor = floor
-exports.lowercase = lowercase
-exports.lstrip = lstrip
-exports.minus = minus
-exports.modulo = modulo
-exports.multiply = multiply
-exports['newline-to-br'] = newlineToBr
-exports.plus = plus
-exports.prepend = prepend
-exports.remove = remove
-exports['remove-first'] = removeFirst
-exports.replace = replace
-exports['replace-first'] = replaceFirst
-exports.round = round
-exports.rstrip = rstrip
-exports.uppercase = uppercase
-exports.size = size
-exports.slice = slice
-exports.strip = trim
-exports['strip-newlines'] = stripNewlines
-exports.times = multiply
-exports.trim = trim
-exports.truncate = truncate
-exports['truncate-words'] = truncateWords
-exports['url-decode'] = urlDecode
-exports['url-encode'] = urlEncode
+const escapeMap = {
+  '&': '&amp;',
+  '<': '&lt;',
+  '>': '&gt;',
+  '"': '&#34;',
+  '\'': '&#39;'
+}
+
+const unescapeMap = {
+  '&amp;': '&',
+  '&lt;': '<',
+  '&gt;': '>',
+  '&#34;': '"',
+  '&#39;': '\''
+}
+
+const unescape = string => string.replace(/&(amp|lt|gt|#34|#39);/g, m => unescapeMap[m])
+
+const append = (content, attribute) => content + attribute
+const capitalize = content => content.charAt(0).toUpperCase() + content.slice(1)
+const ceil = content => Math.ceil(Number.parseFloat(content))
+const divide = (content, attribute) => Number.parseFloat(content) / Number.parseFloat(attribute)
+const escape = content => content.replace(/["&'<>]/g, m => escapeMap[m])
+const escapeOnce = content => escape(unescape(content))
+const floor = content => Math.floor(Number.parseFloat(content))
+const lowercase = content => content.toLowerCase()
+const lstrip = content => content.replace(/^\s+/, '')
+const minus = (content, attribute) => Number.parseFloat(content) - Number.parseFloat(attribute)
+const modulo = (content, attribute) => Number.parseFloat(content) % Number.parseFloat(attribute)
+const multiply = (content, attribute) => Number.parseFloat(content) * Number.parseFloat(attribute)
+const newlineToBr = content => content.replace(/\n/g, '<br>')
+const plus = (content, attribute) => Number.parseFloat(content) + Number.parseFloat(attribute)
+const prepend = (content, attribute) => attribute + content
+
+const remove = (content, attribute) => {
+  const regex = new RegExp(attribute, 'g')
+  return content.replace(regex, '')
+}
+
+const removeFirst = (content, attribute) => content.replace(attribute, '')
+const replace = (content, attribute) => {
+  const [search, replace] = attribute.split('|')
+  const regex = new RegExp(search, 'g')
+  return content.replace(regex, replace)
+}
+
+const replaceFirst = (content, attribute) => {
+  const [search, replace] = attribute.split('|')
+  return content.replace(search, replace)
+}
+
+const round = content => Math.round(Number.parseFloat(content))
+const rstrip = content => content.replace(/\s+$/, '')
+const uppercase = content => content.toUpperCase()
+const size = content => content.length
+const slice = (content, attribute) => {
+  try {
+    const [start, end] = attribute.split(',')
+    return content.slice(start, end)
+  } catch {
+    return content.slice(attribute)
+  }
+}
+
+const stripNewlines = content => content.replace(/\n/g, '')
+const trim = content => content.trim()
+const truncate = (content, attribute) => {
+  try {
+    const [length, omission] = attribute.split(',')
+    return content.length > Number.parseInt(length, 10) ?
+      content.slice(0, length) + (omission || '...') :
+      content
+  } catch {
+    const length = Number.parseInt(attribute, 10)
+    return content.length > length ? content.slice(0, length) + '...' : content
+  }
+}
+
+const truncateWords = (content, attribute) => {
+  try {
+    const [length, omission] = attribute.split(',')
+    return content.split(' ').slice(0, Number.parseInt(length, 10)).join(' ') + (omission || '...')
+  } catch {
+    const length = Number.parseInt(attribute, 10)
+    return content.split(' ').slice(0, length).join(' ') + '...'
+  }
+}
+
+// eslint-disable-next-line
+const urlDecode = content => content.split('+').map(decodeURIComponent).join(' ')
+// eslint-disable-next-line
+const urlEncode = content => content.split(' ').map(encodeURIComponent).join('+')
+
+exports.append = append
+exports.capitalize = capitalize
+exports.ceil = ceil
+exports['divide-by'] = divide
+exports.divide = divide
+exports.escape = escape
+exports['escape-once'] = escapeOnce
+exports.floor = floor
+exports.lowercase = lowercase
+exports.lstrip = lstrip
+exports.minus = minus
+exports.modulo = modulo
+exports.multiply = multiply
+exports['newline-to-br'] = newlineToBr
+exports.plus = plus
+exports.prepend = prepend
+exports.remove = remove
+exports['remove-first'] = removeFirst
+exports.replace = replace
+exports['replace-first'] = replaceFirst
+exports.round = round
+exports.rstrip = rstrip
+exports.uppercase = uppercase
+exports.size = size
+exports.slice = slice
+exports.strip = trim
+exports['strip-newlines'] = stripNewlines
+exports.times = multiply
+exports.trim = trim
+exports.truncate = truncate
+exports['truncate-words'] = truncateWords
+exports['url-decode'] = urlDecode
+exports['url-encode'] = urlEncode