feat: upgrade to vite 8 and rolldown

Author: ElMassimo

docs/package.json

@@ -34,7 +34,7 @@
     "preact": "^10.24.3",
     "preact-render-to-string": "^6.5.11",
     "rehype-external-links": "^3.0.0",
-    "unocss": "^0.61.8",
+    "unocss": "^66.6.6",
     "vite-plugin-inspect": "^0.8.7",
     "vue-tsc": "^2.1.10"
   },

iles.config.ts

@@ -3,10 +3,12 @@ import { join } from 'pathe'
 
 const testConfig = {
   test: {
-    deps: {
-      inline: [
-        '@vue/devtools-api',
-      ],
+    server: {
+      deps: {
+        inline: [
+          '@vue/devtools-api',
+        ],
+      },
     },
   },
 }

package.json

@@ -38,13 +38,12 @@
     "semver": "^7.6.3",
     "tsx": "^4.19.2",
     "typescript": "^5.6.3",
-    "vitest": "^2.1.4"
+    "vitest": "^4.1.0"
   },
   "pnpm": {
     "overrides": {
       "@typescript-eslint/typescript-estree": "8.5.0",
-      "esbuild": "0.24.0",
-      "vite": "5.4.10"
+      "vite": "8.0.0"
     },
     "peerDependencyRules": {
       "allowedVersions": {

packages/hydration/package.json

@@ -44,7 +44,7 @@
     "svelte": "^5.1.13",
     "tsup": "8.2.4",
     "typescript": "^5.6.3",
-    "vite": "^5.4.10",
+    "vite": "^8.0.0",
     "vue": "^3.5.12"
   }
 }

packages/iles/package.json

@@ -48,7 +48,7 @@
     "lint:fix": "eslint . --fix"
   },
   "engines": {
-    "node": "^18.0.0 || >=20.0.0"
+    "node": ">=20.19.0 || >=22.12.0"
   },
   "keywords": [
     "vite",
@@ -71,7 +71,7 @@
     "@nuxt/devalue": "^2.0.2",
     "@unhead/ssr": "^1.9.16",
     "@unhead/vue": "^1.9.16",
-    "@vitejs/plugin-vue": "^5.1.4",
+    "@vitejs/plugin-vue": "^6.0.5",
     "@vue/devtools-api": "^7.6.3",
     "debug": "^4.3.5",
     "deep-equal": "^2.2.3",
@@ -85,13 +85,13 @@
     "picocolors": "^1.0.1",
     "unist-util-visit": "^5.0.0",
     "unplugin-vue-components": "^0.27.3",
-    "vite": "^5.4.10",
+    "vite": "^8.0.0",
     "vue": "^3.5.12",
     "vue-router": "^4.4.0"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.9.1",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@types/debug": "^4.1.12",
     "@types/fs-extra": "^11.0.4",
     "@types/micromatch": "^4.0.9",
@@ -108,7 +108,7 @@
     "mdast-util-mdxjs-esm": "^2.0.1",
     "micromatch": "^4.0.7",
     "npm-run-all": "^4.1.5",
-    "rollup": "^4.19.0",
+    "rolldown": "1.0.0-rc.9",
     "semver": "^7.6.3",
     "tinyglobby": "0.2.6",
     "tsup": "8.2.4",

packages/iles/src/node/build/bundle.ts

@@ -1,5 +1,5 @@
 import { promises as fs } from 'fs'
-import type { RollupOutput } from 'rollup'
+import type { RolldownOutput } from 'rolldown'
 import type { Plugin } from 'vite'
 import glob from 'fast-glob'
 import { relative, dirname, resolve, join } from 'pathe'
@@ -55,17 +55,16 @@ async function bundleWithVite (config: AppConfig, entrypoints: string[] | Entryp
     build: {
       ssr,
       cssCodeSplit: htmlBuild || !ssr,
-      minify: ssr ? false : 'esbuild',
+      minify: ssr ? false : true,
       emptyOutDir: ssr,
       outDir: ssr ? config.tempDir : config.outDir,
       sourcemap: false,
-      rollupOptions: {
+      rolldownOptions: {
         input: entrypoints,
-        preserveEntrySignatures: htmlBuild ? undefined : 'allow-extension',
         treeshake: htmlBuild,
       },
     },
-  } as ViteUserConfig)) as RollupOutput
+  } as ViteUserConfig)) as RolldownOutput
 }
 
 // Internal: Currently SSG supports a single stylesheet for all pages.

