v4.0.0

Important

The new slide container styles, block container and safe centering, produce breaking changes to existing slide layouts. (#382)

If you are using the built-in theme that contents are vertically centered (or the custom theme that depends on such themes), you can tweak the style in Markdown or the custom theme to get back the previous flex container.

• For default and uncover theme:

  <style>
    section {
      display: flex;
    }
  </style>

• For gaia theme's lead class:

  <style>
    section.lead {
      display: flex;
    }
  </style>

Breaking

• Drop support against end-of-lifed Node.js versions (v16 and earlier), and now v18+ are required (#359)
• The slide container of built-in themes became the block element and adopted safe centering (#372, #382)

Added

• Transform emojis up to Unicode 15.1 into Twemoji images (#380)

Changed

• Upgrade Marpit to v3.1.1 (#378)
  • Bump markdown-it to v14.1.0, and follow the latest spec of CommonMark 0.31.2
  • Support for CSS nesting (cssNesting constructor option)
• Use simpler CSS minification when minifyCSS option is enabled (#381)
• Relax HTML allowlist: Allowed a lot of HTML elements and attributes by default (#301, #383)
• Make the image background transparent in default theme (#196, #371, #386)

• Upgrade development Node.js to v20 LTS (#359)
• Upgrade dependent packages to the latest version (#380)
• Switch package manager from yarn to npm (#379)
• Migrate ESLint config to Flat config (#385)

Fixed

• Suppress uncaught DOMException error while upgrading <marp-pre> Web Component elements in Firefox (#370, #384)