Skip to content

Releases: stylify/packages

v0.5.7

11 Dec 14:06
Compare
Choose a tag to compare

What's Changed

  • Bundler can now watch newly added files, no restart is required
  • Bundler can export CSS into CSS layers
  • Fixed bug: Astro supports multiple files
  • Unplugin can now be initialized without config or empty brackets
  • Astro now doesn't mangle selectors in source files but in generated js
  • Tunning9 by @Machy8 in #156

Full Changelog: v0.5.6...v0.5.7

v0.5.6

01 Dec 13:12
Compare
Choose a tag to compare

What's Changed

  • Unplugin (any type) can now load config without empty configuration object: stylifyVite({}) => stylifyVite()

Full Changelog: v0.5.5...v0.5.6

v0.5.5

19 Nov 11:56
Compare
Choose a tag to compare

What's Changed

  • Added how to contribute nodes by @Machy8 in #149
  • Replace multiple variables in one selector by @Machy8 in #153

Full Changelog: v0.5.4...v0.5.5

v0.5.4

14 Nov 13:34
Compare
Choose a tag to compare
  • Bug fixes
  • Unplugin now have a shared bundler called default
  • Each plugin can then have an id. This will create it's own bundler and compiler for rewritting selectors.

What's Changed

v0.5.3

05 Nov 19:02
Compare
Choose a tag to compare
  • Bugfixes
  • Lerna publish remains for publishing. Yarn workspaces work somehow weirdly when publishing packages.

What's Changed

  • Switch to yarn workspaces from lerna by @Machy8 in #141
  • Fix bug when incorrectly replaced white characters by a space by @Machy8 in #142

Full Changelog: v0.5.2...v0.5.3

v0.5.2

31 Oct 18:19
Compare
Choose a tag to compare

Bug fixes

Full Changelog: v0.5.1...v0.5.2

v0.5.1

17 Oct 15:23
Compare
Choose a tag to compare
  • Unplugin configuration can be overriden

Full Changelog: v0.5.0...v0.5.1

v0.5.0

17 Oct 12:44
Compare
Choose a tag to compare

@stylify/stylify

  • Plain Selectors renamed to Custom selectors
  • Components and custom selectors now accepts only string instead of an array of strings and etc.
  • Components and custom selectors can have nested selectors
const components = {
   'button': `
      cursor:pointer
      .icon { color:yellow }
      > {
      .icon, span { vertical-align:middle }
      }
  `
}
  • Custom selectors can be generated directly from selector within the markup
  • Stylify packages now use hookable system instead of properties and configurations
  • Runtime now uses Hookable system, instead of dom custom event
  • Rewrite selectors method now doesn't need compilation result because it uses the MinifiedSelectorsGenerator register.
  • Macro functions now receive one object without changing this object:
'macro': ({ macroMatch, selectorProperties, helpers, variables, dev }) => {
  // ...
}
  • The Rewrite Selectors method now accepts an object instead of two arguments or a string.
.rewriteSelectors({ content, rewriteOnlyInSelectorsAreas, matchSelectorsWithPrefix })
  • The Rewrite Selectors method now accepts a new argument: matchSelectorsWithPrefix that causes to match element according to the given prefix during compilation => If matched selector had to be class, the prefix is . and is rewritten as .selector instead of selector.
  • The Minified Selectors Generator now returns a character with prefix if defined.

@stylify/bundler

  • When waiting on the Bundler to process, the await bundler.waitOnBundlesProcessed() can be called on its own. It now internally waits on the bundle() method to finish. The await bundler.bundle(). Can be removed if is used to wait on the Bundler before another step in the build.
  • When generated or rewritten content is the same as in the file, that file is not overridden. This decreases the amount of "file saved" triggers during development. If the file doesn't exist, it is created.

@stylify/unplugin

  • Transform method is triggered only when selectors are rewritten. Otherwise, it just returns code that was passed as argument
  • When a new config is passed, the getBundler() method now waits on the previous bundler to finish and then creates a new bundler during development

What's Changed

Full Changelog: v0.4.0...v0.5.0

v0.4.0

29 Sep 14:45
Compare
Choose a tag to compare

@stylify/astro

  • stylifyIntegration export renamed to stylify.
  • There is no config nor empty object necessary when initializing the integration
  • Selectors are now matched within class:list.

@stylify/stylify

  • One underscore for a selector instead of two: _ => border:2px_solid_red.
  • Helpers now works even when replaceVariablesByCssVariables is enabled.

What's Changed

Full Changelog: v0.3.0...v0.4.0

v0.3.0

17 Sep 19:03
Compare
Choose a tag to compare

News and features

  • Native preset is now by default in Compiler. No need to load it anymore
  • Variables can be now added under classes
const compilerConfig = {
  variables: {
     '.dark': {
        bg: '#000'
     }
  }
}
  • Helpers like lighten(#000,10) can now be used by default in selectors properties border:2px__solid__lighten(#000,10), color:lighten(#000, 10).
  • Extend keyword removed. The configuration is now merged and not overridden by default.
  • Selector areas for React, Vue, Angular, Nette, Lit and Alpine added directly into the compiler.
  • Unplugin exports fixed
  • Runtime now has only Stylify.configure() without runtime key.
  • A few bugfixes - Runtime, Replacement of $ in ignored area

Packages

  • Added @stylify/astro integration for AstroJS
  • @stylify/autoprefixer discontinued

What's Changed

New Contributors

  • @chz made their first contribution in #129

Full Changelog: v0.2.1...v0.3.0