Try new build

[JoviDeCroock]

General changes

• Drops umd output
• CJS uses destructured require rather than namespace (ESBuild limitation, we could transform but... not sure if it's worth it)
• Lifts syntax to ES2020
• Removes microbundle (a lot less deps)

TODO

• Chase down size diff in compat.mjs
• Refactor the script
• Undo src change

[coveralls]

coverage: 100.0% (+0.5%) from 99.536%
when pulling 1953883 on better-build
into 68b30fe on main.

[github-actions]

📊 Tachometer Benchmark Results

Summary

duration

• create10k: unsure 🔍 -0% - +1% (-0.35ms - +6.41ms)
  ^{preact-local vs preact-main}
• filter-list: unsure 🔍 -0% - +1% (-0.03ms - +0.13ms)
  ^{preact-local vs preact-main}
• hydrate1k: faster ✔ 4% - 7% (2.44ms - 4.75ms)
  ^{preact-local vs preact-main}
• many-updates: unsure 🔍 -0% - +1% (-0.06ms - +0.09ms)
  ^{preact-local vs preact-main}
• replace1k: unsure 🔍 -1% - +1% (-0.62ms - +0.89ms)
  ^{preact-local vs preact-main}
• text-update: slower ❌ 3% - 11% (0.06ms - 0.20ms)
  ^{preact-local vs preact-main}
• todo: unsure 🔍 -0% - +2% (-0.14ms - +0.56ms)
  ^{preact-local vs preact-main}
• update10th1k: unsure 🔍 -4% - +3% (-1.09ms - +0.83ms)
  ^{preact-local vs preact-main}

usedJSHeapSize

• create10k: faster ✔ 1% - 1% (0.17ms - 0.17ms)
  ^{preact-local vs preact-main}
• filter-list: faster ✔ 11% - 11% (0.17ms - 0.18ms)
  ^{preact-local vs preact-main}
• hydrate1k: slower ❌ 7% - 18% (0.45ms - 1.07ms)
  ^{preact-local vs preact-main}
• many-updates: faster ✔ 5% - 5% (0.17ms - 0.17ms)
  ^{preact-local vs preact-main}
• replace1k: faster ✔ 6% - 6% (0.17ms - 0.17ms)
  ^{preact-local vs preact-main}
• text-update: faster ✔ 15% - 19% (0.15ms - 0.19ms)
  ^{preact-local vs preact-main}
• todo: faster ✔ 13% - 14% (0.16ms - 0.17ms)
  ^{preact-local vs preact-main}
• update10th1k: faster ✔ 6% - 6% (0.17ms - 0.18ms)
  ^{preact-local vs preact-main}

Results

create10k

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

• Commit: 1953883

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	959.84ms - 965.07ms	-	unsure 🔍 -0% - +1% -0.35ms - +6.41ms
preact-main	957.29ms - 961.56ms	unsure 🔍 -1% - +0% -6.41ms - +0.35ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	18.86ms - 18.86ms	-	faster ✔ 1% - 1% 0.17ms - 0.17ms
preact-main	19.03ms - 19.03ms	slower ❌ 1% - 1% 0.17ms - 0.17ms	-

filter-list

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

• Commit: 1953883

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	16.48ms - 16.63ms	-	unsure 🔍 -0% - +1% -0.03ms - +0.13ms
preact-main	16.48ms - 16.53ms	unsure 🔍 -1% - +0% -0.13ms - +0.03ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	1.36ms - 1.36ms	-	faster ✔ 11% - 11% 0.17ms - 0.18ms
preact-main	1.53ms - 1.53ms	slower ❌ 12% - 13% 0.17ms - 0.18ms	-

hydrate1k

• Browser: chrome-headless
• Sample size: 90
• Built by: CI #5062

• Commit: 1953883

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	64.02ms - 65.54ms	-	faster ✔ 4% - 7% 2.44ms - 4.75ms
preact-main	67.51ms - 69.24ms	slower ❌ 4% - 7% 2.44ms - 4.75ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	6.80ms - 7.11ms	-	slower ❌ 7% - 18% 0.45ms - 1.07ms
preact-main	5.92ms - 6.46ms	faster ✔ 7% - 15% 0.45ms - 1.07ms	-

many-updates

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

• Commit: 1953883

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	16.55ms - 16.67ms	-	unsure 🔍 -0% - +1% -0.06ms - +0.09ms
preact-main	16.54ms - 16.64ms	unsure 🔍 -1% - +0% -0.09ms - +0.06ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	3.54ms - 3.55ms	-	faster ✔ 5% - 5% 0.17ms - 0.17ms
preact-main	3.71ms - 3.72ms	slower ❌ 5% - 5% 0.17ms - 0.17ms	-

replace1k

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

• Commit: 1953883

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	60.42ms - 61.48ms	-	unsure 🔍 -1% - +1% -0.62ms - +0.89ms
preact-main	60.28ms - 61.35ms	unsure 🔍 -1% - +1% -0.89ms - +0.62ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	2.81ms - 2.81ms	-	faster ✔ 6% - 6% 0.17ms - 0.17ms
preact-main	2.98ms - 2.98ms	slower ❌ 6% - 6% 0.17ms - 0.17ms	-

run-warmup-0

Version	Avg time	vs preact-local	vs preact-main
preact-local	23.71ms - 24.53ms	-	faster ✔ 4% - 9% 1.07ms - 2.22ms
preact-main	25.36ms - 26.17ms	slower ❌ 4% - 9% 1.07ms - 2.22ms	-

run-warmup-1

Version	Avg time	vs preact-local	vs preact-main
preact-local	32.58ms - 33.61ms	-	unsure 🔍 -2% - +2% -0.81ms - +0.61ms
preact-main	32.70ms - 33.69ms	unsure 🔍 -2% - +2% -0.61ms - +0.81ms	-

run-warmup-2

Version	Avg time	vs preact-local	vs preact-main
preact-local	30.11ms - 30.84ms	-	unsure 🔍 -1% - +2% -0.39ms - +0.65ms
preact-main	29.97ms - 30.72ms	unsure 🔍 -2% - +1% -0.65ms - +0.39ms	-

run-warmup-3

Version	Avg time	vs preact-local	vs preact-main
preact-local	26.16ms - 26.89ms	-	unsure 🔍 -3% - +0% -0.92ms - +0.10ms
preact-main	26.58ms - 27.28ms	unsure 🔍 -0% - +3% -0.10ms - +0.92ms	-

run-warmup-4

Version	Avg time	vs preact-local	vs preact-main
preact-local	23.73ms - 24.99ms	-	slower ❌ 0% - 7% 0.02ms - 1.72ms
preact-main	22.91ms - 24.06ms	faster ✔ 0% - 7% 0.02ms - 1.72ms	-

run-final

Version	Avg time	vs preact-local	vs preact-main
preact-local	20.76ms - 21.59ms	-	unsure 🔍 -3% - +3% -0.54ms - +0.61ms
preact-main	20.74ms - 21.53ms	unsure 🔍 -3% - +3% -0.61ms - +0.54ms	-

text-update

• Browser: chrome-headless
• Sample size: 240
• Built by: CI #5062

• Commit: 1953883

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	2.00ms - 2.12ms	-	slower ❌ 3% - 11% 0.06ms - 0.20ms
preact-main	1.89ms - 1.96ms	faster ✔ 3% - 10% 0.06ms - 0.20ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	0.82ms - 0.84ms	-	faster ✔ 15% - 19% 0.15ms - 0.19ms
preact-main	0.99ms - 1.02ms	slower ❌ 18% - 23% 0.15ms - 0.19ms	-

todo

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

• Commit: 1953883

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	31.03ms - 31.66ms	-	unsure 🔍 -0% - +2% -0.14ms - +0.56ms
preact-main	30.99ms - 31.29ms	unsure 🔍 -2% - +0% -0.56ms - +0.14ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	1.07ms - 1.09ms	-	faster ✔ 13% - 14% 0.16ms - 0.17ms
preact-main	1.24ms - 1.25ms	slower ❌ 15% - 16% 0.16ms - 0.17ms	-

update10th1k

• Browser: chrome-headless
• Sample size: 70
• Built by: CI #5062

• Commit: 1953883

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	29.17ms - 30.23ms	-	unsure 🔍 -4% - +3% -1.09ms - +0.83ms
preact-main	29.03ms - 30.63ms	unsure 🔍 -3% - +4% -0.83ms - +1.09ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	2.76ms - 2.77ms	-	faster ✔ 6% - 6% 0.17ms - 0.18ms
preact-main	2.93ms - 2.94ms	slower ❌ 6% - 7% 0.17ms - 0.18ms	-

_{tachometer-reporter-action v2 for CI}

[github-actions]

Size Change: -16.1 kB (-33.86%) 🎉

Total Size: 31.4 kB

Filename	Size	Change
compat/dist/compat.js	3.74 kB	-157 B (-4.03%)
compat/dist/compat.mjs	3.94 kB	+120 B (+3.14%)
compat/dist/compat.umd.js	0 B	-3.95 kB (removed)	🏆
debug/dist/debug.js	3.91 kB	+14 B (+0.36%)
debug/dist/debug.mjs	3.92 kB	+14 B (+0.36%)
debug/dist/debug.umd.js	0 B	-3.98 kB (removed)	🏆
devtools/dist/devtools.js	280 B	+20 B (+7.69%)	🔍
devtools/dist/devtools.mjs	280 B	+9 B (+3.32%)
devtools/dist/devtools.umd.js	0 B	-346 B (removed)	🏆
dist/preact.js	4.75 kB	+47 B (+1%)
dist/preact.mjs	4.76 kB	+45 B (+0.95%)
dist/preact.umd.js	0 B	-4.77 kB (removed)	🏆
hooks/dist/hooks.js	1.56 kB	+5 B (+0.32%)
hooks/dist/hooks.mjs	1.57 kB	-7 B (-0.44%)
hooks/dist/hooks.umd.js	0 B	-1.62 kB (removed)	🏆
jsx-runtime/dist/jsxRuntime.js	857 B	-35 B (-3.92%)
jsx-runtime/dist/jsxRuntime.mjs	851 B	-10 B (-1.16%)
jsx-runtime/dist/jsxRuntime.umd.js	0 B	-966 B (removed)	🏆
test-utils/dist/testUtils.js	499 B	+26 B (+5.5%)	🔍
test-utils/dist/testUtils.mjs	496 B	+23 B (+4.86%)	🔍
test-utils/dist/testUtils.umd.js	0 B	-555 B (removed)	🏆

_{compressed-size-action}

[rschristian]

Lifts syntax to ES2020

I was under the impression that the ES2020 setting was just a temporary thing whilst you were working on this, is that not the case? I feel that's a bit too new to place our floor at, and I'm not sure it's necessary -- do we/the transpiler even use anything that new? ES2017 or so, IMO, should be as new as it gets if absolutely required.

Moving past ES5 also likely calls for investigation into ES6 classes, they'll certainly be smaller but perf could go either way. Not necessarily related to this PR of course, just opens up a few new options that could be good for us.