Skip to content

Babel TC39 2023-05 decorators for hoist-react v85 #66

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
lbwexler wants to merge 2 commits into
base: develop
Choose a base branch
from
Open

Babel TC39 2023-05 decorators for hoist-react v85 #66

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
28f94fe
Migrate Babel decorator plugin to TC39 2023-05 for hoist-react v85
lbwexler Apr 15, 2026
9428e64
Enable transform-class-static-block for TC39 decorator output
lbwexler Apr 15, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,16 @@
# Changelog

## v14.0.0-SNAPSHOT - unreleased

### 💥 Breaking Changes

* Requires `hoist-react >= 85.0`.
* Flipped `@babel/plugin-proposal-decorators` from `{version: 'legacy'}` to `{version: '2023-05'}`
to align with hoist-react v85's migration to TC39 Stage 3 modern decorators. Consuming apps must
upgrade `@xh/hoist` and `@xh/hoist-dev-utils` together — mixing a legacy-decorator app with this
build of dev-utils will silently break all `@observable` and `@bindable` fields. See the
hoist-react v85 upgrade notes for the codemod required in app code.

## v13.0.0-SNAPSHOT - unreleased

## v12.0.0 - 2026-03-31
Expand Down
13 changes: 9 additions & 4 deletions configureWebpack.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -442,6 +442,7 @@ async function configureWebpack(env) {
// (Note these plugins are all generally bundled with preset-env.)
include: [
'transform-class-properties',
'transform-class-static-block',
'transform-nullish-coalescing-operator',
'transform-optional-chaining',
'transform-private-methods',
Expand All @@ -462,10 +463,14 @@ async function configureWebpack(env) {
{allowDeclareFields: true, isTSX: true}
],

// Support our current decorator syntax, for MobX and Hoist decorators.
// See notes @ https://babeljs.io/docs/en/babel-plugin-proposal-decorators#legacy
// and https://mobx.js.org/enabling-decorators.html#babel-7
['@babel/plugin-proposal-decorators', {version: 'legacy'}],
// Support TC39 Stage 3 (2023-05 / 2022.3) decorators, used by hoist-react
// v85+ and compatible apps. See:
// https://babeljs.io/docs/babel-plugin-proposal-decorators
// https://mobx.js.org/enabling-decorators.html
// Apps upgrading from hoist-react < 85 must also add the `accessor`
// keyword to `@observable` / `@bindable` fields and remove
// `makeObservable(this)` calls — see the v85 upgrade notes.
['@babel/plugin-proposal-decorators', {version: '2023-05'}],

// Avoid importing every FA icon ever made.
// See https://github.com/FortAwesome/react-fontawesome/issues/70
Expand Down
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@xh/hoist-dev-utils",
"version": "13.0.0-SNAPSHOT",
"version": "14.0.0-SNAPSHOT",
"description": "Utilities for configuring builds of Hoist-React client applications.",
"repository": {
"type": "git",
Expand Down