Simplify build process

[JoviDeCroock]

Summary

This PR replaces the existing microbundle build system with a custom build pipeline using ESBuild, Babel, and Terser. The main goal here is to improve performance as we stopped supporting ES5 and IE11 features in the v11 release.

Changes

🚀 New Build System (build.mjs)

• ESBuild: Similar to vitest, fast bunlding
• Babel: We sadly still need this for property renaming, one of the goals for both vitest and this would be to remove this eventually
• Terser: Minification with the same configuration as before
• Multi-format output: CommonJS (.js), ES Modules (.mjs), and UMD (.umd.js)

Build time: ~2.3 seconds (down from > 10s)

I hope this doesn't change size semantics and I still need to evaluate which files should stay.

[github-actions]

📊 Tachometer Benchmark Results

Summary

⏳ Benchmarks are currently running. Results below are out of date.

duration

• create10k: slower ❌ 1% - 1% (5.26ms - 12.51ms)
  ^{preact-local vs preact-main}
• filter-list: unsure 🔍 -2% - +1% (-0.25ms - +0.13ms)
  ^{preact-local vs preact-main}
• hydrate1k: slower ❌ 13% - 17% (8.87ms - 11.86ms)
  ^{preact-local vs preact-main}
• many-updates: faster ✔ 5% - 10% (0.89ms - 1.68ms)
  ^{preact-local vs preact-main}
• replace1k: slower ❌ 23% - 26% (14.35ms - 15.85ms)
  ^{preact-local vs preact-main}
• text-update: unsure 🔍 -5% - +2% (-0.10ms - +0.05ms)
  ^{preact-local vs preact-main}
• todo: slower ❌ 7% - 12% (2.35ms - 3.94ms)
  ^{preact-local vs preact-main}
• update10th1k: slower ❌ 4% - 9% (1.14ms - 2.52ms)
  ^{preact-local vs preact-main}

usedJSHeapSize

• create10k: faster ✔ 1% - 1% (0.10ms - 0.10ms)
  ^{preact-local vs preact-main}
• filter-list: faster ✔ 8% - 9% (0.13ms - 0.13ms)
  ^{preact-local vs preact-main}
• hydrate1k: slower ❌ 13% - 28% (1.02ms - 2.15ms)
  ^{preact-local vs preact-main}
• many-updates: faster ✔ 3% - 3% (0.12ms - 0.13ms)
  ^{preact-local vs preact-main}
• replace1k: faster ✔ 4% - 4% (0.11ms - 0.13ms)
  ^{preact-local vs preact-main}
• text-update: faster ✔ 8% - 12% (0.09ms - 0.14ms)
  ^{preact-local vs preact-main}
• todo: faster ✔ 10% - 11% (0.13ms - 0.13ms)
  ^{preact-local vs preact-main}
• update10th1k: faster ✔ 4% - 4% (0.11ms - 0.12ms)
  ^{preact-local vs preact-main}

Results

⏳ Benchmarks are currently running. Results below are out of date.

create10k

• Browser: chrome-headless
• Sample size: 50
• Built by: CI #4749

• Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	997.40ms - 1001.62ms	-	slower ❌ 1% - 1% 5.26ms - 12.51ms
preact-main	987.68ms - 993.57ms	faster ✔ 1% - 1% 5.26ms - 12.51ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	19.08ms - 19.08ms	-	faster ✔ 1% - 1% 0.10ms - 0.10ms
preact-main	19.18ms - 19.18ms	slower ❌ 1% - 1% 0.10ms - 0.10ms	-

filter-list

• Browser: chrome-headless
• Sample size: 50
• Built by: CI #4749

• Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	16.56ms - 16.61ms	-	unsure 🔍 -2% - +1% -0.25ms - +0.13ms
preact-main	16.46ms - 16.83ms	unsure 🔍 -1% - +2% -0.13ms - +0.25ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	1.40ms - 1.40ms	-	faster ✔ 8% - 9% 0.13ms - 0.13ms
preact-main	1.53ms - 1.54ms	slower ❌ 9% - 10% 0.13ms - 0.13ms	-

