refactor(es/react): Split jsx into automatic/classic

[magic-akari]

No description provided.

[changeset-bot]

🦋 Changeset detected

Latest commit: 7d2533f

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[magic-akari]

The primary reason for early directive parsing is that configuration directives in code comments may override settings from .swcrc.
We require all relevant options to be finalized before entering automatic/classic passes to ensure stability during transformation.

Longer-term, we'll move the classic pass earlier in the processing pipeline.

[magic-akari]

Roadmap:

• refactor(es/react): Split jsx into automatic/classic #10616
• Merge jsx_src and jsx_self into the main JSX transformation pass
• Set the automatic runtime as the default behavior
• Move the classic transform pass before the resolver pass

[kdy1]

Are you fine with using dev branch as the target instead of main while everything is implemented?

[magic-akari]

Are you fine with using dev branch as the target instead of main while everything is implemented?

I'll introduce the breaking change in Step 3 when switching the default JSX runtime. Given that a breaking change is unavoidable regardless, It's OK to use dev branch.

[kdy1]

Looks good to me

[codspeed-hq]

CodSpeed Performance Report

Merging #10616 will degrade performances by 21.98%

_{Comparing magic-akari:refactor/jsx (7d2533f) with dev (d75c22b)}

Summary

⚡ 36 improvements
❌ 15 regressions
✅ 78 untouched benchmarks
🆕 11 new benchmarks
⁉️ 23 dropped benchmarks

⚠️ Please fix the performance issues or acknowledge them on CodSpeed.

Benchmarks breakdown

	Benchmark	BASE	HEAD	Change
⁉️	deserialization of serde	2.4 µs	N/A	N/A
⁉️	serialization of serde	2.7 µs	N/A	N/A
❌	css/lexer/bootstrap_5_1_3	10.3 ms	11.2 ms	-8.75%
❌	css/lexer/foundation_6_7_4	8.3 ms	9.1 ms	-8.71%
❌	css/lexer/tailwind_3_1_1	1.6 ms	1.8 ms	-8.37%
❌	css/parser/bootstrap_5_1_3	47.5 ms	48.7 ms	-2.43%
❌	css/parser/foundation_6_7_4	37.6 ms	38.4 ms	-2.3%
❌	css/parser/tailwind_3_1_1	7.3 ms	7.5 ms	-2.16%
⚡	es/codegen/large	657.9 µs	642.3 µs	+2.43%
⚡	es/codegen/with-parser/colors	196.1 µs	176.1 µs	+11.4%
⚡	es/codegen/with-parser/large	1.5 ms	1.3 ms	+15.03%
⁉️	es/fast-lexer/angular	9.2 ms	N/A	N/A
⁉️	es/fast-lexer/backbone	1.2 ms	N/A	N/A
⁉️	es/fast-lexer/jquery	6.1 ms	N/A	N/A
⁉️	es/fast-lexer/jquery mobile	10 ms	N/A	N/A
⁉️	es/fast-lexer/mootools	4.9 ms	N/A	N/A
⁉️	es/fast-lexer/three	29.8 ms	N/A	N/A
⁉️	es/fast-lexer/underscore	954.6 µs	N/A	N/A
⁉️	es/fast-lexer/yui	5.6 ms	N/A	N/A
🆕	es/lexer/angular	N/A	12.5 ms	N/A
...	...	...	...	...

ℹ️ Only the first 20 benchmarks are displayed. Go to the app to view all benchmarks.