feat: update to vite 8

Author: stefanvanherwijnen

.changeset/some-seas-smile.md

@@ -0,0 +1,7 @@
+---
+'create-vitrify': minor
+'vitrify': minor
+'@vitrify/tools': minor
+---
+
+feat: update to vite 8

packages/create-vitrify/package.json

@@ -27,16 +27,16 @@
   "dependencies": {
     "@vitrify/tools": "workspace:*",
     "handlebars": "^4.7.8",
-    "@inquirer/prompts": "^8.3.0",
+    "@inquirer/prompts": "^8.3.2",
     "latest-version": "^9.0.0",
     "minimist": "^1.2.8"
   },
   "devDependencies": {
     "@types/minimist": "^1.2.5",
-    "@types/node": "^25.3.1",
+    "@types/node": "^25.5.0",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vue": "^3.5.29"
+    "vite": "^8.0.0",
+    "vue": "^3.5.30"
   },
   "files": [
     "dist",

packages/tools/package.json

@@ -49,9 +49,9 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@types/node": "^25.3.1",
+    "@types/node": "^25.5.0",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1"
+    "vite": "^8.0.0"
   },
   "dependencies": {
     "handlebars": "^4.7.8"

packages/vitrify/package.json

@@ -56,71 +56,71 @@
     "test": "vitest test/"
   },
   "dependencies": {
-    "@fastify/middie": "^9.1.0",
+    "@fastify/middie": "^9.3.1",
     "@fastify/one-line-logger": "^2.1.0",
     "@fastify/static": "^9.0.0",
-    "@unocss/core": "^66.6.2",
-    "@unocss/preset-uno": "^66.6.2",
-    "@unocss/preset-web-fonts": "66.6.2",
-    "@unocss/preset-wind": "^66.6.2",
-    "@vitejs/plugin-vue": "^6.0.4",
+    "@unocss/core": "^66.6.7",
+    "@unocss/preset-uno": "^66.6.7",
+    "@unocss/preset-web-fonts": "66.6.7",
+    "@unocss/preset-wind": "^66.6.7",
+    "@vitejs/plugin-vue": "^6.0.5",
     "ajv": "^8.18.0",
     "animated-unocss": "^0.0.6",
-    "cac": "^6.7.14",
+    "cac": "^7.0.0",
     "chalk": "^5.6.2",
     "cross-env": "^10.1.0",
-    "devalue": "^5.6.3",
-    "esbuild": "^0.27.3",
-    "fastify": "^5.7.4",
+    "devalue": "^5.6.4",
+    "fastify": "^5.8.2",
     "glob": "^13.0.6",
-    "happy-dom": "^20.7.0",
+    "happy-dom": "^20.8.4",
     "is-port-reachable": "^4.0.0",
     "magic-string": "^0.30.21",
     "merge-deep": "^3.0.3",
     "readline": "^1.3.0",
-    "rollup-plugin-visualizer": "^7.0.0",
-    "sass": "1.97.3",
+    "rolldown": "1.0.0-rc.9",
+    "rollup-plugin-visualizer": "^7.0.1",
+    "sass": "1.98.0",
     "stringify-object": "^6.0.0",
     "ts-node": "^10.9.2",
-    "unocss": "^66.6.2",
+    "unocss": "^66.6.7",
     "unplugin-vue-components": "^31.0.0",
-    "vite": "^7.3.1",
+    "vite": "^8.0.0",
     "vite-plugin-pwa": "^1.2.0",
     "vitefu": "^1.1.2",
-    "vitest": "^4.0.18",
+    "vitest": "^4.1.0",
     "workbox-window": "^7.4.0"
   },
   "devDependencies": {
     "@iconify-json/mdi": "^1.2.3",
-    "@pinia/colada": "^0.21.5",
+    "@pinia/colada": "^1.0.0",
     "@quasar/extras": "^1.17.0",
     "@quasar/quasar-ui-qmarkdown": "^2.0.5",
     "@quasar/quasar-ui-qmediaplayer": "^2.0.0-beta.0",
     "@types/connect": "^3.4.38",
     "@types/glob": "^9.0.0",
     "@types/merge-deep": "^3.0.3",
-    "@types/node": "^25.3.1",
+    "@types/node": "^25.5.0",
     "@types/stringify-object": "^4.0.5",
     "@types/ws": "^8.18.1",
-    "@unocss/preset-icons": "^66.6.2",
-    "@vue/runtime-core": "^3.5.29",
+    "@unocss/preset-icons": "^66.6.7",
+    "@vue/runtime-core": "^3.5.30",
     "beasties": "^0.4.1",
     "css": "^3.0.0",
     "css-to-tailwind-translator": "^1.2.8",
     "pinia": "^3.0.4",
-    "quasar": "^2.18.6",
+    "quasar": "^2.18.7",
     "rollup": "^4.59.0",
     "typescript": "^5.9.3",
-    "vue": "^3.5.29",
+    "vue": "^3.5.30",
     "vue-router": "^5.0.3"
   },
   "peerDependencies": {
     "@fastify/static": "^9.0.0",
-    "@pinia/colada": "^0.21.5",
-    "fastify": "^5.7.4",
+    "@pinia/colada": "^1.0.0",
+    "fastify": "^5.8.2",
     "pinia": "^3.0.4",
-    "quasar": "^2.18.6",
-    "vue": "^3.5.29",
+    "quasar": "^2.18.7",
+    "vue": "^3.5.30",
     "vue-router": "^5.0.3"
   },
   "publishConfig": {

packages/vitrify/src/node/bin/cli.ts

@@ -3,11 +3,11 @@ import cac from 'cac'
 import { fileURLToPath } from 'url'
 import { getAppDir, parsePath } from '../app-urls.js'
 import { printHttpServerUrls, exitLogs } from '../helpers/logger.js'
-import { build as esbuild } from 'esbuild'
+import { minify } from 'rolldown/utils'
 import type { ResolvedConfig, ViteDevServer } from 'vite'
 import type { Server } from 'net'
 import type { FastifyInstance } from 'fastify'
-import { readdir } from 'fs/promises'
+import { readdir, readFile, writeFile } from 'fs/promises'
 import { loadSSRAssets } from '../frameworks/vue/fastify-ssr-plugin.js'
 
 const cli = cac('vitrify')
@@ -199,23 +199,27 @@ cli.command('run <file>').action(async (file, options) => {
 })
 
 cli.command('minify <dir>').action(async (dir, options) => {
-  const files = await readdir(
-    fileURLToPath(new URL(dir, `file://${process.cwd()}/`))
-  )
+  const baseUrl = new URL(dir, `file://${process.cwd()}/`)
+  const files = await readdir(fileURLToPath(baseUrl))
   let counter = 0
   for (const file of files) {
     if (file.endsWith('.mjs')) {
-      await esbuild({
-        absWorkingDir: fileURLToPath(new URL(dir, `file://${process.cwd()}/`)),
-        entryPoints: [file],
-        minify: true,
-        minifyIdentifiers: true,
-        minifySyntax: true,
-        minifyWhitespace: true,
-        outfile: file,
-        allowOverwrite: true
+      const path = fileURLToPath(
+        new URL(`${dir}/${file}`, `file://${process.cwd()}/`)
+      )
+      const content = await readFile(path, {
+        encoding: 'utf-8'
+      })
+      const output = await minify(path, content, {
+        compress: true,
+        module: true,
+        mangle: true,
+        codegen: true
       })
-      counter++
+      if (!output.errors.length) {
+        await writeFile(path, output.code)
+        counter++
+      }
     }
   }
   console.log(`Minified ${counter} files`)

packages/vitrify/src/node/index.ts

@@ -7,10 +7,8 @@ import type {
 } from 'vite'
 import { findDepPkgJsonPath } from 'vitefu'
 import { mergeConfig } from 'vite'
-import { build } from 'esbuild'
+import { transform } from 'rolldown/utils'
 import fs from 'fs'
-import path from 'path'
-import { pathToFileURL } from 'url'
 import { readFileSync } from 'fs'
 import { builtinModules } from 'node:module'
 import { visualizer } from 'rollup-plugin-visualizer'
@@ -119,64 +117,6 @@ export const VIRTUAL_MODULES = [
   'vitrify.css'
 ]
 
-async function bundleConfigFile(
-  fileName: string,
-  isESM = false
-): Promise<{ code: string; dependencies: string[] }> {
-  const result = await build({
-    absWorkingDir: process.cwd(),
-    entryPoints: [fileName],
-    outfile: 'out.js',
-    write: false,
-    platform: 'node',
-    bundle: true,
-    format: 'esm',
-    sourcemap: 'inline',
-    metafile: true,
-    plugins: [
-      {
-        name: 'externalize-deps',
-        setup(build) {
-          build.onResolve({ filter: /.*/ }, (args) => {
-            const id = args.path
-            if (id[0] !== '.' && !path.isAbsolute(id)) {
-              return {
-                external: true
-              }
-            }
-          })
-        }
-      },
-      {
-        name: 'replace-import-meta',
-        setup(build) {
-          build.onLoad({ filter: /\.[jt]s$/ }, async (args) => {
-            const contents = await fs.promises.readFile(args.path, 'utf8')
-            return {
-              loader: args.path.endsWith('.ts') ? 'ts' : 'js',
-              contents: contents
-                .replace(
-                  /\bimport\.meta\.url\b/g,
-                  JSON.stringify(pathToFileURL(args.path).href)
-                )
-                .replace(
-                  /\b__dirname\b/g,
-                  JSON.stringify(path.dirname(args.path))
-                )
-                .replace(/\b__filename\b/g, JSON.stringify(args.path))
-            }
-          })
-        }
-      }
-    ]
-  })
-  const { text } = result.outputFiles[0]
-  return {
-    code: text,
-    dependencies: result.metafile ? Object.keys(result.metafile.inputs) : []
-  }
-}
-
 export const baseConfig = async ({
   ssr,
   appDir,
@@ -218,10 +158,12 @@ export const baseConfig = async ({
   try {
     if (fs.existsSync(fileURLToPath(new URL('vitrify.config.ts', appDir)))) {
       const configPath = fileURLToPath(new URL('vitrify.config.ts', appDir))
-      const bundledConfig = await bundleConfigFile(
-        fileURLToPath(new URL('vitrify.config.ts', appDir))
-      )
-      fs.writeFileSync(configPath + '.js', bundledConfig.code)
+
+      const content = readFileSync(configPath, {
+        encoding: 'utf-8'
+      })
+      const output = await transform(configPath, content)
+      fs.writeFileSync(configPath + '.js', output.code)
 
       rawVitrifyConfig = (await import('file://' + configPath + '.js')).default
       fs.unlinkSync(configPath + '.js')

packages/vitrify/test/integration/app/package.json

@@ -39,34 +39,34 @@
     "format:write": "prettier --write ."
   },
   "dependencies": {
-    "@fastify/middie": "9.1.0",
+    "@fastify/middie": "9.3.1",
     "@fastify/one-line-logger": "2.1.0",
     "@fastify/static": "9.0.0"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "8.56.1",
-    "@typescript-eslint/parser": "8.56.1",
-    "@types/node": "25.3.1",
-    "@vitejs/plugin-vue": "6.0.4",
-    "@vue/reactivity": "3.5.29",
-    "@vue/runtime-core": "3.5.29",
-    "@vue/runtime-dom": "3.5.29",
-    "@vue/server-renderer": "3.5.29",
-    "@vue/shared": "3.5.29",
+    "@typescript-eslint/eslint-plugin": "8.57.1",
+    "@typescript-eslint/parser": "8.57.1",
+    "@types/node": "25.5.0",
+    "@vitejs/plugin-vue": "6.0.5",
+    "@vue/reactivity": "3.5.30",
+    "@vue/runtime-core": "3.5.30",
+    "@vue/runtime-dom": "3.5.30",
+    "@vue/server-renderer": "3.5.30",
+    "@vue/shared": "3.5.30",
     "beasties": "0.4.1",
     "devcert": "1.2.3",
-    "eslint": "10.0.2",
+    "eslint": "10.0.3",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-prettier": "5.5.5",
     "eslint-plugin-vue": "10.8.0",
-    "fastify": "5.7.4",
+    "fastify": "5.8.2",
     "npm-run-all": "4.1.5",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.56.1",
-    "vite": "7.3.1",
+    "typescript-eslint": "8.57.1",
+    "vite": "8.0.0",
     "vite-plugin-pwa": "1.2.0",
-    "vitrify": "0.25.8",
-    "vue": "3.5.29",
+    "vitrify": "0.25.9",
+    "vue": "3.5.30",
     "vue-eslint-parser": "10.4.0",
     "vue-router": "5.0.3",
     "workbox-window": "7.4.0"