Using Rolldown with Vite v6

[sapphi-red]

Description

Applied changes from #24 and #27 to the main branch after the environment API PR is merged.
Also fixed errors on Windows and cleaned up some unneeded changes.

#24 implemented build-time dep optimization partially, but I didn't include that change in this PR.

e2e test status

Playground Name	Dev	Build	Reasons
alias	✅	✅
assets	✅	✅	note: watch mode tests are skipped
assets-sanitize	✅	✅
backend-integration	✅	❌	rolldown/rolldown#1842 (comment)
build-old	✅	✅	-
cli	✅	✅	-
cli-module	✅	✅	-
config	✅	✅	-
csp	✅	✅	-
css	✅	✅	-
css-codesplit	✅	❌	manualChunks
css-codesplit-cjs	✅	✅	-
css-dynamic-import	✅	❌	rolldown/rolldown#1842
css-lightningcss	✅	✅	-
css-lightningcss-proxy	✅	✅	-
css-no-codesplit	✅	✅	-
css-sourcemap	✅	✅	-
data-uri	✅	✅	-
define	✅	✅	-
dynamic-import	✅	❌	rolldown/rolldown#1842, rolldown/rolldown#1843
dynamic-import-inline	-	✅
env	✅	✅	-
env-nested	✅	✅	-
extensions	✅	✅	-
external	✅	❌	rolldown/rolldown#2041
fs-serve	✅	✅	-
glob-import	✅	❌	remove empty CSS generate chunk rolldown/rolldown#1842
hmr	✅	✅	-
hmr-root	✅	-	-
hmr-ssr	✅	✅	-
html	✅	✅	-
import-assertion	✅	✅	-
js-sourcemap	✅	❌	manualChunks
json	✅	✅	-
legacy	❌	❌	🟡pending support system format
lib	✅	❌	🟡pending support umd format
minify	-	✅	-
module-graph	✅	-	-
multiple-entrypoints	✅	✅	-
nested-deps	✅	✅	-
object-hooks	✅	❌	object hook sequential
optimize-deps	✅	❌	- the rolldown missing export always is error, but the rollup has error or warn level, ref bfc679e -rolldown/rolldown#2031 - using Array input generate name is not expected, the entry name will be like index~1.js
optimize-deps-no-discovery	✅	✅	-
optimize-missing-deps	✅	✅	-
preload	✅	✅	-
preserve-symlinks	✅	✅	-
proxy-bypass	✅	✅	-
proxy-hmr	✅	✅	-
resolve	✅	✅
resolve-config	-	✅
ssr	✅	✅	-
ssr-alias	✅	✅	-
ssr-conditions	✅	✅	-
ssr-deps	✅	✅	-
ssr-html	✅	✅	-
ssr-noexternal	✅	-	-
ssr-pug	✅	✅	-
ssr-resolve	-	✅	-
ssr-webworker	✅	✅
tailwind	✅	✅	-
tailwind-sourcemap	✅	✅	-
transform-plugin	✅	✅
tsconfig-json	✅	✅	-
tsconfig-json-load-error	✅	✅	-
wasm	✅	✅	-
worker	✅	❌	rolldown/rolldown#1842

missing feature list that was supported by esbuild / rollup

• watch mode ([Feature Request]: watch mode rolldown#2028)
  • options.watch
  • watcher.on('event', listener)
  • related hooks: shouldTransformCachedModule, watchChange, closeWatcher
  • this.addWatchFile
• meta on module info: this can be workarounded as it's not part of the public API
• umd format
• system format
• generating multiple formats in one build: output is currently an object instead of an array
• options.attributes for resolveId hook
• SourceMap type does not support toString and toUrl: not necessary but better for easier migration
• resolveImportMeta hook: can use transform hook for Vite's usecase
• options.preserveEntrySignatures: not necessary but nice for smaller bundles
• cancelling the running build / scan (esbuild docs): since rolldown is fast, it's not important to have this feature, but would be nice to reduce energy consumption

improvements needed later on Vite side

• convert optimizeDeps.esbuildOptions into optimizeDeps.rollupOptions automatically if possible
• cache this: bb8b41f#diff-00039b783552b3f2a608918986716e01b1a71996da1a8ad5493a102a1e969d7bR659-R662

native plugin incompatibilities

• alias: does not support customResolver option
• module preload polyfill: check again later (had a bug but fixed by fix: module preload-polyfill plugin only intercept RESOLVED_MODULE_PRELOAD_POLYFILL_ID rolldown#2261)
• transform: passes typescript experimental decorators as-is, does not read / use tsconfig.json
• json: errors with Rolldown internal error: expected value at line 1 column 1, probably the builtin one is not working? https://github.com/rolldown/rolldown/blob/12293fac6b80307959bd34775bde8e2f5dd2e744/crates/rolldown_plugin_json/src/lib.rs#L43
• import-glob: does not support ./**.js (** not ending with /)
• data-uri: does not work (maybe it needs to be enabled explicitly?)
• manifest: cannot use data on Vite side (e.g. css/assets) and needs to be environment-specific
• load-fallback: when it fails to load, the plugin errors, but it should fallback to id with query instead
• resolve
  • does not run .replaceAll('\\', '/') on the resolved id
  • does not support Importing a .js typescript resource from a typescript file fails vitejs/vite#3040
  • does not support fix: ignore sideEffects for scripts imported from html vitejs/vite#12786
  • does not support https://github.com/sapphi-red/package-json-browser-tests#:~:text=entry.js%3A%0A%20%20require(%27pkg%27)%0Anode_modules/pkg/package.json%3A%0A%20%20%7B%20%22main%22%3A%20%22main.js%22%2C%20%22browser%22%3A%20%7B%20%22./dir/index.js%22%3A%20%22./file%22%20%7D%20%7D%0Anode_modules/pkg/main.js%3A%0A%20%20require(%27./dir%27)%0Anode_modules/pkg/file.js%3A%0A%20%20input.works%20%3D%20true

TODO list for me

• check esbuild / rolldown difference around this part: bb8b41f#diff-456b3c61f2f19b160b6a5016cb9a180500c4e3b3a9a41a192ca24670637e7706L766-R807
• think about what to do with commonjsOptions
• think about how to make chunk metadata work: 2b67690#diff-2ff9d6929734c74a7dc8a2043c2f5455f57c18d36940b024ad45b8c0a01d4aaaR5-R33
• check crash reason: https://github.com/rolldown/vite/actions/runs/10826081396/job/30036319615?pr=43#step:9:26
  • it was because the document contained hand written !~{003}~ https://github.com/vitejs/vite/blob/main/docs/guide/backend-integration.md#:~:text=%22_shared%2D!~%7B003%7D~.js%22%3A%20%7B
• pass env specific value to nativeBuildImportAnalysisPlugin option: f92519b#diff-121079017d1fa98d6a0ea3354d5c73df45ab277078228cd7384c7a4e84c5a813R182
• support this.environment in options hook: d1f1aaf