@maizzle/framework 3.7.3 → 4.0.0-alpha.3

package/test/test-tostring.js

@@ -1,124 +1,132 @@
-const test = require('ava')
-const Maizzle = require('../src')
-
-const path = require('path')
-const {readFileSync} = require('fs')
-
-const fixture = file => readFileSync(path.join(__dirname, 'fixtures', `${file}.html`), 'utf8')
-const expected = file => readFileSync(path.join(__dirname, 'expected', `${file}.html`), 'utf8')
-
-const renderString = (string, options = {}) => Maizzle.render(string, options).then(({html}) => html)
-
-test('compiles HTML string if no options are passed', async t => {
-  const source = fixture('basic')
-
-  const html = await renderString(source)
-
-  t.is(html, source)
-})
-
-test('inheritance', async t => {
-  let html = await renderString(fixture('inheritance'))
-  html = html.replace(/[^\S\r\n]+$/gm, '').trim()
-
-  t.is(html, expected('inheritance').trim())
-})
-
-test('throws if first argument is not an HTML string', async t => {
-  await t.throwsAsync(async () => {
-    await renderString(false)
-  }, {instanceOf: TypeError, message: 'first argument must be an HTML string, received false'})
-})
-
-test('throws if first argument is an empty string', async t => {
-  await t.throwsAsync(async () => {
-    await renderString('')
-  }, {instanceOf: RangeError, message: 'received empty string'})
-})
-
-test('runs the `beforeRender` event', async t => {
-  const html = await renderString(`<div>{{ page.foo }}</div>`, {
-    beforeRender(html, config) {
-      config.foo = 'bar'
-
-      return html
-    }
-  })
-
-  t.is(html, `<div>bar</div>`)
-})
-
-test('runs the `afterRender` event', async t => {
-  const result = await renderString(`<div>foo</div>`, {
-    afterRender(html, config) {
-      config.replaceStrings = {
-        foo: 'baz'
-      }
-
-      return html
-    }
-  })
-
-  t.is(result, `<div>baz</div>`)
-})
-
-test('runs the `afterTransformers` event', async t => {
-  const result = await renderString(`<div>foo</div>`, {
-    maizzle: {
-      title: 'bar'
-    },
-    afterTransformers(html, config) {
-      return html.replace('foo', config.title)
-    }
-  })
-
-  t.is(result, `<div>bar</div>`)
-})
-
-test('multiple locals', async t => {
-  const result = await renderString(`{{ page.one }}, {{ two }}, {{ three }}`, {
-    maizzle: {
-      one: 1,
-      build: {
-        posthtml: {
-          expressions: {
-            locals: {
-              two: 2
-            }
-          }
-        }
-      },
-      locals: {
-        three: 3
-      }
-    }
-  })
-
-  t.is(result, `1, 2, 3`)
-})
-
-test('prevents overwriting page object', async t => {
-  const result = await renderString(`{{ page.one }}, {{ two }}, {{ three }}`, {
-    maizzle: {
-      one: 1,
-      build: {
-        posthtml: {
-          expressions: {
-            locals: {
-              page: {
-                two: 2
-              }
-            }
-          }
-        }
-      },
-      locals: {
-        page: {
-          three: 3
-        }
-      }
-    }
-  })
-
-  t.is(result, `1, undefined, undefined`)
-})
+const test = require('ava')
+const Maizzle = require('../src')
+
+const path = require('path')
+const {readFileSync} = require('fs')
+
+const fixture = file => readFileSync(path.join(__dirname, 'fixtures', `${file}.html`), 'utf8')
+const expected = file => readFileSync(path.join(__dirname, 'expected', `${file}.html`), 'utf8')
+
+const renderString = (string, options = {}) => Maizzle.render(string, options).then(({html}) => html)
+
+test('compiles HTML string if no options are passed', async t => {
+  const source = fixture('basic')
+
+  const html = await renderString(source)
+
+  t.is(html, source)
+})
+
+test('uses environment config file(s) if available', async t => {
+  const source = fixture('useConfig')
+
+  const html = await renderString(source, {maizzle: {env: 'maizzle-ci'}})
+
+  t.is(html, expected('useConfig'))
+})
+
+test('inheritance', async t => {
+  let html = await renderString(fixture('inheritance'))
+  html = html.replace(/[^\S\r\n]+$/gm, '').trim()
+
+  t.is(html, expected('inheritance').trim())
+})
+
+test('throws if first argument is not an HTML string', async t => {
+  await t.throwsAsync(async () => {
+    await renderString(false)
+  }, {instanceOf: TypeError, message: 'first argument must be an HTML string, received false'})
+})
+
+test('throws if first argument is an empty string', async t => {
+  await t.throwsAsync(async () => {
+    await renderString('')
+  }, {instanceOf: RangeError, message: 'received empty string'})
+})
+
+test('runs the `beforeRender` event', async t => {
+  const html = await renderString(`<div>{{ page.foo }}</div>`, {
+    beforeRender(html, config) {
+      config.foo = 'bar'
+
+      return html
+    }
+  })
+
+  t.is(html, `<div>bar</div>`)
+})
+
+test('runs the `afterRender` event', async t => {
+  const result = await renderString(`<div>foo</div>`, {
+    afterRender(html, config) {
+      config.replaceStrings = {
+        foo: 'baz'
+      }
+
+      return html
+    }
+  })
+
+  t.is(result, `<div>baz</div>`)
+})
+
+test('runs the `afterTransformers` event', async t => {
+  const result = await renderString(`<div>foo</div>`, {
+    maizzle: {
+      title: 'bar'
+    },
+    afterTransformers(html, config) {
+      return html.replace('foo', config.title)
+    }
+  })
+
+  t.is(result, `<div>bar</div>`)
+})
+
+test('multiple locals', async t => {
+  const result = await renderString(`{{ page.one }}, {{ two }}, {{ three }}`, {
+    maizzle: {
+      one: 1,
+      build: {
+        posthtml: {
+          expressions: {
+            locals: {
+              two: 2
+            }
+          }
+        }
+      },
+      locals: {
+        three: 3
+      }
+    }
+  })
+
+  t.is(result, `1, 2, 3`)
+})
+
+test('prevents overwriting page object', async t => {
+  const result = await renderString(`{{ page.one }}, {{ two }}, {{ three }}`, {
+    maizzle: {
+      one: 1,
+      build: {
+        posthtml: {
+          expressions: {
+            locals: {
+              page: {
+                two: 2
+              }
+            }
+          }
+        }
+      },
+      locals: {
+        page: {
+          three: 3
+        }
+      }
+    }
+  })
+
+  t.is(result, `1, undefined, undefined`)
+})

