New features

Merge media queries

A new css.media config option was added, which can be used to control merging and sorting of media queries (using postcss-sort-media-queries):

export default {
  css: {
    media: {
      merge: true, // same as `media: true`
	  sort: 'mobile-first' // default
    },
  }
}

By default, media queries of the same type are not merged. See #1677 for the rationale behind this.

Updated

The components.plugins option has been updated to support running PostHTML plugins either before or after expressions are parsed when components are processed:

// As array, plugins run after expressions
const options = { 
  plugins: [/* ... */]
};

// As object with `before` and `after`
const options = { 
  plugins: {
    before: [/* ... */],
    after: [/* ... */],
  } 
};

• build(deps): bump posthtml-component from 2.2.2 to 2.3.0 07a7d8c
• feat: sort media queries option ce254c7

v5.4.1...v5.5.0

Fixed

This release fixes an issue with <style data-embed> tags being incorrectly processed and removed by the CSS inliner.

• build(deps): bump juice from 11.1.0 to 11.1.1 2405487
• build(deps): bump lodash-es from 4.17.22 to 4.17.23 d608878
• build(deps): bump morphdom from 2.7.7 to 2.7.8 b30358f
• build(deps): bump ws from 8.18.3 to 8.19.0 d29d8a8
• build(deps-dev): bump supertest from 7.1.4 to 7.2.2 a9b63e2

v5.4.0...v5.4.1

• Merge pull request #1656 from achuanya/pr efe3067
• build(deps): bump qs and express 21b60a3
• build(deps): bump glob from 10.4.5 to 10.5.0 975b92a
• build(deps): bump js-yaml from 3.14.1 to 3.14.2 d58f2cc
• build(deps): bump lodash-es from 4.17.21 to 4.17.22 9fb251f
• build(deps): bump posthtml-component from 2.2.1 to 2.2.2 250a187
• Merge pull request #1623 from maizzle/juice-next a647653
• Fix: Windows CRLF line ending compatibility for filters 63545a9

v5.4.0-0...v5.4.0

This pre-release updates Juice, the CSS inlining library that we use, to the latest version, enabling new features such as:

• inlining duplicate properties (for progressive enhancement)
• ignoring CSS through comments

This also improves removing of inlined CSS selectors, as that is now built into Juice itself and we no longer need to use our implementation that used PostHTML and could not handle complex selectors.

To use this pre-release, install from next:

npm i @maizzle/framework@next

• refactor: css inlining e70cd7f

v5.3.1...v5.4.0-0

• feat: add not-env tag b07b9ea
• build(deps): bump posthtml-postcss from 1.0.4 to 1.0.5 d2e891b
• build(deps): bump tailwindcss from 3.4.17 to 3.4.18 f2dd3e0
• build(deps): bump posthtml-url-parameters from 3.1.3 to 3.1.4 67f1a20

v5.2.7...v5.3.0

This release temporarily pins Juice to v10.0.1 until entities is updated in web-resource-inliner (was causing CI to fail, see #1577).

• revert to 5.2.5 50eb801

v5.2.6...v5.2.7

• fix: linting warnings 9dc9f11
• build(deps): pin cheerio to 1.0.0 c964a6d
• build(deps): bump juice from 10.0.1 to 11.0.3 adc6764
• build(deps): bump posthtml-postcss from 1.0.4 to 1.0.5 9b6f4b5
• build(deps): bump posthtml-url-parameters from 3.1.3 to 3.1.4 e621314

v5.2.5...v5.2.6

This fixes an issue with slots not being filled in when used in a nested component.

• build(deps): bump posthtml-component from 2.2.0 to 2.2.1 edc12d2

v5.2.4...v5.2.5

Pinned Juice to v10.x so that we avoid Cheerio pulling in Undici v7.x, which isn't compatible with Node 18.

We'll upgrade Juice to v11 or whatever it will be by then in Maizzle 6, where we'll drop Node 18 support.

v5.2.3...v5.2.4