@maizzle/framework 6.0.0-9 → 6.0.0-rc.1

package/src/transformers/filters/defaultFilters.js

@@ -1,146 +0,0 @@
-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 escapeMap = {
-  '&': '&',
-  '<': '&lt;',
-  '>': '&gt;',
-  '"': '&#34;',
-  '\'': '&#39;'
-}
-// biome-ignore lint: not confusing
-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) => {
-  const [start, end] = attribute.split(',')
-
-  if (!end && !start) {
-    return content
-  }
-
-  if (!end) {
-    return content.slice(attribute)
-  }
-
-  return content.slice(start, end)
-}
-
-const stripNewlines = content => content.replace(/\n/g, '')
-
-const trim = content => content.trim()
-
-const truncate = (content, attribute) => {
-  const [length, omission] = attribute.split(',')
-
-  return content && content.length > Number.parseInt(length, 10)
-    ? content.slice(0, length) + (omission || '...')
-    : content // content is shorter than length required to truncate
-}
-
-const truncateWords = (content, attribute) => {
-  const [length, omission] = attribute.split(',')
-
-  return content.split(' ')
-    .slice(0, Number.parseInt(length, 10))
-    .join(' ') + (omission || '...')
-}
-
-const unescapeMap = {
-  '&amp;': '&',
-  '&lt;': '<',
-  '&gt;': '>',
-  '&#34;': '"',
-  '&#39;': '\''
-}
-// biome-ignore lint: not confusing
-const unescape = string => string.replace(/&(amp|lt|gt|#34|#39);/g, m => unescapeMap[m])
-
-const urlDecode = content => content.split('+').map(decodeURIComponent).join(' ')
-
-const urlEncode = content => content.split(' ').map(encodeURIComponent).join('+')
-
-export const filters =  {
-  append,
-  capitalize,
-  ceil,
-  'divide-by': divide,
-  escape,
-  'escape-once': escapeOnce,
-  floor,
-  lowercase,
-  lstrip,
-  minus,
-  modulo,
-  multiply,
-  'newline-to-br': newlineToBr,
-  plus,
-  prepend,
-  remove,
-  'remove-first': removeFirst,
-  replace,
-  'replace-first': replaceFirst,
-  round,
-  rstrip,
-  uppercase,
-  size,
-  slice,
-  'strip-newlines': stripNewlines,
-  times: multiply,
-  trim,
-  truncate,
-  'truncate-words': truncateWords,
-  'url-decode': urlDecode,
-  'url-encode': urlEncode,
-  unescape
-}

package/src/transformers/filters/index.js

@@ -1,18 +0,0 @@
-import posthtml from 'posthtml'
-import { defu as merge } from 'defu'
-import posthtmlContent from 'posthtml-content'
-import { filters as defaultFilters } from './defaultFilters.js'
-
-export default function posthtmlPlugin(filters = {}) {
-  filters = merge(defaultFilters, filters)
-
-  return posthtmlContent(filters)
-}
-
-export async function filters(html = '', filters = {}, posthtmlOptions = {}) {
-  return posthtml([
-    posthtmlPlugin(filters)
-  ])
-    .process(html, posthtmlOptions)
-    .then(result => result.html)
-}

package/src/transformers/index.js

@@ -1,259 +0,0 @@
-import posthtml from 'posthtml'
-import get from 'lodash-es/get.js'
-import { defu as merge } from 'defu'
-
-import core from './core.js'
-import purge from './purge.js'
-import sixHex from './sixHex.js'
-import minify from './minify.js'
-import baseUrl from './baseUrl.js'
-import inlineCSS from './inline.js'
-import prettify from './prettify.js'
-import templateTag from './template.js'
-import filters from './filters/index.js'
-import markdown from 'posthtml-markdownit'
-import posthtmlMso from './posthtmlMso.js'
-import shorthandCss from './shorthandCss.js'
-import preventWidows from './preventWidows.js'
-import addAttributes from './addAttributes.js'
-import urlParameters from './urlParameters.js'
-import safeClassNames from './safeClassNames.js'
-import replaceStrings from './replaceStrings.js'
-import attributeToStyle from './attributeToStyle.js'
-import removeAttributes from './removeAttributes.js'
-
-import { getPosthtmlOptions } from '../posthtml/defaultConfig.js'
-
-/**
- * Use Maizzle Transformers on an HTML string.
- *
- * Only Transformers that are enabled in the passed
- * `config` parameter will be used.
- *
- * @param {string} html The HTML content
- * @param {object} config The Maizzle config object
- * @returns {Promise<{ html: string }>} A Promise resolving to an object containing the modified HTML
- */
-export async function run(html = '', config = {}) {
-  const posthtmlPlugins = []
-
-  const posthtmlConfig = getPosthtmlOptions(get(config, 'posthtml.options', {}))
-
-  /**
-   * 1. Core transformers
-   *
-   * Transformers that are always enabled.
-   *
-   */
-  posthtmlPlugins.push(core(config))
-
-  /**
-   * 2. Safe class names
-   *
-   * Rewrite Tailwind CSS class names to email-safe alternatives,
-   * unless explicitly disabled.
-   */
-  if (get(config, 'css.safe') !== false) {
-    posthtmlPlugins.push(
-      safeClassNames(get(config, 'css.safe', {}))
-    )
-  }
-
-  /**
-   * 3. Filters
-   *
-   * Filters are always applied, unless explicitly disabled.
-   */
-  if (get(config, 'filters') !== false) {
-    posthtmlPlugins.push(
-      filters(get(config, 'filters', {}))
-    )
-  }
-
-  /**
-   * 4. Markdown
-   *
-   * Convert Markdown to HTML with markdown-it, unless explicitly disabled.
-   */
-  if (get(config, 'markdown') !== false) {
-    posthtmlPlugins.push(
-      markdown(get(config, 'markdown', {}))
-    )
-  }
-
-  /**
-   * 5. Prevent widow words
-   *
-   * Enabled by default, will prevent widow words in elements
-   * wrapped with a `prevent-widows` attribute.
-   */
-  if (get(config, 'widowWords') !== false) {
-    posthtmlPlugins.push(
-      preventWidows(get(config, 'widowWords', {}))
-    )
-  }
-
-  /**
-   * 6. Attribute to `style`
-   *
-   * Duplicate HTML attributes to inline CSS.
-   */
-  if (get(config, 'css.inline.attributeToStyle')) {
-    posthtmlPlugins.push(
-      attributeToStyle(get(config, 'css.inline.attributeToStyle', []))
-    )
-  }
-
-  /**
-   * 7. Inline CSS
-   *
-   * Inline CSS into HTML.
-   */
-  if (get(config, 'css.inline')) {
-    posthtmlPlugins.push(inlineCSS(
-      merge(
-        get(config, 'css.inline', {}),
-        {
-          removeInlinedSelectors: true,
-        }
-      )
-    ))
-  }
-
-  /**
-   * 8. Remove attributes
-   *
-   * Remove attributes from HTML tags
-   * If `undefined`, removes empty `style` and `class` attributes
-   */
-  if (get(config, 'attributes.remove') !== false) {
-    posthtmlPlugins.push(
-      removeAttributes(
-        get(config, 'attributes.remove', []),
-        posthtmlConfig
-      )
-    )
-  }
-
-  /**
-   * 9. Shorthand CSS
-   *
-   * Convert longhand CSS properties to shorthand in `style` attributes.
-   */
-  if (get(config, 'css.shorthand')) {
-    posthtmlPlugins.push(
-      shorthandCss(get(config, 'css.shorthand', {}))
-    )
-  }
-
-  /**
-   * 10. Add attributes
-   *
-   * Add attributes to HTML tags.
-   */
-  if (get(config, 'attributes.add') !== false) {
-    posthtmlPlugins.push(
-      addAttributes(get(config, 'attributes.add', {}))
-    )
-  }
-
-  /**
-   * 11. Base URL
-   *
-   * Add a base URL to relative paths.
-   */
-  const baseConfig = get(config, 'baseURL', get(config, 'baseUrl'))
-  if (baseConfig) {
-    posthtmlPlugins.push(
-      baseUrl(baseConfig)
-    )
-  }
-
-  /**
-   * 12. URL parameters
-   *
-   * Add parameters to URLs.
-   */
-  if (get(config, 'urlParameters')) {
-    posthtmlPlugins.push(
-      urlParameters(get(config, 'urlParameters', {}))
-    )
-  }
-
-  /**
-   * 13. Six-digit HEX
-   *
-   * Enabled by default, converts three-digit HEX colors to six-digit.
-   */
-  if (get(config, 'css.sixHex') !== false) {
-    posthtmlPlugins.push(
-      sixHex()
-    )
-  }
-
-  /**
-   * 14. PostHTML MSO
-   *
-   * Enabled by default, simplifies writing MSO conditionals for Outlook.
-   */
-  if (get(config, 'outlook') !== false) {
-    posthtmlPlugins.push(
-      posthtmlMso(get(config, 'outlook', {}))
-    )
-  }
-
-  /**
-   * 15. Purge CSS
-   *
-   * Remove unused CSS, uglify classes etc.
-   */
-  if (get(config, 'css.purge')) {
-    posthtmlPlugins.push(purge(config.css.purge))
-  }
-
-  /**
-   * 16. <template> tags
-   *
-   * Replace <template> tags with their content.
-   */
-  posthtmlPlugins.push(templateTag())
-
-  /**
-   * 17. Replace strings
-   *
-   * Replace strings through regular expressions.
-   */
-  if (get(config, 'replaceStrings')) {
-    posthtmlPlugins.push(
-      replaceStrings(get(config, 'replaceStrings', {}))
-    )
-  }
-
-  /**
-   * 18. Prettify
-   *
-   * Pretty-print HTML using js-beautify.
-   */
-  if (get(config, 'prettify')) {
-    posthtmlPlugins.push(
-      prettify(get(config, 'prettify', {}))
-    )
-  }
-
-  /**
-   * 19. Minify
-   *
-   * Minify HTML using html-crush.
-   */
-  if (get(config, 'minify')) {
-    posthtmlPlugins.push(
-      minify(get(config, 'minify', {}))
-    )
-  }
-
-  return posthtml(posthtmlPlugins)
-    .process(html, posthtmlConfig)
-    .then(result => ({
-      html: result.html,
-    }))
-}