package/test/test-transformers.js

@@ -191,12 +191,23 @@ test('extra attributes (disabled)', async t => {
   t.is(html, '<img src="example.jpg">')
 })
 
-test('base image URL', async t => {
+test('base URL (string)', async t => {
   const html = await Maizzle.applyBaseImageUrl(fixture('base-image-url'), 'https://example.com/')
 
   t.is(html, expected('base-image-url'))
 })
 
+test('base URL (object)', async t => {
+  const html = await Maizzle.applyBaseImageUrl(fixture('base-image-url'), {
+    url: 'https://example.com/',
+    allTags: true,
+    styleTag: true,
+    inlineCss: true
+  })
+
+  t.is(html, expected('base-image-url'))
+})
+
 test('prettify', async t => {
   // eslint-disable-next-line
   const html = await Maizzle.prettify('<div><p>test</p></div>', {indent_inner_result: true})
@@ -261,12 +272,24 @@ test('six digit hex (disabled)', async t => {
   t.is(html, '<td style="color: #ffc" bgcolor="#000"></td>');
 })
 
-test('transform contents', async t => {
+test('transform contents (javascript)', async t => {
   const html = await Maizzle.transformContents('<div uppercase>test</div>', {uppercase: string => string.toUpperCase()})
 
   t.is(html, '<div>TEST</div>')
 })
 
+test('transform contents (postcss)', async t => {
+  const html = await Maizzle.transformContents(
+    `<style postcss>
+      div {
+        @apply hidden container;
+      }
+    </style>`
+  )
+
+  t.is(html, expected('transform-postcss').trim())
+})
+
 test('url parameters', async t => {
   const html = await Maizzle.addURLParams('<a href="https://example.com">test</a>', {bar: 'baz', qix: 'qux'})
 

package/xo.config.js

@@ -3,11 +3,14 @@ module.exports = {
   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,

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
-}