What's Changed

• Remove explicit children: typing in BalancerOwnProps by @anulman in https://github.com/shuding/react-wrap-balancer/pull/83
• Forward ref by @SeokminHong in https://github.com/shuding/react-wrap-balancer/pull/88
• fix: Make sure relayout func handles incorrect input safely by @othree in https://github.com/shuding/react-wrap-balancer/pull/85
• Stop spreading as prop onto root element by @hasparus in https://github.com/shuding/react-wrap-balancer/pull/87
• chore: 🏷️ Export BalancerOwnProps interface by @edwinhern in https://github.com/shuding/react-wrap-balancer/pull/92

New Contributors

• @anulman made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/83
• @SeokminHong made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/88
• @othree made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/85
• @hasparus made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/87
• @edwinhern made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/92

Full Changelog: https://github.com/shuding/react-wrap-balancer/compare/1.1.0...1.1.1

What's Changed

• ♻️ use genId by @ryuji-1to in https://github.com/shuding/react-wrap-balancer/pull/74
• Add preferNative option by @lucasweng in https://github.com/shuding/react-wrap-balancer/pull/77
• Fix: Balancer not correctly setting text-wrap: balance by @lucasweng in https://github.com/shuding/react-wrap-balancer/pull/80

New Contributors

• @ryuji-1to made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/74

Full Changelog: https://github.com/shuding/react-wrap-balancer/compare/1.0.0...1.1.0

V1.0 is here! Major new feature from this release is that <Balancer> will now switch to use the native CSS text-wrap: balance if it's available. This improves the runtime performance quite a lot!

With that, it's even more important to always add a <Provider> to your app as that makes the CSS feature detection logic shared across all <Balancer> components.

Lastly, if the native CSS balance is available, the ratio option will be ignored because that's not part of the text-wrap: balance standard.

What's Changed

• Add repository, homepage and bugs to package.json by @kachkaev in https://github.com/shuding/react-wrap-balancer/pull/70
• Use text-wrap: balance if supported by @shuding in https://github.com/shuding/react-wrap-balancer/pull/72

New Contributors

• @kachkaev made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/70

Full Changelog: https://github.com/shuding/react-wrap-balancer/compare/0.5.0...1.0.0

Highlights

nonce prop

Since React Wrap Balancer generates inlined script tags under the hood, you can now set the nonce prop for them:

<Balancer nonce="...">

// => <script nonce="...">

Support for React 16.8.0+

By adding a workaround for useId, we now have support for React 16.8.0+.

Bug fixes & Other Improvements

See the full changelog below.

What's Changed

• Infer the prop types of the as component by @lucasweng in https://github.com/shuding/react-wrap-balancer/pull/56
• website: migrated head.tsx to Metadata API by @valentinpolitov in https://github.com/shuding/react-wrap-balancer/pull/54
• Fix incorrect width computation for text that can't wrap by @TomerAberbach in https://github.com/shuding/react-wrap-balancer/pull/57
• Add Balancer to named exports by @ermesonqueiroz in https://github.com/shuding/react-wrap-balancer/pull/58
• typo: fix small typos and grammar by @m-krebs in https://github.com/shuding/react-wrap-balancer/pull/60
• Add nonce prop for CSP by @lucasweng in https://github.com/shuding/react-wrap-balancer/pull/61
• feat: react under 18 support. by @ChanhyukPark-Tech in https://github.com/shuding/react-wrap-balancer/pull/62
• Update docs and reformat code by @shuding in https://github.com/shuding/react-wrap-balancer/pull/63

New Contributors

• @TomerAberbach made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/57
• @ermesonqueiroz made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/58
• @m-krebs made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/60
• @ChanhyukPark-Tech made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/62

Full Changelog: https://github.com/shuding/react-wrap-balancer/compare/0.4.1...0.5.0

What's Changed

• add Browser support information in readme. by @teobler in https://github.com/shuding/react-wrap-balancer/pull/30
• Fix reference error of resize observer by @lucasweng in https://github.com/shuding/react-wrap-balancer/pull/55

New Contributors

• @teobler made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/30
• @lucasweng made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/55

Full Changelog: https://github.com/shuding/react-wrap-balancer/compare/0.4.0...0.4.1

What's Changed

• types: WrapperElement interface by @valentinpolitov in https://github.com/shuding/react-wrap-balancer/pull/22
• fix: minor typo change by @shixin-guo in https://github.com/shuding/react-wrap-balancer/pull/24
• website: code splitting and migration to TypeScript by @valentinpolitov in https://github.com/shuding/react-wrap-balancer/pull/27
• fix: github link in safari by @markpinero in https://github.com/shuding/react-wrap-balancer/pull/31
• Add warning for misplaced <Balancer> wrappers during development by @shuding in https://github.com/shuding/react-wrap-balancer/pull/33
• Fix width rounding issue by @shuding in https://github.com/shuding/react-wrap-balancer/pull/34

New Contributors

• @shixin-guo made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/24
• @markpinero made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/31

Full Changelog: https://github.com/shuding/react-wrap-balancer/compare/0.3.0...0.4.0

Improvements

This new release has improved types for <Balancer>'s props (#14) and a critical bug fix when web font is used (#18) with a new API.
It's not breaking and recommended to upgrade.

If you have multiple <Balancer> components used, it’s recommended (but optional) to also use <Provider> to wrap the entire app. This will make them share the re-balance logic and reduce the HTML size:

import { Provider } from 'react-wrap-balancer'

// ...

function App() {
  return (
    <Provider>
      <MyApp/>
    </Provider>
  )
}

To learn more about the bug and the fix, check out #20.

What's Changed

• Types and other improvements by @valentinpolitov in https://github.com/shuding/react-wrap-balancer/pull/14
• Demo: Remove align prop by @wobsoriano in https://github.com/shuding/react-wrap-balancer/pull/15
• Setup Turborepo by @shuding in https://github.com/shuding/react-wrap-balancer/pull/19
• fix: Layout shift before mounted should trigger relayouts by @shuding in https://github.com/shuding/react-wrap-balancer/pull/20

New Contributors

• @valentinpolitov made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/14
• @wobsoriano made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/15

Full Changelog: https://github.com/shuding/react-wrap-balancer/compare/0.2.4...0.3.0

What's Changed

Core

• Create LICENSE.md by @Saintpreston in https://github.com/shuding/react-wrap-balancer/pull/10
• Ignore hydration warning on script by @thebuilder in https://github.com/shuding/react-wrap-balancer/pull/12

Website & Docs

• chore(readme): fix readme import by @luke-h1 in https://github.com/shuding/react-wrap-balancer/pull/2
• Fix “deployed on” mobile wrapping by @shuding in https://github.com/shuding/react-wrap-balancer/pull/3
• Adjust demo font size by @shuding in https://github.com/shuding/react-wrap-balancer/pull/9
• Update website by @shuding in https://github.com/shuding/react-wrap-balancer/pull/13
• Add SSR benchmark by @shuding in https://github.com/shuding/react-wrap-balancer/pull/4

New Contributors

• @luke-h1 made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/2
• @Saintpreston made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/10
• @thebuilder made their first contribution in https://github.com/shuding/react-wrap-balancer/pull/12

Full Changelog: https://github.com/shuding/react-wrap-balancer/commits/0.2.4