packages/iles/src/node/build/chunks.ts

@@ -1,6 +1,9 @@
-import type { GetManualChunk, ManualChunkMeta } from 'rollup'
+import type { GetModuleInfo } from 'rolldown'
 import type { AppConfig } from '../shared'
 
+type ManualChunkMeta = { getModuleInfo: GetModuleInfo }
+type GetManualChunk = (id: string, meta: ManualChunkMeta) => string | void
+
 export function extendManualChunks (config: AppConfig): GetManualChunk {
   const userChunks = config.ssg.manualChunks
   const cache = new Map<string, string | undefined>()

packages/iles/src/node/build/islands.ts

@@ -2,7 +2,7 @@ import { promises as fs } from 'fs'
 import { relative, resolve } from 'pathe'
 import { build as viteBuild, mergeConfig as mergeViteConfig } from 'vite'
 import type { UserConfig as ViteUserConfig, Plugin } from 'vite'
-import type { PreRenderedChunk } from 'rollup'
+import type { PreRenderedChunk } from 'rolldown'
 import IslandsPlugins from '../plugin/plugin'
 import type { AppConfig, IslandsByPath } from '../shared'
 import { TURBO_SCRIPT_PATH } from '../alias'
@@ -38,8 +38,8 @@ export async function bundleIslands (config: AppConfig, islandsByPath: IslandsBy
       emptyOutDir: false,
       outDir: config.outDir,
       manifest: true,
-      minify: 'esbuild',
-      rollupOptions: {
+      minify: true,
+      rolldownOptions: {
         input: entryFiles,
         output: {
           entryFileNames: chunkFileNames,

packages/iles/src/node/build/render.ts

@@ -1,7 +1,7 @@
 import { existsSync } from 'fs'
 import { join } from 'pathe'
 import { renderSSRHead } from '@unhead/ssr'
-import type { RollupOutput } from 'rollup'
+import type { RolldownOutput } from 'rolldown'
 import { renderers } from '@islands/prerender'
 import { IslandDefinition } from 'iles'
 import { renderToString } from 'vue/server-renderer'
@@ -39,7 +39,7 @@ export async function renderPages (
 export async function renderPage (
   config: AppConfig,
   islandsByPath: IslandsByPath,
-  clientChunks: RollupOutput['output'],
+  clientChunks: RolldownOutput['output'],
   route: RouteToRender,
   createApp: CreateAppFactory,
 ) {
@@ -68,7 +68,7 @@ export async function renderPage (
 </html>`
 }
 
-function stylesheetTagsFrom (config: AppConfig, clientChunks: RollupOutput['output']) {
+function stylesheetTagsFrom (config: AppConfig, clientChunks: RolldownOutput['output']) {
   return clientChunks
     .filter(chunk => chunk.type === 'asset' && chunk.fileName.endsWith('.css'))
     .map(chunk => `<link rel="stylesheet" href="${config.base}${chunk.fileName}">`)

packages/iles/src/node/plugin/plugin.ts

@@ -1,7 +1,7 @@
 import { promises as fs } from 'fs'
 import { basename, resolve, relative } from 'pathe'
 import type { PluginOption, ResolvedConfig, ViteDevServer } from 'vite'
-import { transformWithEsbuild } from 'vite'
+import { transformWithOxc } from 'vite'
 
 import MagicString from 'magic-string'
 
@@ -31,7 +31,7 @@ function isVueScript (path: string, query: Record<string, any>) {
 
 async function transformUserFile (path: string) {
   return await exists(path)
-    ? await transformWithEsbuild(await fs.readFile(path, 'utf-8'), path, { sourcemap: false })
+    ? await transformWithOxc(await fs.readFile(path, 'utf-8'), path, { sourcemap: false })
     : { code: 'export default {}' }
 }
 
@@ -244,7 +244,7 @@ import.meta.hot?.accept('/${relative(root, path)}', (...args) => __ILES_PAGE_UPD
     appConfig.jsx === 'preact' && {
       name: 'iles:preact-jsx-config',
       config () {
-        return { esbuild: { include: /\.(tsx?|jsx)$/ } }
+        return { oxc: { include: /\.(tsx?|jsx)$/ } }
       },
     },
   ]