hydrate1k

• Browser: chrome-headless
• Sample size: 50
• Built by: CI #4749

• Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	78.50ms - 80.30ms	-	slower ❌ 13% - 17% 8.87ms - 11.86ms
preact-main	67.85ms - 70.24ms	faster ✔ 11% - 15% 8.87ms - 11.86ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	8.84ms - 9.79ms	-	slower ❌ 13% - 28% 1.02ms - 2.15ms
preact-main	7.43ms - 8.04ms	faster ✔ 12% - 22% 1.02ms - 2.15ms	-

many-updates

• Browser: chrome-headless
• Sample size: 80
• Built by: CI #4749

• Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	14.73ms - 15.51ms	-	faster ✔ 5% - 10% 0.89ms - 1.68ms
preact-main	16.33ms - 16.47ms	slower ❌ 6% - 11% 0.89ms - 1.68ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	3.65ms - 3.65ms	-	faster ✔ 3% - 3% 0.12ms - 0.13ms
preact-main	3.77ms - 3.77ms	slower ❌ 3% - 3% 0.12ms - 0.13ms	-

replace1k

• Browser: chrome-headless
• Sample size: 100
• Built by: CI #4749

• Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	76.45ms - 77.30ms	-	slower ❌ 23% - 26% 14.35ms - 15.85ms
preact-main	61.16ms - 62.39ms	faster ✔ 19% - 21% 14.35ms - 15.85ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	2.86ms - 2.88ms	-	faster ✔ 4% - 4% 0.11ms - 0.13ms
preact-main	2.99ms - 2.99ms	slower ❌ 4% - 4% 0.11ms - 0.13ms	-

run-warmup-0

Version	Avg time	vs preact-local	vs preact-main
preact-local	25.65ms - 26.35ms	-	unsure 🔍 -1% - +3% -0.16ms - +0.84ms
preact-main	25.30ms - 26.02ms	unsure 🔍 -3% - +1% -0.84ms - +0.16ms	-

run-warmup-1

Version	Avg time	vs preact-local	vs preact-main
preact-local	33.36ms - 34.61ms	-	unsure 🔍 -1% - +5% -0.18ms - +1.69ms
preact-main	32.53ms - 33.93ms	unsure 🔍 -5% - +1% -1.69ms - +0.18ms	-

run-warmup-2

Version	Avg time	vs preact-local	vs preact-main
preact-local	32.13ms - 33.21ms	-	slower ❌ 12% - 18% 3.51ms - 4.95ms
preact-main	27.97ms - 28.92ms	faster ✔ 11% - 15% 3.51ms - 4.95ms	-

run-warmup-3

Version	Avg time	vs preact-local	vs preact-main
preact-local	26.39ms - 27.48ms	-	slower ❌ 0% - 5% 0.02ms - 1.43ms
preact-main	25.76ms - 26.66ms	faster ✔ 0% - 5% 0.02ms - 1.43ms	-

run-warmup-4

Version	Avg time	vs preact-local	vs preact-main
preact-local	20.88ms - 21.29ms	-	faster ✔ 3% - 8% 0.59ms - 1.85ms
preact-main	21.71ms - 22.90ms	slower ❌ 3% - 9% 0.59ms - 1.85ms	-

run-final

Version	Avg time	vs preact-local	vs preact-main
preact-local	24.27ms - 24.72ms	-	slower ❌ 16% - 21% 3.42ms - 4.34ms
preact-main	20.21ms - 21.02ms	faster ✔ 14% - 18% 3.42ms - 4.34ms	-

text-update

• Browser: chrome-headless
• Sample size: 190
• Built by: CI #4749

• Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	2.05ms - 2.13ms	-	unsure 🔍 -5% - +2% -0.10ms - +0.05ms
preact-main	2.06ms - 2.18ms	unsure 🔍 -2% - +5% -0.05ms - +0.10ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	1.04ms - 1.07ms	-	faster ✔ 8% - 12% 0.09ms - 0.14ms
preact-main	1.15ms - 1.19ms	slower ❌ 8% - 13% 0.09ms - 0.14ms	-

todo

• Browser: chrome-headless
• Sample size: 50
• Built by: CI #4749

• Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	34.76ms - 36.34ms	-	slower ❌ 7% - 12% 2.35ms - 3.94ms
preact-main	32.29ms - 32.53ms	faster ✔ 7% - 11% 2.35ms - 3.94ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	1.11ms - 1.11ms	-	faster ✔ 10% - 11% 0.13ms - 0.13ms
preact-main	1.24ms - 1.24ms	slower ❌ 12% - 12% 0.13ms - 0.13ms	-

update10th1k

• Browser: chrome-headless
• Sample size: 140
• Built by: CI #4749

• Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	29.39ms - 30.45ms	-	slower ❌ 4% - 9% 1.14ms - 2.52ms
preact-main	27.64ms - 28.54ms	faster ✔ 4% - 8% 1.14ms - 2.52ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	2.82ms - 2.83ms	-	faster ✔ 4% - 4% 0.11ms - 0.12ms
preact-main	2.94ms - 2.94ms	slower ❌ 4% - 4% 0.11ms - 0.12ms	-

_{tachometer-reporter-action v2 for CI}

[github-actions]

Size Change: +4.65 kB (+7.26%) 🔍

Total Size: 68.7 kB

Filename	Size	Change
compat/dist/compat.js	4.48 kB	+704 B (+18.63%)	⚠️
compat/dist/compat.mjs	3.69 kB	+1 B (+0.03%)
compat/dist/compat.umd.js	4.08 kB	+244 B (+6.37%)	🔍
debug/dist/debug.js	4.35 kB	+497 B (+12.9%)	⚠️
debug/dist/debug.mjs	3.79 kB	-60 B (-1.56%)
debug/dist/debug.umd.js	4.12 kB	+184 B (+4.67%)	🔍
devtools/dist/devtools.js	565 B	+305 B (+117.31%)	🆘
devtools/dist/devtools.mjs	254 B	-17 B (-6.27%)	✅
devtools/dist/devtools.umd.js	590 B	+244 B (+70.52%)	🆘
dist/preact.js	5.34 kB	+692 B (+14.89%)	⚠️
dist/preact.mjs	4.54 kB	-121 B (-2.59%)
dist/preact.umd.js	4.85 kB	+131 B (+2.77%)
hooks/dist/hooks.js	2.14 kB	+624 B (+41.16%)	🚨
hooks/dist/hooks.mjs	1.48 kB	-56 B (-3.64%)
hooks/dist/hooks.umd.js	1.86 kB	+273 B (+17.25%)	⚠️
jsx-runtime/dist/jsxRuntime.js	1.16 kB	+295 B (+34.26%)	🚨
jsx-runtime/dist/jsxRuntime.mjs	798 B	-32 B (-3.86%)
jsx-runtime/dist/jsxRuntime.umd.js	1.13 kB	+192 B (+20.56%)	🚨
test-utils/dist/testUtils.js	787 B	+314 B (+66.38%)	🆘
test-utils/dist/testUtils.mjs	455 B	-18 B (-3.81%)
test-utils/dist/testUtils.umd.js	809 B	+254 B (+45.77%)	🚨

ℹ️ View Unchanged

Filename	Size
compat/dist/compat.min.js	4.08 kB
debug/dist/debug.min.js	4.12 kB
devtools/dist/devtools.min.js	590 B
dist/preact.min.js	4.85 kB
hooks/dist/hooks.min.js	1.86 kB
jsx-runtime/dist/jsxRuntime.min.js	1.13 kB
test-utils/dist/testUtils.min.js	809 B

_{compressed-size-action}