free-style

Improved

• ES2015 set/map usage, removes a few bytes 3fe91cc

https://github.com/blakeembrey/free-style/compare/v5.0.0...v5.0.1

Changed

• This package is now ESM only! Do not upgrade if you aren't using ESM or a compatible bundler.
• Style properties are no longer sorted (fixes https://github.com/blakeembrey/free-style/issues/105).

Improvements

• Shrunk the package 0.1kb (7% smaller).
• Performance improved in large style benchmarks by ~5%.

Added

• Added a compile API for pre-compiling styles to add to multiple sheets.
• Added support for a custom prefix to create() so all styles can be namespaced in a single sheet.

https://github.com/blakeembrey/free-style/compare/v4.1.0...v5.0.0

Changed

• Allow null and undefined in PropertyValue f6b33f9
  • Primarily means that an array of values can now contain null and undefined and they will be filtered out as if they weren't set

Changed

• Remove old register* methods b506c8b
  • Everything can be done using a singular registerStyle going forward, simplifies the API interface and removes even more bytes in production!
  • If you need to provide backward-compatible interfaces (e.g. you're a library wrapping free-style), the commit above shows how it backward compatibility was maintained in 3.x - you'll just need to implement it yourself now
  • The entire bundle of free-style is down to 1.7kB https://bundlephobia.com/[email protected]

Fixed

• Fix nested selectors returning the same hash when no other styles are present
  • E.g. { color: 'red' } and { '&:first-child': { color: 'red' } } should return different hashes, otherwise it'll create some nasty edge cases for the class name getting set to { color: 'red' } unexpectedly

Fixed

• Remove \0 from internal hash strings
• Use the internally generated hash for shorter IDs for conflict resolution

Fixed

• Add new dist.es5 directory to NPM files, left out of the previous release 😅

Added

• Create an ES5 distribution available at free-style/dist.es5

Added

• Allow registerStyle to handle every previous method in one function (e.g. registerHashRule, registerRule and registerCss)
  • This works by interpolating rules with & (e.g. @keyframes &), and adding a new flag $global: true

Changed

• Move to ES2015 (saves 0.3kb)
• Cosmetic code changes to shave a few extra bytes

A bunch of small changes to reduce overall bundle size, which ultimately impacted backward compatibility.

Changed

• Remove IS_UNIQUE and DISPLAY_NAME exports in favor of $unique and $displayName keys
• Remove debug support in favor of process.env.NODE_ENV
  • This enables code stripping in production for Webpack and other bundlers and resulted in a 0.6kB bundle size reduction
• Remove hash function customization
  • As far as I know no one has used it in production and it increases scope of the package (let me know if you are!)

Added

• Support DISPLAY_NAME on style objects
• Ignore any keys starting with an _

Changed

• Reduce one object creation per nested level of styles during stylization to internal object representation

Added

• Keep styles that are registered at the same time together instead of de-duping
  • This should result in a more consistent cache order (based on first insertion instead of last), no re-ordering and no de-duping of partially registered styles

Added

• Expose a function to get the list of values in the current cache ordered as it would be in the sheet output

Added

• Add more CSS numeric properties to whitelist

Fixed

• When a property has > 10 overloads, Chrome has an undefined sorting order for matching elements (good breakdown in https://github.com/blakeembrey/free-style/pull/66)

Changed

• Escape the display name in output CSS for special character support in class names

Improved

• Custom string concatenation is faster than Array#join for the perf tests
• Update hyphenate regexp matching to do less work

Improved

• Internally manage styles via an array of strings instead of computing getStyles() on demand
• Switch to Object.create(null) for cache maps