@maizzle/framework 4.0.2 → 4.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "4.0.2",
+  "version": "4.1.0",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "main": "src/index.js",
@@ -50,7 +50,7 @@
     "lodash": "^4.17.20",
     "ora": "^5.1.0",
     "postcss": "^8.4.4",
-    "postcss-import": "^14.0.0",
+    "postcss-import": "^15.0.0",
     "postcss-merge-longhand": "^5.0.1",
     "posthtml": "^0.16.6",
     "posthtml-attrs-parser": "^0.1.1",

package/src/commands/serve.js

@@ -38,11 +38,14 @@ const serve = async (env = 'local', config = {}) => {
     templates = Array.isArray(templates) ? templates : [templates]
 
     const templatePaths = [...new Set(templates.map(config => `${get(config, 'source', 'src')}/**`))]
+    const tailwindConfig = get(config, 'build.tailwind.config', 'tailwind.config.js')
     const globalPaths = [
       'src/**',
-      get(config, 'build.tailwind.config', 'tailwind.config.js'),
       ...new Set(get(config, 'build.browsersync.watch', []))
     ]
+    if (typeof tailwindConfig === 'string') {
+      globalPaths.push(tailwindConfig);
+    }
 
     // Watch for Template file changes
     browsersync()

package/src/generators/output/to-disk.js

@@ -96,6 +96,10 @@ module.exports = async (env, spinner, config) => {
           }
 
           await asyncForEach(templates, async file => {
+            config.build.current = {
+              path: path.parse(file)
+            }
+
             const html = await fs.readFile(file, 'utf8')
 
             try {

package/src/transformers/urlParameters.js

@@ -7,10 +7,12 @@ module.exports = async (html, config = {}, direct = false) => {
 
   if (!isEmpty(urlParameters)) {
     const {_options, ...parameters} = urlParameters
-    const {tags, qs} = _options || {tags: ['a'], qs: {encode: false}}
+    const tags = _options.tags ?? ['a']
+    const strict = _options.strict ?? true
+    const qs = _options.qs ?? {encode: false}
     const posthtmlOptions = get(config, 'build.posthtml.options', {})
 
-    return posthtml([urlParams({parameters, tags, qs})]).process(html, posthtmlOptions).then(result => result.html)
+    return posthtml([urlParams({parameters, tags, qs, strict})]).process(html, posthtmlOptions).then(result => result.html)
   }
 
   return html

package/test/test-todisk.js

@@ -509,3 +509,34 @@ test('throws if templates path is invalid (function)', async t => {
     })
   }, {instanceOf: TypeError})
 })
+
+test('sets config.build.current.path', async t => {
+  await Maizzle.build('maizzle-ci', {
+    build: {
+      fail: 'silent',
+      templates: {
+        source: 'test/stubs/templates',
+        destination: {
+          path: t.context.folder
+        }
+      }
+    },
+    events: {
+      beforeRender(html, config) {
+        t.context.current = config.build.current
+
+        return html
+      }
+    }
+  })
+
+  t.deepEqual(t.context.current, {
+    path: {
+      root: '',
+      dir: t.context.folder,
+      base: '1.html',
+      ext: '.html',
+      name: '1'
+    }
+  })
+})

package/test/test-transformers.js

@@ -323,9 +323,21 @@ test('filters (postcss)', async t => {
 })
 
 test('url parameters', async t => {
-  const html = await Maizzle.addURLParams('<a href="https://example.com">test</a>', {bar: 'baz', qix: 'qux'})
+  const html = await Maizzle.addURLParams(
+    `<a href="example.com">test</a>
+      <link href="https://foo.bar">`,
+    {
+      _options: {
+        tags: ['a[href*="example"]'],
+        strict: false
+      },
+      bar: 'baz',
+      qix: 'qux'
+    }
+  )
 
-  t.is(html, '<a href="https://example.com?bar=baz&qix=qux">test</a>')
+  t.is(html, `<a href="example.com?bar=baz&qix=qux">test</a>
+      <link href="https://foo.bar">`)
 })
 
 test('attribute to style', async t => {