@maizzle/framework 3.7.2 → 4.0.0-alpha.10

package/xo.config.js

@@ -1,19 +1,22 @@
-module.exports = {
-  space: true,
-  rules: {
-    semi: 0,
-    complexity: 0,
-    'no-lonely-if': 0,
-    'unicorn/no-reduce': 0,
-    'import/extensions': 0,
-    'operator-linebreak': 0,
-    'max-nested-callbacks': 0,
-    'unicorn/prefer-ternary': 0,
-    'unicorn/string-content': 0,
-    'unicorn/no-array-for-each': 0,
-    'unicorn/prefer-array-find': 0,
-    'promise/prefer-await-to-then': 0,
-    'unicorn/no-abusive-eslint-disable': 0,
-    quotes: ['error', 'single', {allowTemplateLiterals: true}]
-  }
-}
+module.exports = {
+  space: true,
+  rules: {
+    semi: 0,
+    complexity: 0,
+    'max-params': 0,
+    'no-lonely-if': 0,
+    'unicorn/no-reduce': 0,
+    'import/extensions': 0,
+    'operator-linebreak': 0,
+    'max-nested-callbacks': 0,
+    'unicorn/filename-case': 0,
+    'unicorn/no-hex-escape': 0,
+    'unicorn/prefer-ternary': 0,
+    'unicorn/string-content': 0,
+    'unicorn/no-array-for-each': 0,
+    'unicorn/prefer-array-find': 0,
+    'promise/prefer-await-to-then': 0,
+    'unicorn/no-abusive-eslint-disable': 0,
+    quotes: ['error', 'single', {allowTemplateLiterals: true}]
+  }
+}

package/src/transformers/base-image-url.js

