css

Bug Fixes

• Vite - HMR isn't triggered when modifying configuration d29f38a

Additions

• Compiler - options.sources for specific sources, not excluded by options.exclude 5743de5

  Take vite.config.ts as an example:

  import { MasterCSSVitePlugin } from '@master/css.vite'
  
  /** @type {import('vite').UserConfig} */
  const config = {
      plugins: [
          MasterCSSVitePlugin({
              sources: ['node_modules/@master/ui/index.mjs']
          })
      ]
  }
  
  export default config
  

  Check out the full options

Bug Fixes

• Vite - Compiler sources error 100cb83

Bug Fixes

• CSS - Type error 158a195
• Language Service - Missed the @master/css.compiler dependency 8407c22

Bug Fixes

• CSS - Buffer is not defined in non-Node environment bdccebe

Examples

• Vue - Add the Vue example for AOT and JIT 9338cd3

Bug Fixes

• Compiler - Illegal configuration file path used in windows b1ebd54

Improvements

• Compiler - Initialize the compiler synchronously 626615d
• Compiler - Support master.css.{ts,js,mjs,cjs} configuration 1b5b0b7

Bug Fixes

• Compiler - Accidentally extracted to paths/URLs ca5406f

Upgrades

• Compiler - cross-import 4fa4893

Bug Fixes

• Vite - Move vite from deps to peerDeps fa76e7e

Examples

• Nuxt - Add the Nuxt 3 example 7e56075

Additions

• Compiler - ignoredClasses fixedClasses ad6d076
• Compiler - Support master.css.{js,mjs,cjs} config d1beffe

Updates

• Compiler - Remove console log 754c875
• CSS - render renderFromHTML renderIntoHTML arg c7a29d5
• Don't output plugin as default 57cdf8d
• Vite - Scan sources and inject with virtual:master.css 1d87a67
• Webpack - Scan sources and inject with master.css e6a8cc9

Improvements

• Compiler - Log outputs 8be8fef

Bug Fixes

• Compiler - require error in ES module 698278c
• Compiler - Cannot find module require c8e1cd4
• Compiler - Cannot find module for config b5c7ad1
• Compiler - Cannot read config causing hang 204f23c
• Compiler - Causes hang when extracting class names 909f678
• Compiler - Causes infinite loop when extracting class names cc42cee
• Compiler - Exclude import strings when extracting class names 46117b3
• Compiler - Exclude names such as @ts- when extracting classname 926913f
• Compiler - Extract group classes 602e9e9
• Compiler - Find complete string when extracting class names bb799e3
• Compiler - Missing specific format when extracting class names 17c2a92
• Compiler - Missing string block e394eb8
• Compiler - Missing translate() when extracting classname 1c6dfa9
• Compiler - Missing wxh classnames b63c75b
• Compiler - Read the new configuration instead of from the cache 9d7b031
• Compiler - String extraction error when extracting classname a4186ca
• Compiler - WxH class extraction error when extracting classname be65df5
• Vite - /master.css publicURL 3d2df78
• Vite - Modify the configuration with HMR c1787c3
• Webpack - Compile source code instead of generated code 0eba434
• Webpack - No results reloaded on HMR 418acd5

Examples

• Next.js - Scan sources and inject with master.css 9ea6861
• Next.js - Update to Next.js 13 123e92d
• Svelte - Update to stable MasterCSSVitePlugin b8302a2
• Svelte - Update to Svelte Kit v1 c9d9b80
• Svelte - Use group feature {'{fg:red}>li:first'} 5b11ad8
• Vite - Update to Vite v4 60dae0b

Bug Fixes

• Compiler - Incorrectly extract class names 64e775a

New Features

• Syntax - A new shorthand WxH for width and height 1bb9e90

  - <div class="width:48 height:96">
  + <div class="48x96"> ↓72%
  

• Syntax - A new shorthand max:WxH for max-width and max-height a2396d0

  - <div class="max-width:48 max-height:96">
  + <div class="max:48x96"> ↓65%
  

• Syntax - A new shorthand min:WxH for min-width and min-height 25c2398

  - <div class="min-width:48 min-height:96">
  + <div class="min:48x96"> ↓65%
  

Bug Fixes

• Vite - Cannot find file master.css on build start d6fddb25
• Vite - Dev server's index.html isn't scanned on startup 1a7ffd8a

Examples

• Svelte Kit - Renew project 0c49boeb

  There are currently known issues https://github.com/sveltejs/kit/issues/7942 with Svelte Kit in development mode to be fixed by the Svelte Team.

Additions

• CSS - rule.text for getting native CSS text 4ccf9c5

Improvements

• Compiler - Beautify console formats 3922855
• CSS - Methods of MasterCSS and Rule f72fcd2

Bug Fixes

• CSS - Invalid rules are not excluded e6df763
• Svelte - CSS HMR has no effect fd2eda6

Examples

• Svelte Kit - Fix Cannot find module 'sorcery' 9b699ee

Tests

• CSS - Exclude invalid class names 4c19934

Bug Fixes

• Compiler - Extract class names by cached .classes a3daebf

Upgrades

• Compiler - aronlog febe3ca

Examples

• Next.js - With master.css.js configuration 8af0eb4

Bug Fixes

• Compiler - Extract class names by config.classes d1596fc
• Compiler - Cannot read file master.css.js d1596fc

Improvements

• Compiler - Directory for normalizing CSS file output d1596fc

Examples

• Svelte - With master.css.js configuration d1596fc

Updates

• Migrate Master CSS Language Service in e077f22

Bug Fixes

• React - Incorrect packing e69bf15

Bug Fixes

• Compiler - Incorrectly exclude group syntax 1a91797

Bug Fixes

• Compiler - Group rule are not outputed #88 691c9c7

Bug Fixes

• CSS - Invalid unit value in shorthand e1e62bb

Bug Fixes

• CSS - colorStarts mismatch bec7cb4