@maizzle/framework 4.2.4 → 4.3.0

package/README.md

@@ -1,10 +1,10 @@
 <div align="center">
   <p>
-    <a href="https://maizzle.com/#gh-light-mode-only" target="_blank">
-      <img src="./.github/media/logo-light.svg" alt="Maizzle" width="300">
-    </a>
-    <a href="https://maizzle.com/#gh-dark-mode-only" target="_blank">
-      <img src="./.github/media/logo-dark.svg" alt="Maizzle" width="300">
+    <a href="https://maizzle.com" target="_blank">
+      <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/maizzle/framework/HEAD/.github/media/logo-dark.svg">
+        <img alt="Maizzle" src="https://raw.githubusercontent.com/maizzle/framework/HEAD/.github/media/logo-light.svg" width="300" height="225" style="max-width: 100%;">
+      </picture>
     </a>
   </p>
   <p>Quickly build HTML emails with utility-first CSS</p>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "4.2.4",
+  "version": "4.3.0",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "main": "src/index.js",
@@ -35,6 +35,10 @@
     "style": "xo",
     "release": "np"
   },
+  "files": [
+    "src/*",
+    "bin/*"
+  ],
   "dependencies": {
     "@maizzle/cli": "^1.5.1",
     "autoprefixer": "^10.4.0",
@@ -49,7 +53,7 @@
     "juice": "^8.0.0",
     "lodash": "^4.17.20",
     "ora": "^5.1.0",
-    "postcss": "^8.4.4",
+    "postcss": "^8.4.18",
     "postcss-import": "^15.0.0",
     "postcss-merge-longhand": "^5.0.1",
     "posthtml": "^0.16.6",
@@ -65,13 +69,13 @@
     "posthtml-modules": "^0.9.0",
     "posthtml-mso": "^1.0.4",
     "posthtml-postcss-merge-longhand": "^1.0.2",
-    "posthtml-safe-class-names": "^1.0.8",
+    "posthtml-safe-class-names": "^2.0.0",
     "posthtml-url-parameters": "^1.0.4",
     "pretty": "^2.0.0",
     "query-string": "^7.1.0",
     "string-remove-widows": "^2.1.0",
     "string-strip-html": "^8.2.0",
-    "tailwindcss": "^3.1.0"
+    "tailwindcss": "^3.2.0"
   },
   "devDependencies": {
     "ava": "^4.0.1",

package/src/generators/tailwindcss.js

@@ -113,7 +113,7 @@ module.exports = {
     }
 
     return postcss([...toProcess])
-      .process(css, {from: undefined})
+      .process(css, {from: userFileExists ? userFilePath : undefined})
       .then(result => result.css)
       .catch(error => {
         throw new SyntaxError(error)

package/src/transformers/filters/index.js

@@ -8,6 +8,10 @@ const safeClassNames = require('posthtml-safe-class-names')
 const defaultConfig = require('../../generators/posthtml/defaultConfig')
 
 module.exports = async (html, config = {}, direct = false) => {
+  if (get(config, 'filters') === false) {
+    return html
+  }
+
   const filters = direct ?
     merge(defaultFilters, config) :
     merge(defaultFilters, get(config, 'filters', {}))

package/src/transformers/index.js

@@ -54,7 +54,7 @@ exports.addURLParams = (html, config) => addURLParams(html, config, true)
 exports.preventWidows = (html, config) => preventWidows(html, config)
 exports.replaceStrings = (html, config) => replaceStrings(html, config, true)
 exports.safeClassNames = (html, config) => safeClassNames(html, config, true)
-exports.removeUnusedCSS = (html, config) => removeUnusedCSS(html, config)
+exports.removeUnusedCSS = (html, config) => removeUnusedCSS(html, config, true)
 exports.removeAttributes = (html, config) => removeAttributes(html, config, true)
 exports.attributeToStyle = (html, config) => attributeToStyle(html, config, true)
 exports.removeInlineSizes = (html, config) => removeInlineSizes(html, config, true)

package/src/transformers/inlineCss.js

@@ -7,14 +7,17 @@ module.exports = async (html, config = {}, direct = false) => {
   }
 
   const options = direct ? config : get(config, 'inlineCSS', {})
+  // Default `removeStyleTags` to false so we can preserve
+  // CSS selectors that are not present in the HTML
   const removeStyleTags = get(options, 'removeStyleTags', false)
   const css = get(config, 'customCSS', false)
 
   if (get(config, 'inlineCSS') === true || !isEmpty(options)) {
+    options.applyAttributesTableElements = true
     juice.styleToAttribute = get(options, 'styleToAttribute', {'vertical-align': 'valign'})
 
-    juice.widthElements = get(options, 'applyWidthAttributes', [])
-    juice.heightElements = get(options, 'applyHeightAttributes', [])
+    juice.widthElements = get(options, 'applyWidthAttributes', []).map(i => i.toUpperCase())
+    juice.heightElements = get(options, 'applyHeightAttributes', []).map(i => i.toUpperCase())
 
     juice.excludedProperties = ['--tw-shadow']
 
@@ -28,7 +31,9 @@ module.exports = async (html, config = {}, direct = false) => {
       })
     }
 
-    html = css ? juice.inlineContent(html, css, {removeStyleTags}) : juice(html, {removeStyleTags})
+    html = css ?
+      juice.inlineContent(html, css, {removeStyleTags, ...options}) :
+      juice(html, {removeStyleTags, ...options})
 
     return html
   }

package/src/transformers/removeInlineSizes.js

@@ -19,12 +19,11 @@ module.exports = async (html, config = {}, direct = false) => {
 const removeInlineSizes = (mappings = {}) => tree => {
   const process = node => {
     const attrs = parseAttrs(node.attrs)
-    const tag = node.tag ? node.tag.toUpperCase() : ''
 
     Object.entries(mappings).forEach(([attribute, tags]) => {
-      tags = Object.values(tags)
+      tags = Object.values(tags).map(tag => tag.toLowerCase())
 
-      if (!tags.includes(tag)) {
+      if (!tags.includes(node.tag)) {
         return node
       }
 

package/src/transformers/removeUnusedCss.js

@@ -1,11 +1,15 @@
 const {comb} = require('email-comb')
 const {get, merge} = require('lodash')
 
-module.exports = async (html, config = {}) => {
+module.exports = async (html, config = {}, direct = false) => {
   if (get(config, 'removeUnusedCSS') === false) {
     return html
   }
 
+  if (!direct && !get(config, 'removeUnusedCSS')) {
+    return html
+  }
+
   const safelist = [
     '*body*', // Gmail
     '.gmail*', // Gmail
@@ -13,7 +17,7 @@ module.exports = async (html, config = {}) => {
     '.ios*', // Mail on iOS
     '.ox-*', // Open-Xchange
     '.outlook*', // Outlook.com
-    '.ogs*', // Outlook.com
+    '[data-ogs*', // Outlook.com
     '.bloop_container', // Airmail
     '.Singleton', // Apple Mail 10
     '.unused', // Notes 8

package/.editorconfig

@@ -1,9 +0,0 @@
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true

package/.github/CONTRIBUTING.md

@@ -1,33 +0,0 @@
-# Contributing
-
-Thank you for your interest in contributing to Maizzle!
-
-Please take a moment to review this document **before submitting a pull request**.
-
-## Pull requests
-
-Please [ask first](https://github.com/maizzle/framework/issues) before starting work on any significant new features.
-
-## Coding standards
-
-Our code formatting rules are defined in [xo.config.js](https://github.com/maizzle/framework/blob/master/xo.config.js). You can check your code against these standards by running:
-
-```sh
-npm run style
-```
-
-To automatically fix any style violations in your code, you can run:
-
-```sh
-npm run style --fix
-```
-
-## Running tests
-
-You can run the test suite using the following command:
-
-```sh
-npm test
-```
-
-Please make sure that the tests are passing when submitting a pull request. If you're adding new features to Maizzle, please include tests.

package/.github/ISSUE_TEMPLATE.md

@@ -1,2 +0,0 @@
-- Maizzle Version: #.#.#
-- Node.js Version: #.#.#

package/.github/PULL_REQUEST_TEMPLATE.md

@@ -1,9 +0,0 @@
-<!--
-
-Thank you for your interest in contributing to Maizzle!
-
-**Please ask first before starting work on any significant new features.**
-
-https://github.com/maizzle/framework/blob/master/.github/CONTRIBUTING.md
-
--->

package/.github/dependabot.yml

@@ -1,11 +0,0 @@
-version: 2
-updates:
-- package-ecosystem: npm
-  directory: "/"
-  schedule:
-    interval: weekly
-  open-pull-requests-limit: 10
-  ignore:
-  - dependency-name: html-crush
-    versions:
-    - 4.1.0

package/.github/media/logo-dark.svg

@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><path d="M322.869 65.213c0-13.843-11.222-25.065-25.065-25.065-13.844 0-25.066 11.222-25.066 25.065v133.683c0 13.843 11.222 25.065 25.066 25.065 13.843 0 25.065-11.222 25.065-25.065V65.213Z" stroke="url(#a)" stroke-width="5" stroke-miterlimit="10"/><path d="M218.012 65.213c0-13.843-11.222-25.065-25.066-25.065-13.843 0-25.065 11.222-25.065 25.065v133.683c0 13.843 11.222 25.065 25.065 25.065 13.844 0 25.066-11.222 25.066-25.065V65.213Z" stroke="url(#b)" stroke-width="5" stroke-miterlimit="10"/><path d="M317.555 80.632c8.53-10.903 6.607-26.656-4.296-35.186-10.903-8.53-26.656-6.608-35.187 4.295L173.403 183.519c-8.531 10.903-6.607 26.657 4.295 35.187 10.903 8.53 26.657 6.607 35.187-4.295l104.67-133.779Z" stroke="url(#c)" stroke-width="5" stroke-miterlimit="10"/><path d="M212.597 80.636c8.53-10.902 6.607-26.656-4.295-35.186-10.903-8.53-26.657-6.608-35.187 4.295L68.445 183.523c-8.53 10.903-6.607 26.657 4.296 35.187 10.902 8.53 26.656 6.607 35.186-4.295l104.67-133.779Z" stroke="url(#d)" stroke-width="5" stroke-miterlimit="10"/><rect x="168" y="234" width="158" height="36" rx="18" fill="#4F46E5"/><path d="M199.116 259v-13.091h7.849v1.406h-6.264v4.424h5.676v1.406h-5.676V259h-1.585Zm10.254 0v-9.818h1.457v1.483h.103c.179-.486.502-.88.971-1.183a2.865 2.865 0 0 1 1.585-.454c.111 0 .25.003.416.007.166.004.292.01.377.019v1.534a4.15 4.15 0 0 0-.352-.057 3.432 3.432 0 0 0-.568-.045c-.478 0-.904.1-1.279.3a2.264 2.264 0 0 0-.882.818 2.21 2.21 0 0 0-.32 1.183V259h-1.508Zm9.586.23a3.991 3.991 0 0 1-1.693-.351 2.909 2.909 0 0 1-1.209-1.03c-.298-.451-.447-.997-.447-1.636 0-.562.111-1.018.332-1.368.222-.354.518-.631.889-.831.371-.2.78-.349 1.227-.447.452-.103.906-.183 1.362-.243.596-.077 1.08-.134 1.451-.173.375-.042.647-.113.818-.211.175-.098.262-.268.262-.511v-.051c0-.631-.173-1.121-.518-1.47-.341-.35-.859-.524-1.553-.524-.72 0-1.285.157-1.694.473-.409.315-.697.652-.863 1.009l-1.432-.511c.256-.596.597-1.061 1.023-1.393.43-.337.899-.571 1.406-.703a5.815 5.815 0 0 1 1.509-.205c.315 0 .677.038 1.086.115.414.072.812.224 1.196.454.387.23.709.577.965 1.042.256.464.383 1.086.383 1.866V259h-1.508v-1.33h-.077c-.102.214-.273.442-.511.684-.239.243-.556.45-.953.62-.396.171-.88.256-1.451.256Zm.231-1.355c.596 0 1.099-.117 1.508-.352a2.39 2.39 0 0 0 1.253-2.077v-1.381c-.064.077-.205.147-.422.211-.213.06-.46.113-.741.16a31.625 31.625 0 0 1-1.445.192 5.737 5.737 0 0 0-1.099.249c-.337.111-.61.279-.819.505-.204.222-.306.524-.306.908 0 .524.193.92.581 1.189.392.264.889.396 1.49.396ZM226.21 259v-9.818h1.457v1.534h.128c.205-.524.535-.931.991-1.221.456-.294 1.003-.441 1.643-.441.647 0 1.186.147 1.617.441.434.29.773.697 1.016 1.221h.102c.252-.507.629-.91 1.132-1.208.503-.303 1.106-.454 1.809-.454.878 0 1.596.275 2.154.825.558.545.837 1.395.837 2.55V259h-1.508v-6.571c0-.724-.199-1.242-.595-1.553a2.2 2.2 0 0 0-1.4-.467c-.69 0-1.225.209-1.604.627-.379.413-.569.937-.569 1.572V259h-1.534v-6.724c0-.559-.181-1.008-.543-1.349-.363-.345-.829-.518-1.4-.518-.392 0-.759.104-1.1.313a2.373 2.373 0 0 0-.818.87c-.204.366-.307.79-.307 1.272V259h-1.508Zm19.761.205c-.946 0-1.762-.209-2.448-.627a4.207 4.207 0 0 1-1.579-1.764c-.367-.759-.55-1.641-.55-2.646 0-1.006.183-1.892.55-2.659.371-.772.886-1.373 1.547-1.803.664-.435 1.44-.652 2.326-.652.512 0 1.017.085 1.515.256.499.17.953.447 1.362.831.409.379.735.882.978 1.508.243.627.364 1.398.364 2.314v.639h-7.568v-1.304h6.034c0-.554-.111-1.048-.332-1.483a2.517 2.517 0 0 0-.934-1.029c-.4-.251-.873-.377-1.419-.377-.6 0-1.12.149-1.559.448a2.945 2.945 0 0 0-1.004 1.15c-.234.473-.351.98-.351 1.521v.87c0 .741.127 1.37.383 1.885.26.512.62.902 1.08 1.17.461.264.995.396 1.605.396.396 0 .754-.055 1.074-.166a2.29 2.29 0 0 0 .837-.511 2.33 2.33 0 0 0 .543-.857l1.458.409a3.226 3.226 0 0 1-.774 1.304 3.764 3.764 0 0 1-1.342.87c-.533.204-1.131.307-1.796.307Zm8.584-.205-2.991-9.818h1.585l2.122 7.517h.102l2.097-7.517h1.611l2.071 7.491h.102l2.122-7.491h1.586L261.97 259h-1.483l-2.148-7.543h-.153L256.038 259h-1.483Zm16.056.205c-.887 0-1.665-.211-2.334-.633-.664-.422-1.184-1.012-1.559-1.771-.371-.758-.556-1.645-.556-2.659 0-1.023.185-1.915.556-2.678.375-.763.895-1.355 1.559-1.777.669-.422 1.447-.633 2.334-.633.886 0 1.661.211 2.326.633.669.422 1.189 1.014 1.56 1.777.375.763.562 1.655.562 2.678 0 1.014-.187 1.901-.562 2.659-.371.759-.891 1.349-1.56 1.771-.665.422-1.44.633-2.326.633Zm0-1.356c.673 0 1.227-.172 1.661-.517a3.05 3.05 0 0 0 .966-1.362 5.23 5.23 0 0 0 .313-1.828 5.28 5.28 0 0 0-.313-1.834 3.096 3.096 0 0 0-.966-1.375c-.434-.349-.988-.524-1.661-.524-.674 0-1.228.175-1.662.524-.435.35-.757.808-.966 1.375a5.28 5.28 0 0 0-.313 1.834c0 .656.105 1.266.313 1.828a3.05 3.05 0 0 0 .966 1.362c.434.345.988.517 1.662.517Zm6.751 1.151v-9.818h1.458v1.483h.102c.179-.486.503-.88.971-1.183a2.868 2.868 0 0 1 1.586-.454c.11 0 .249.003.415.007.166.004.292.01.377.019v1.534a4.176 4.176 0 0 0-.351-.057 3.445 3.445 0 0 0-.569-.045c-.478 0-.904.1-1.279.3-.37.196-.664.469-.882.818a2.21 2.21 0 0 0-.319 1.183V259h-1.509Zm8.104-3.58-.026-1.866h.307l4.295-4.372h1.867l-4.577 4.628h-.128l-1.738 1.61Zm-1.407 3.58v-13.091h1.509V259h-1.509Zm6.239 0-3.835-4.858 1.074-1.048 4.679 5.906h-1.918Z" fill="#fff"/><defs><linearGradient id="a" x1="297.804" y1="40.148" x2="297.804" y2="223.961" gradientUnits="userSpaceOnUse"><stop stop-color="#4F46E5"/><stop offset="1" stop-color="#9C96FF"/></linearGradient><linearGradient id="b" x1="192.946" y1="40.148" x2="192.946" y2="223.961" gradientUnits="userSpaceOnUse"><stop stop-color="#4F46E5"/><stop offset="1" stop-color="#9C96FF"/></linearGradient><linearGradient id="c" x1="313.259" y1="45.446" x2="177.698" y2="218.706" gradientUnits="userSpaceOnUse"><stop stop-color="#4F46E5"/><stop offset="1" stop-color="#9C96FF"/></linearGradient><linearGradient id="d" x1="208.302" y1="45.45" x2="72.741" y2="218.71" gradientUnits="userSpaceOnUse"><stop stop-color="#4F46E5"/><stop offset="1" stop-color="#9C96FF"/></linearGradient></defs></svg>

package/.github/media/logo-light.svg

@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><path d="M322.869 65.213c0-13.843-11.222-25.065-25.065-25.065-13.844 0-25.066 11.222-25.066 25.065v133.683c0 13.843 11.222 25.065 25.066 25.065 13.843 0 25.065-11.222 25.065-25.065V65.213ZM218.012 65.213c0-13.843-11.222-25.065-25.066-25.065-13.843 0-25.065 11.222-25.065 25.065v133.683c0 13.843 11.222 25.065 25.065 25.065 13.844 0 25.066-11.222 25.066-25.065V65.213Z" stroke="#4F46E5" stroke-width="5" stroke-miterlimit="10"/><path d="M317.555 80.632c8.53-10.903 6.607-26.656-4.296-35.186-10.903-8.53-26.656-6.608-35.187 4.295L173.403 183.519c-8.531 10.903-6.607 26.657 4.295 35.187 10.903 8.53 26.657 6.607 35.187-4.295l104.67-133.779ZM212.597 80.636c8.53-10.902 6.607-26.656-4.295-35.186-10.903-8.53-26.657-6.608-35.187 4.295L68.445 183.523c-8.53 10.903-6.607 26.657 4.296 35.187 10.902 8.53 26.656 6.607 35.186-4.295l104.67-133.779Z" stroke="#4F46E5" stroke-width="5" stroke-miterlimit="10"/><rect x="165" y="234" width="158" height="36" rx="18" fill="#4F46E5"/><path d="M197.116 259v-13.091h7.849v1.406h-6.264v4.424h5.676v1.406h-5.676V259h-1.585Zm10.254 0v-9.818h1.457v1.483h.103c.179-.486.502-.88.971-1.183a2.865 2.865 0 0 1 1.585-.454c.111 0 .25.003.416.007.166.004.292.01.377.019v1.534a4.15 4.15 0 0 0-.352-.057 3.432 3.432 0 0 0-.568-.045c-.478 0-.904.1-1.279.3a2.264 2.264 0 0 0-.882.818 2.21 2.21 0 0 0-.32 1.183V259h-1.508Zm9.586.23a3.991 3.991 0 0 1-1.693-.351 2.909 2.909 0 0 1-1.209-1.03c-.298-.451-.447-.997-.447-1.636 0-.562.111-1.018.332-1.368.222-.354.518-.631.889-.831.371-.2.78-.349 1.227-.447.452-.103.906-.183 1.362-.243.596-.077 1.08-.134 1.451-.173.375-.042.647-.113.818-.211.175-.098.262-.268.262-.511v-.051c0-.631-.173-1.121-.518-1.47-.341-.35-.859-.524-1.553-.524-.72 0-1.285.157-1.694.473-.409.315-.697.652-.863 1.009l-1.432-.511c.256-.596.597-1.061 1.023-1.393.43-.337.899-.571 1.406-.703a5.815 5.815 0 0 1 1.509-.205c.315 0 .677.038 1.086.115.414.072.812.224 1.196.454.387.23.709.577.965 1.042.256.464.383 1.086.383 1.866V259h-1.508v-1.33h-.077c-.102.214-.273.442-.511.684-.239.243-.556.45-.953.62-.396.171-.88.256-1.451.256Zm.231-1.355c.596 0 1.099-.117 1.508-.352a2.39 2.39 0 0 0 1.253-2.077v-1.381c-.064.077-.205.147-.422.211-.213.06-.46.113-.741.16a31.625 31.625 0 0 1-1.445.192 5.737 5.737 0 0 0-1.099.249c-.337.111-.61.279-.819.505-.204.222-.306.524-.306.908 0 .524.193.92.581 1.189.392.264.889.396 1.49.396ZM224.21 259v-9.818h1.457v1.534h.128c.205-.524.535-.931.991-1.221.456-.294 1.003-.441 1.643-.441.647 0 1.186.147 1.617.441.434.29.773.697 1.016 1.221h.102c.252-.507.629-.91 1.132-1.208.503-.303 1.106-.454 1.809-.454.878 0 1.596.275 2.154.825.558.545.837 1.395.837 2.55V259h-1.508v-6.571c0-.724-.199-1.242-.595-1.553a2.2 2.2 0 0 0-1.4-.467c-.69 0-1.225.209-1.604.627-.379.413-.569.937-.569 1.572V259h-1.534v-6.724c0-.559-.181-1.008-.543-1.349-.363-.345-.829-.518-1.4-.518-.392 0-.759.104-1.1.313a2.373 2.373 0 0 0-.818.87c-.204.366-.307.79-.307 1.272V259h-1.508Zm19.761.205c-.946 0-1.762-.209-2.448-.627a4.207 4.207 0 0 1-1.579-1.764c-.367-.759-.55-1.641-.55-2.646 0-1.006.183-1.892.55-2.659.371-.772.886-1.373 1.547-1.803.664-.435 1.44-.652 2.326-.652.512 0 1.017.085 1.515.256.499.17.953.447 1.362.831.409.379.735.882.978 1.508.243.627.364 1.398.364 2.314v.639h-7.568v-1.304h6.034c0-.554-.111-1.048-.332-1.483a2.517 2.517 0 0 0-.934-1.029c-.4-.251-.873-.377-1.419-.377-.6 0-1.12.149-1.559.448a2.945 2.945 0 0 0-1.004 1.15c-.234.473-.351.98-.351 1.521v.87c0 .741.127 1.37.383 1.885.26.512.62.902 1.08 1.17.461.264.995.396 1.605.396.396 0 .754-.055 1.074-.166a2.29 2.29 0 0 0 .837-.511 2.33 2.33 0 0 0 .543-.857l1.458.409a3.226 3.226 0 0 1-.774 1.304 3.764 3.764 0 0 1-1.342.87c-.533.204-1.131.307-1.796.307Zm8.584-.205-2.991-9.818h1.585l2.122 7.517h.102l2.097-7.517h1.611l2.071 7.491h.102l2.122-7.491h1.586L259.97 259h-1.483l-2.148-7.543h-.153L254.038 259h-1.483Zm16.056.205c-.887 0-1.665-.211-2.334-.633-.664-.422-1.184-1.012-1.559-1.771-.371-.758-.556-1.645-.556-2.659 0-1.023.185-1.915.556-2.678.375-.763.895-1.355 1.559-1.777.669-.422 1.447-.633 2.334-.633.886 0 1.661.211 2.326.633.669.422 1.189 1.014 1.56 1.777.375.763.562 1.655.562 2.678 0 1.014-.187 1.901-.562 2.659-.371.759-.891 1.349-1.56 1.771-.665.422-1.44.633-2.326.633Zm0-1.356c.673 0 1.227-.172 1.661-.517a3.05 3.05 0 0 0 .966-1.362 5.23 5.23 0 0 0 .313-1.828 5.28 5.28 0 0 0-.313-1.834 3.096 3.096 0 0 0-.966-1.375c-.434-.349-.988-.524-1.661-.524-.674 0-1.228.175-1.662.524-.435.35-.757.808-.966 1.375a5.28 5.28 0 0 0-.313 1.834c0 .656.105 1.266.313 1.828a3.05 3.05 0 0 0 .966 1.362c.434.345.988.517 1.662.517Zm6.751 1.151v-9.818h1.458v1.483h.102c.179-.486.503-.88.971-1.183a2.868 2.868 0 0 1 1.586-.454c.11 0 .249.003.415.007.166.004.292.01.377.019v1.534a4.176 4.176 0 0 0-.351-.057 3.445 3.445 0 0 0-.569-.045c-.478 0-.904.1-1.279.3-.37.196-.664.469-.882.818a2.21 2.21 0 0 0-.319 1.183V259h-1.509Zm8.104-3.58-.026-1.866h.307l4.295-4.372h1.867l-4.577 4.628h-.128l-1.738 1.61Zm-1.407 3.58v-13.091h1.509V259h-1.509Zm6.239 0-3.835-4.858 1.074-1.048 4.679 5.906h-1.918Z" fill="#fff"/></svg>

package/.github/workflows/nodejs.yml

@@ -1,28 +0,0 @@
-# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
-# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-
-name: Node.js CI
-
-on:
-  push:
-    branches: [master]
-  pull_request:
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [14, 16, 18]
-
-    steps:
-      - uses: actions/checkout@v2
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v1
-        with:
-          node-version: ${{ matrix.node-version }}
-      - run: npm install
-      - run: npm test
-        env:
-          CI: true

package/test/expected/posthtml/component.html

@@ -1,13 +0,0 @@
-Variable from attribute: Example
-
-Variable from locals attribute: bar
-
-
-Variable from page: maizzle-ci
-
-  Variable from attribute: Nested component
-
-Variable from locals attribute: bar (nested)
-
-
-Variable from page (nested): maizzle-ci

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

@@ -1,99 +0,0 @@
-<html>
-  <head>
-    <style>.test {
-        background-image: url('https://example.com/image.jpg');
-        background: url('https://example.com/image.jpg');
-        background-image: url('https://preserve.me/image.jpg');
-        background: url('https://preserve.me/image.jpg');
-      }
-
-      .test-2 {
-        background-image: url("https://example.com/image.jpg");
-        background: url("https://example.com/image.jpg");
-        background-image: url("https://preserve.me/image.jpg");
-        background: url("https://preserve.me/image.jpg");
-      }
-
-      .test-3 {
-        background-image: url(https://example.com/image.jpg);
-        background: url(https://example.com/image.jpg);
-        background-image: url(https://preserve.me/image.jpg);
-        background: url(https://preserve.me/image.jpg);
-      }</style>
-  </head>
-
-  <body>
-    <img src="https://example.com/test.jpg">
-    <img src="https://example.com/test.jpg">
-
-    <img src="https://example.com/image1.jpg" srcset="https://example.com/image1-HD.jpg 2x, https://example.com/image1-phone.jpg 100w">
-
-    <img src="https://example.com/image2.jpg" srcset="https://example.com/image2-HD.jpg 2x, https://example.com/image2-phone.jpg 100w">
-
-    <picture>
-      <source media="(max-width: 799px)" srcset="https://example.com/elva-480w-close-portrait.jpg">
-      <source media="(min-width: 800px)" srcset="https://example.com/elva-800w.jpg">
-      <img src="https://example.com/elva-800w.jpg" alt="...">
-    </picture>
-
-    <video width="250" poster="https://example.com/flower.jpg">
-      <source src="https://example.com/media/flower.webm" type="video/webm">
-      <source src="https://example.tv/media/flower.mp4" type="video/mp4">
-      <track default kind="captions" srclang="en" src="https://example.com/media/tracks/friday.vtt">
-    </video>
-
-    <audio src="https://example.com/media/sample.mp3">
-      Fallback content
-    </audio>
-
-    <embed type="video/webm" src="https://example.com/media/flower.mp4" width="250" height="200">
-
-    <iframe width="300" height="200" src="https://example.com/embed.html"></iframe>
-
-    <input type="image" src="https://example.com/image.jpg" alt="">
-
-    <script src="https://example.com/javascript.js"></script>
-
-    <div>
-      <!--[if mso]>
-      <v:image xmlns:v="urn:schemas-microsoft-com:vml" src="https://example.com/image.jpg" style="width:600px;height:400px;" />
-      <v:rect fill="false" stroke="false" style="position:absolute;width:600px;height:400px;">
-      <v:textbox inset="0,0,0,0"><div><![endif]-->
-        <div>test</div>
-      <!--[if mso]></div></v:textbox></v:rect><![endif]-->
-    </div>
-
-    <!--[if mso]>
-      <v:image src="https://example.com/image-2.jpg" xmlns:v="urn:schemas-microsoft-com:vml" style="width:600px;height:400px;" />
-    <![endif]-->
-
-    <!--[if mso]>
-      <v:image xmlns:v="urn:schemas-microsoft-com:vml" src="https://example.com/image-3.jpg" style="width:600px;height:400px;" />
-    <![endif]-->
-
-    <table>
-      <tr>
-        <td background="https://example.com/image.png" bgcolor="#7bceeb" width="120" height="92" valign="top">
-          <!--[if gte mso 9]>
-          <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:120px;height:92px;">
-            <v:fill type="tile" src="https://example.com/image.png" color="#7bceeb" />
-            <v:textbox inset="0,0,0,0">
-          <![endif]-->
-          <div>test</div>
-          <!--[if gte mso 9]>
-            </v:textbox>
-          </v:rect>
-          <![endif]-->
-        </td>
-      </tr>
-    </table>
-
-    <!--[if mso]>
-      <v:fill type="tile" src="https://example.com/image.png" color="#7bceeb" />
-    <![endif]-->
-
-    <!--[if mso]>
-      <v:fill type="tile" src="https://example.com/image.png" color="#7bceeb" />
-    <![endif]-->
-  </body>
-</html>

package/test/expected/transformers/filters.html

@@ -1,81 +0,0 @@
-<!-- Append -->
-<div>testing append</div>
-<!-- Prepend -->
-<div>testing prepend</div>
-
-<!-- Uppercase -->
-<div>TEST</div>
-<!-- Lowercase -->
-<div>test</div>
-<!-- Capitalize -->
-<div>Test</div>
-
-<!-- Ceil -->
-<div>2</div>
-<!-- Floor -->
-<div>1</div>
-<!-- Round -->
-<div>1235</div>
-
-<!-- Escape -->
-<div>&#34;&amp;&#39;&lt;&gt;</div>
-<!-- Escape Once -->
-<div>1 &lt; 2 &amp; 3</div>
-
-<!-- lstrip -->
-<div>test   </div>
-<!-- rstrip -->
-<div>   test</div>
-<!-- trim -->
-<div>test</div>
-
-<!-- Minus -->
-<div>1.02</div>
-<!-- Plus -->
-<div>5.02</div>
-<!-- Times -->
-<div>12.08</div>
-<!-- Divide -->
-<div>6.04</div>
-<!-- Modulo -->
-<div>1</div>
-
-<!-- Newline to br -->
-<div><br>  test<br>  test<br></div>
-<!-- Strip newlines -->
-<div>  test  test</div>
-
-<!-- Remove -->
-<div>I sted to see the t through the </div>
-<!-- Remove First -->
-<div>I sted to see the train through the rain</div>
-
-<!-- Replace -->
-<div>testestest</div>
-<!-- Replace First -->
-<div>testest</div>
-
-<!-- Size -->
-<div>33</div>
-
-<!-- Slice -->
-<div>est</div>
-<!-- Slice with endIndex -->
-<div>tes</div>
-
-<!-- Truncate -->
-<div>Ground control to...</div>
-<!-- Truncate (do nothing) -->
-<div>Ground control to</div>
-<!-- Truncate with custom ellipsis -->
-<div>Ground control to no one</div>
-
-<!-- Truncate words -->
-<div>Ground control...</div>
-<!-- Truncate words with custom ellipsis -->
-<div>Ground control over and out</div>
-
-<!-- URL decode -->
-<div>'Stop!' said Fred</div>
-<!-- URL encode -->
-<div>user%40example.com</div>

package/test/fixtures/basic.html

@@ -1,9 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <title>test></title>
-</head>
-<body>
-  <div>test</div>
-</body>
-</html>

package/test/fixtures/posthtml/component.html

@@ -1,19 +0,0 @@
-<component
-  src="test/stubs/components/component.html"
-  text="Example"
-  locals='{
-    "foo": "bar"
-  }'
->
-<p>Variable from page: [[ page.env ]]</p>
-
-  <component
-    src="test/stubs/components/component.html"
-    text="Nested component"
-    locals='{
-      "foo": "bar (nested)"
-    }'
-  >
-<p>Variable from page (nested): [[ page.env ]]</p>
-  </component>
-</component>

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

@@ -1,101 +0,0 @@
-<html>
-  <head>
-    <style>
-      .test {
-        background-image: url('image.jpg');
-        background: url('image.jpg');
-        background-image: url('https://preserve.me/image.jpg');
-        background: url('https://preserve.me/image.jpg');
-      }
-
-      .test-2 {
-        background-image: url("image.jpg");
-        background: url("image.jpg");
-        background-image: url("https://preserve.me/image.jpg");
-        background: url("https://preserve.me/image.jpg");
-      }
-
-      .test-3 {
-        background-image: url(image.jpg);
-        background: url(image.jpg);
-        background-image: url(https://preserve.me/image.jpg);
-        background: url(https://preserve.me/image.jpg);
-      }
-    </style>
-  </head>
-
-  <body>
-    <img src="test.jpg">
-    <img src="https://example.com/test.jpg">
-
-    <img src="image1.jpg" srcset="image1-HD.jpg 2x,image1-phone.jpg 100w">
-
-    <img src="https://example.com/image2.jpg" srcset="https://example.com/image2-HD.jpg 2x, https://example.com/image2-phone.jpg 100w">
-
-    <picture>
-      <source media="(max-width: 799px)" srcset="elva-480w-close-portrait.jpg">
-      <source media="(min-width: 800px)" srcset="elva-800w.jpg">
-      <img src="elva-800w.jpg" alt="...">
-    </picture>
-
-    <video width="250" poster="flower.jpg">
-      <source src="media/flower.webm" type="video/webm">
-      <source src="https://example.tv/media/flower.mp4" type="video/mp4">
-      <track default kind="captions" srclang="en" src="media/tracks/friday.vtt">
-    </video>
-
-    <audio src="media/sample.mp3">
-      Fallback content
-    </audio>
-
-    <embed type="video/webm" src="media/flower.mp4" width="250" height="200">
-
-    <iframe width="300" height="200" src="embed.html"></iframe>
-
-    <input type="image" src="image.jpg" alt="">
-
-    <script src="javascript.js"></script>
-
-    <div>
-      <!--[if mso]>
-      <v:image xmlns:v="urn:schemas-microsoft-com:vml" src="image.jpg" style="width:600px;height:400px;" />
-      <v:rect fill="false" stroke="false" style="position:absolute;width:600px;height:400px;">
-      <v:textbox inset="0,0,0,0"><div><![endif]-->
-        <div>test</div>
-      <!--[if mso]></div></v:textbox></v:rect><![endif]-->
-    </div>
-
-    <!--[if mso]>
-      <v:image src="image-2.jpg" xmlns:v="urn:schemas-microsoft-com:vml" style="width:600px;height:400px;" />
-    <![endif]-->
-
-    <!--[if mso]>
-      <v:image xmlns:v="urn:schemas-microsoft-com:vml" src="https://example.com/image-3.jpg" style="width:600px;height:400px;" />
-    <![endif]-->
-
-    <table>
-      <tr>
-        <td background="image.png" bgcolor="#7bceeb" width="120" height="92" valign="top">
-          <!--[if gte mso 9]>
-          <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:120px;height:92px;">
-            <v:fill type="tile" src="image.png" color="#7bceeb" />
-            <v:textbox inset="0,0,0,0">
-          <![endif]-->
-          <div>test</div>
-          <!--[if gte mso 9]>
-            </v:textbox>
-          </v:rect>
-          <![endif]-->
-        </td>
-      </tr>
-    </table>
-
-    <!--[if mso]>
-      <v:fill type="tile" src="image.png" color="#7bceeb" />
-    <![endif]-->
-
-    <!--[if mso]>
-      <v:fill type="tile" src="https://example.com/image.png" color="#7bceeb" />
-    <![endif]-->
-  </body>
-</html>