@@ -1,9 +0,0 @@
-module.exports = async (html, config = {}, direct = false) => {
-  const url = direct ? config : config.baseImageURL
-
-  if (url) {
-    return html.replace(/([^"'=\s(]+\.(?:jpe?g|a?png|avif|gif|svg|webp|jfif|pjpeg|pjp))/gi, url + '$1')
-  }
-
-  return html
-}

package/src/transformers/remove-unused-css.js

@@ -1,20 +0,0 @@
-const {get, isEmpty} = require('lodash')
-const {comb} = require('email-comb')
-
-module.exports = async (html, config = {}, direct = false) => {
-  if (get(config, 'removeUnusedCSS') === false) {
-    return html
-  }
-
-  const options = direct ? config : get(config, 'removeUnusedCSS', {})
-
-  if (typeof options === 'boolean' && options) {
-    return comb(html).result
-  }
-
-  if (!isEmpty(options)) {
-    return comb(html, options).result
-  }
-
-  return html
-}

package/src/transformers/six-hex.js

@@ -1,10 +0,0 @@
-const {get} = require('lodash')
-const {conv} = require('color-shorthand-hex-to-six-digit')
-
-module.exports = async (html, config = {}) => {
-  if (get(config, 'sixHex') === false) {
-    return html
-  }
-
-  return conv(html)
-}

package/src/transformers/transform.js

@@ -1,24 +0,0 @@
-const posthtml = require('posthtml')
-const posthtmlContent = require('posthtml-content')
-const Tailwind = require('../generators/tailwindcss')
-const {get, omit} = require('lodash')
-
-module.exports = async (html, config = {}, direct = false) => {
-  const replacements = direct ? config : get(config, 'transform', {})
-  const posthtmlOptions = get(config, 'build.posthtml.options', {})
-
-  /**
-   * Compile CSS in <style postcss> tags with PostCSS and Tailwind CSS
-   */
-  const maizzleConfig = omit(config, ['build.tailwind.css', 'css'])
-  const tailwindConfig = get(config, 'build.tailwind.config', 'tailwind.config.js')
-
-  replacements.postcss = css => Tailwind.compile(
-    `@tailwind components; @tailwind utilities; ${css}`,
-    html,
-    tailwindConfig,
-    maizzleConfig
-  )
-
-  return posthtml([posthtmlContent(replacements)]).process(html, posthtmlOptions).then(result => result.html)
-}

package/test/expected/transformers/base-image-url.html

@@ -1,7 +0,0 @@
-<div style="background-image: url('https://example.com/foo/bar.jpg')">
-  <img src="https://example.com/logo.png" srcset="https://example.com/assets/logo.png 1x, https://example.com/assets/logo@2x.png 2x">
-</div>
-
-<div style="background: url(https://example.com/foo/bar.jpg)">
-  <img background="https://example.com/example.jpg" srcset="https://example.com/example.jpg 1x, https://example.com/example@2x.jpg 2x">
-</div>

package/test/fixtures/transformers/base-image-url.html

@@ -1,7 +0,0 @@
-<div style="background-image: url('foo/bar.jpg')">
-  <img src="logo.png" srcset="assets/logo.png 1x, assets/logo@2x.png 2x">
-</div>
-
-<div style="background: url(foo/bar.jpg)">
-  <img background="example.jpg" srcset="example.jpg 1x, example@2x.jpg 2x">
-</div>

package/test/stubs/templates/2.html

@@ -1 +0,0 @@
-<a href="https://example.com">Test</a>

package/test/stubs/templates/3.mzl

@@ -1 +0,0 @@
-<a href="https://example.com">Test</a>

package/test/test-tailwind.js

@@ -1,73 +0,0 @@
-const test = require('ava')
-const Tailwind = require('../src/generators/tailwindcss')
-
-test('uses Tailwind defaults if no config specified', async t => {
-  const css = await Tailwind.compile('@tailwind utilities', '<p class="xl:z-0"></p>', {}, {env: 'production'})
-
-  t.not(css, undefined)
-  t.true(css.includes('.xl\\:z-0'))
-})
-
-test('uses CSS file provided in environment config', async t => {
-  const config = {
-    env: 'production',
-    build: {
-      tailwind: {
-        css: './test/stubs/main.css'
-      }
-    }
-  }
-
-  const css = await Tailwind.compile('', '<div class="text-center foo">test</div>', {}, config)
-
-  t.not(css, undefined)
-  t.true(css.includes('.text-center'))
-  t.true(css.includes('.foo'))
-})
-
-test('uses purgeCSS options provided in the maizzle config', async t => {
-  const arrayConfig = {
-    purgeCSS: {
-      safelist: ['z-10'],
-      blocklist: ['text-center']
-    }
-  }
-
-  const objectConfig = {
-    purgeCSS: {
-      safelist: {
-        standard: ['z-10']
-      },
-      blocklist: ['text-center']
-    }
-  }
-
-  const css1 = await Tailwind.compile('@tailwind utilities', '<div class="z-0 text-center"></div>', {}, arrayConfig)
-  const css2 = await Tailwind.compile('@tailwind utilities', '<div class="z-0 text-center"></div>', {}, objectConfig)
-
-  t.true(css1.includes('.z-0'))
-  t.true(css1.includes('.z-10'))
-  t.false(css1.includes('.text-center'))
-
-  t.true(css2.includes('.z-0'))
-  t.true(css2.includes('.z-10'))
-  t.false(css2.includes('.text-center'))
-})
-
-test('uses postcss plugins from the maizzle config when compiling from string', async t => {
-  const maizzleConfig = {
-    env: 'production',
-    build: {
-      postcss: {
-        plugins: [
-          require('autoprefixer')({overrideBrowserslist: ['> 0.1%']})
-        ]
-      }
-    }
-  }
-
-  const css = await Tailwind.compile('.test {transform: scale(0.5)}', '<div class="test">Test</a>', {}, maizzleConfig)
-
-  t.not(css, undefined)
-  t.is(css.trim(), '/* purgecss start ignore */\n\n.test {\n  -webkit-transform: scale(0.5);\n      -ms-transform: scale(0.5);\n          transform: scale(0.5)\n}\n\n/* purgecss end ignore */')
-})