github maizzle/framework v6.0.0-rc.13

pre-release13 hours ago

New features

Checks

We've unified and improved the Compatibility and Linter tabs and have reorganized the errors/warnings to improve signal-to-noise ratio. These are now actually useful.

You can now also define which email clients we check against, in your maizzle.config.ts:

import { defineConfig } from '@maizzle/framework'

export default defineConfig({
  // ...
  server: {
    checks: {
      clients: ['outlook', 'gmail']
    },
  }
})

Or completely disable checks:

import { defineConfig } from '@maizzle/framework'

export default defineConfig({
  // ...
  server: {
    checks: false,
  }
})

Jump-to-editor 🔥

Click to open the component or template the error/warning originated from in your default code editor, with cursor at the exact line.

raw attribute

By default, we take all <style> tags we find through the Tailwind compilation pipeline. Use the raw attribute if you want a specific style tag to not go through that:

<style raw>
  /* CSS here willl not be compiled with Tailwind CSS or lowered with Lightning CSS */
</style>

embed attribute

By the way, you can use embed on a <style> tag to have the inliner skip it:

<style embed>
  /* CSS here willl not be inlined */
</style>

Removed

  • screenshot feature - was getting out of hand for little to no real benefits, just use your OS' screenshotting features

Full commits list:

  • refactor: replace picomatch with node built-in 225b026
  • feat: customize checks 51d6cad
  • feat: raw attribute to skip tailwind compilation fb805b3
  • feat: support embed attribute on style blocks 0394b8f
  • feat: link media query warnings to first offending line found 034c9c4
  • refactor: merge compatibility and linter into checks 4031c0f
  • feat: support disabling auto-added attributes with boolean 17893e6
  • fix: compatibility check for style in body bd13d61
  • refactor: compatibility checker 0ee7454
  • fix: touch drag for bottom panel resizing 0f4b538
  • refactor: mobile menu dev ui 045376d
  • revert: screenshot feature 5c4fee7
  • refactor: linter and its visuals f2390be
  • refactor: linter 3f25a3a
  • feat: use mouse in command dialog f9242c5
  • chore: update tabs dark mode styles aa15ae4
  • refactor: jump to editor for template errors too 729a6b1
  • refactor: compatibility checks tab 2853f4c
  • refactor: use circleHalves spinner for build 2f9d304

v6.0.0-rc.12...v6.0.0-rc.13

Don't miss a new framework release

NewReleases is sending notifications on new releases.