fix: fix browser usage

[altano]

Fix browser usage

Fixes #738

Satori broke in browsers in v0.18.0 due to process.env references in src/yoga.ts. This PR fixes that and adds browser tests to prevent regression.

Changes

• Fix process.env in browser — remove Node-specific environment checks from the yoga loader so satori works in browsers without polyfills
• Add browser tests (local and CI) — vitest + playwright runs satori in real chromium/firefox/webkit
• Upgrade vitest — 0.32.0 → 4.1.2 (snapshot paths changed but images are identical)

Notes

• In the future more browser tests can be added. They must have a .browser-test.tsx extension to get picked up by the browser specific vitest.
• The vitest upgrade was huge but seemed to work perfectly so seems fine.
• I added the browser tests to the CI workflow but I obviously can't test that without submitting a PR, so that might be broken. I'll fix it if so, after workflow run permissions are granted. If a repo maintainer can help me with that all the better.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
satori-playground	Ready	Preview, Comment, Open in v0	Apr 7, 2026 8:18am

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	esbuild@​0.16.17 ⏵ 0.28.0		+2	+1
	@​vitest/​ui@​0.32.0 ⏵ 4.1.2	+1		-3	+1
	vitest@​0.32.0 ⏵ 4.1.2	+1		+1	+1
	@​vitest/​coverage-v8@​0.32.0 ⏵ 4.1.2	+1		+12	+1
	@​types/​node@​25.5.2
	react@​18.2.0
	@​vitest/​browser-playwright@​4.1.2
	@​testing-library/​dom@​10.4.1
	playwright@​1.59.1

View full report