create-vite-extra 2.4.1 → 3.0.1

package/template-ssr-solid-ts/tsconfig.json

@@ -7,7 +7,7 @@
     "skipLibCheck": true,
 
     /* Bundler mode */
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "isolatedModules": true,
     "moduleDetection": "force",

package/template-ssr-solid-ts/tsconfig.node.json

@@ -8,7 +8,7 @@
     "skipLibCheck": true,
 
     /* Bundler mode */
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "isolatedModules": true,
     "moduleDetection": "force",

package/template-ssr-svelte/jsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
     "target": "ESNext",
     "module": "ESNext",
     /**

package/template-ssr-svelte/package.json

@@ -6,19 +6,19 @@
   "scripts": {
     "dev": "node server",
     "build": "npm run build:client && npm run build:server",
-    "build:client": "vite build --ssrManifest --outDir dist/client",
+    "build:client": "vite build --outDir dist/client",
     "build:server": "vite build --ssr src/entry-server.js --outDir dist/server",
     "preview": "cross-env NODE_ENV=production node server"
   },
   "dependencies": {
-    "compression": "^1.7.4",
+    "compression": "^1.8.0",
     "express": "^5.0.1",
-    "sirv": "^3.0.0"
+    "sirv": "^3.0.1"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "cross-env": "^7.0.3",
-    "svelte": "^5.0.3",
-    "vite": "^5.4.9"
+    "svelte": "^5.20.2",
+    "vite": "^6.1.1"
   }
 }

package/template-ssr-svelte/server.js

@@ -10,14 +10,12 @@ const base = process.env.BASE || '/'
 const templateHtml = isProduction
   ? await fs.readFile('./dist/client/index.html', 'utf-8')
   : ''
-const ssrManifest = isProduction
-  ? await fs.readFile('./dist/client/.vite/ssr-manifest.json', 'utf-8')
-  : undefined
 
 // Create http server
 const app = express()
 
 // Add Vite or respective production middlewares
+/** @type {import('vite').ViteDevServer | undefined} */
 let vite
 if (!isProduction) {
   const { createServer } = await import('vite')
@@ -39,7 +37,9 @@ app.use('*all', async (req, res) => {
   try {
     const url = req.originalUrl.replace(base, '')
 
+    /** @type {string} */
     let template
+    /** @type {import('./src/entry-server.js').render} */
     let render
     if (!isProduction) {
       // Always read fresh template in development
@@ -51,7 +51,7 @@ app.use('*all', async (req, res) => {
       render = (await import('./dist/server/entry-server.js')).render
     }
 
-    const rendered = await render(url, ssrManifest)
+    const rendered = await render(url)
 
     const html = template
       .replace(`<!--app-head-->`, rendered.head ?? '')

package/template-ssr-svelte/src/app.css

@@ -1,5 +1,5 @@
 :root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
 

package/template-ssr-svelte/src/entry-server.js

@@ -1,6 +1,9 @@
 import { render as _render } from 'svelte/server'
 import App from './App.svelte'
 
-export function render() {
+/**
+ * @param {string} _url
+ */
+export function render(_url) {
   return _render(App)
 }

package/template-ssr-svelte-ts/package.json

@@ -6,26 +6,26 @@
   "scripts": {
     "dev": "node server",
     "build": "npm run build:client && npm run build:server",
-    "build:client": "vite build --ssrManifest --outDir dist/client",
+    "build:client": "vite build --outDir dist/client",
     "build:server": "vite build --ssr src/entry-server.ts --outDir dist/server",
     "preview": "cross-env NODE_ENV=production node server",
     "check": "svelte-check"
   },
   "dependencies": {
-    "compression": "^1.7.4",
+    "compression": "^1.8.0",
     "express": "^5.0.1",
-    "sirv": "^3.0.0"
+    "sirv": "^3.0.1"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@tsconfig/svelte": "^5.0.4",
     "@types/express": "^5.0.0",
-    "@types/node": "^22.7.7",
+    "@types/node": "^22.13.4",
     "cross-env": "^7.0.3",
-    "svelte": "^5.0.3",
-    "svelte-check": "^4.0.5",
-    "tslib": "^2.8.0",
-    "typescript": "~5.6.3",
-    "vite": "^5.4.9"
+    "svelte": "^5.20.2",
+    "svelte-check": "^4.1.4",
+    "tslib": "^2.8.1",
+    "typescript": "~5.7.3",
+    "vite": "^6.1.1"
   }
 }

package/template-ssr-svelte-ts/server.js

@@ -10,14 +10,12 @@ const base = process.env.BASE || '/'
 const templateHtml = isProduction
   ? await fs.readFile('./dist/client/index.html', 'utf-8')
   : ''
-const ssrManifest = isProduction
-  ? await fs.readFile('./dist/client/.vite/ssr-manifest.json', 'utf-8')
-  : undefined
 
 // Create http server
 const app = express()
 
 // Add Vite or respective production middlewares
+/** @type {import('vite').ViteDevServer | undefined} */
 let vite
 if (!isProduction) {
   const { createServer } = await import('vite')
@@ -39,7 +37,9 @@ app.use('*all', async (req, res) => {
   try {
     const url = req.originalUrl.replace(base, '')
 
+    /** @type {string} */
     let template
+    /** @type {import('./src/entry-server.ts').render} */
     let render
     if (!isProduction) {
       // Always read fresh template in development
@@ -51,7 +51,7 @@ app.use('*all', async (req, res) => {
       render = (await import('./dist/server/entry-server.js')).render
     }
 
-    const rendered = await render(url, ssrManifest)
+    const rendered = await render(url)
 
     const html = template
       .replace(`<!--app-head-->`, rendered.head ?? '')

package/template-ssr-svelte-ts/src/app.css

@@ -1,5 +1,5 @@
 :root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
 

package/template-ssr-svelte-ts/src/entry-server.ts

@@ -1,6 +1,6 @@
 import { render as _render } from 'svelte/server'
 import App from './App.svelte'
 
-export function render() {
+export function render(_url: string) {
   return _render(App)
 }

package/template-ssr-svelte-ts/tsconfig.node.json

@@ -4,7 +4,7 @@
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
     "skipLibCheck": true,
     "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
     "strict": true,
     "noUncheckedSideEffectImports": true
   },

package/template-ssr-transform/package.json

@@ -7,6 +7,6 @@
     "test": "node test"
   },
   "devDependencies": {
-    "vite": "^5.4.9"
+    "vite": "^6.1.1"
   }
 }

package/template-ssr-vanilla/package.json

@@ -6,17 +6,17 @@
   "scripts": {
     "dev": "node server",
     "build": "npm run build:client && npm run build:server",
-    "build:client": "vite build --ssrManifest --outDir dist/client",
+    "build:client": "vite build --outDir dist/client",
     "build:server": "vite build --ssr src/entry-server.js --outDir dist/server",
     "preview": "cross-env NODE_ENV=production node server"
   },
   "dependencies": {
-    "compression": "^1.7.4",
+    "compression": "^1.8.0",
     "express": "^5.0.1",
-    "sirv": "^3.0.0"
+    "sirv": "^3.0.1"
   },
   "devDependencies": {
     "cross-env": "^7.0.3",
-    "vite": "^5.4.9"
+    "vite": "^6.1.1"
   }
 }

package/template-ssr-vanilla/server.js

@@ -10,14 +10,12 @@ const base = process.env.BASE || '/'
 const templateHtml = isProduction
   ? await fs.readFile('./dist/client/index.html', 'utf-8')
   : ''
-const ssrManifest = isProduction
-  ? await fs.readFile('./dist/client/.vite/ssr-manifest.json', 'utf-8')
-  : undefined
 
 // Create http server
 const app = express()
 
 // Add Vite or respective production middlewares
+/** @type {import('vite').ViteDevServer | undefined} */
 let vite
 if (!isProduction) {
   const { createServer } = await import('vite')
@@ -39,7 +37,9 @@ app.use('*all', async (req, res) => {
   try {
     const url = req.originalUrl.replace(base, '')
 
+    /** @type {string} */
     let template
+    /** @type {import('./src/entry-server.js').render} */
     let render
     if (!isProduction) {
       // Always read fresh template in development
@@ -51,7 +51,7 @@ app.use('*all', async (req, res) => {
       render = (await import('./dist/server/entry-server.js')).render
     }
 
-    const rendered = await render(url, ssrManifest)
+    const rendered = await render(url)
 
     const html = template
       .replace(`<!--app-head-->`, rendered.head ?? '')

package/template-ssr-vanilla/src/entry-server.js

@@ -1,6 +1,9 @@
 import javascriptLogo from './javascript.svg'
 
-export function render() {
+/**
+ * @param {string} _url
+ */
+export function render(_url) {
   const html = `
     <div>
       <a href="https://vite.dev" target="_blank">

package/template-ssr-vanilla/src/style.css

@@ -1,5 +1,5 @@
 :root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
 

package/template-ssr-vanilla-ts/package.json

@@ -6,20 +6,20 @@
   "scripts": {
     "dev": "node server",
     "build": "npm run build:client && npm run build:server",
-    "build:client": "vite build --ssrManifest --outDir dist/client",
+    "build:client": "vite build --outDir dist/client",
     "build:server": "vite build --ssr src/entry-server.ts --outDir dist/server",
     "preview": "cross-env NODE_ENV=production node server"
   },
   "dependencies": {
-    "compression": "^1.7.4",
+    "compression": "^1.8.0",
     "express": "^5.0.1",
-    "sirv": "^3.0.0"
+    "sirv": "^3.0.1"
   },
   "devDependencies": {
     "@types/express": "^5.0.0",
-    "@types/node": "^22.7.7",
+    "@types/node": "^22.13.4",
     "cross-env": "^7.0.3",
-    "typescript": "~5.6.3",
-    "vite": "^5.4.9"
+    "typescript": "~5.7.3",
+    "vite": "^6.1.1"
   }
 }

package/template-ssr-vanilla-ts/server.js

@@ -10,14 +10,12 @@ const base = process.env.BASE || '/'
 const templateHtml = isProduction
   ? await fs.readFile('./dist/client/index.html', 'utf-8')
   : ''
-const ssrManifest = isProduction
-  ? await fs.readFile('./dist/client/.vite/ssr-manifest.json', 'utf-8')
-  : undefined
 
 // Create http server
 const app = express()
 
 // Add Vite or respective production middlewares
+/** @type {import('vite').ViteDevServer | undefined} */
 let vite
 if (!isProduction) {
   const { createServer } = await import('vite')
@@ -39,7 +37,9 @@ app.use('*all', async (req, res) => {
   try {
     const url = req.originalUrl.replace(base, '')
 
+    /** @type {string} */
     let template
+    /** @type {import('./src/entry-server.ts').render} */
     let render
     if (!isProduction) {
       // Always read fresh template in development
@@ -51,7 +51,7 @@ app.use('*all', async (req, res) => {
       render = (await import('./dist/server/entry-server.js')).render
     }
 
-    const rendered = await render(url, ssrManifest)
+    const rendered = await render(url)
 
     const html = template
       .replace(`<!--app-head-->`, rendered.head ?? '')

package/template-ssr-vanilla-ts/src/entry-server.ts

@@ -1,6 +1,6 @@
 import typescriptLogo from './typescript.svg'
 
-export function render() {
+export function render(_url: string) {
   const html = `
     <div>
       <a href="https://vite.dev" target="_blank">

package/template-ssr-vanilla-ts/src/style.css

@@ -1,5 +1,5 @@
 :root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
 

package/template-ssr-vanilla-ts/tsconfig.json

@@ -7,7 +7,7 @@
     "skipLibCheck": true,
 
     /* Bundler mode */
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "isolatedModules": true,
     "moduleDetection": "force",

package/template-ssr-vue/package.json

@@ -6,19 +6,19 @@
   "scripts": {
     "dev": "node server",
     "build": "npm run build:client && npm run build:server",
-    "build:client": "vite build --ssrManifest --outDir dist/client",
+    "build:client": "vite build --outDir dist/client",
     "build:server": "vite build --ssr src/entry-server.js --outDir dist/server",
     "preview": "cross-env NODE_ENV=production node server"
   },
   "dependencies": {
-    "compression": "^1.7.4",
+    "compression": "^1.8.0",
     "express": "^5.0.1",
-    "sirv": "^3.0.0",
-    "vue": "^3.5.12"
+    "sirv": "^3.0.1",
+    "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.1.4",
+    "@vitejs/plugin-vue": "^5.2.1",
     "cross-env": "^7.0.3",
-    "vite": "^5.4.9"
+    "vite": "^6.1.1"
   }
 }

package/template-ssr-vue/server.js

@@ -10,14 +10,12 @@ const base = process.env.BASE || '/'
 const templateHtml = isProduction
   ? await fs.readFile('./dist/client/index.html', 'utf-8')
   : ''
-const ssrManifest = isProduction
-  ? await fs.readFile('./dist/client/.vite/ssr-manifest.json', 'utf-8')
-  : undefined
 
 // Create http server
 const app = express()
 
 // Add Vite or respective production middlewares
+/** @type {import('vite').ViteDevServer | undefined} */
 let vite
 if (!isProduction) {
   const { createServer } = await import('vite')
@@ -39,7 +37,9 @@ app.use('*all', async (req, res) => {
   try {
     const url = req.originalUrl.replace(base, '')
 
+    /** @type {string} */
     let template
+    /** @type {import('./src/entry-server.js').render} */
     let render
     if (!isProduction) {
       // Always read fresh template in development
@@ -51,7 +51,7 @@ app.use('*all', async (req, res) => {
       render = (await import('./dist/server/entry-server.js')).render
     }
 
-    const rendered = await render(url, ssrManifest)
+    const rendered = await render(url)
 
     const html = template
       .replace(`<!--app-head-->`, rendered.head ?? '')

package/template-ssr-vue/src/entry-server.js

@@ -1,7 +1,10 @@
 import { renderToString } from 'vue/server-renderer'
 import { createApp } from './main'
 
-export async function render() {
+/**
+ * @param {string} _url
+ */
+export async function render(_url) {
   const { app } = createApp()
 
   // passing SSR context object which will be available via useSSRContext()

package/template-ssr-vue/src/style.css

@@ -1,5 +1,5 @@
 :root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
 

package/template-ssr-vue-streaming/package.json

@@ -6,19 +6,19 @@
   "scripts": {
     "dev": "node server",
     "build": "npm run build:client && npm run build:server",
-    "build:client": "vite build --ssrManifest --outDir dist/client",
+    "build:client": "vite build --outDir dist/client",
     "build:server": "vite build --ssr src/entry-server.js --outDir dist/server",
     "preview": "cross-env NODE_ENV=production node server"
   },
   "dependencies": {
-    "compression": "^1.7.4",
+    "compression": "^1.8.0",
     "express": "^5.0.1",
-    "sirv": "^3.0.0",
-    "vue": "^3.5.12"
+    "sirv": "^3.0.1",
+    "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.1.4",
+    "@vitejs/plugin-vue": "^5.2.1",
     "cross-env": "^7.0.3",
-    "vite": "^5.4.9"
+    "vite": "^6.1.1"
   }
 }

package/template-ssr-vue-streaming/server.js

@@ -10,14 +10,12 @@ const base = process.env.BASE || '/'
 const templateHtml = isProduction
   ? await fs.readFile('./dist/client/index.html', 'utf-8')
   : ''
-const ssrManifest = isProduction
-  ? await fs.readFile('./dist/client/.vite/ssr-manifest.json', 'utf-8')
-  : undefined
 
 // Create http server
 const app = express()
 
 // Add Vite or respective production middlewares
+/** @type {import('vite').ViteDevServer | undefined} */
 let vite
 if (!isProduction) {
   const { createServer } = await import('vite')
@@ -39,7 +37,9 @@ app.use('*all', async (req, res) => {
   try {
     const url = req.originalUrl.replace(base, '')
 
+    /** @type {string} */
     let template
+    /** @type {import('./src/entry-server.js').render} */
     let render
     if (!isProduction) {
       // Always read fresh template in development
@@ -51,7 +51,7 @@ app.use('*all', async (req, res) => {
       render = (await import('./dist/server/entry-server.js')).render
     }
 
-    const { stream } = render(url, ssrManifest)
+    const { stream } = render(url)
 
     const [htmlStart, htmlEnd] = template.split('<!--app-html-->')
 

package/template-ssr-vue-streaming/src/entry-server.js

@@ -1,7 +1,10 @@
 import { renderToWebStream } from 'vue/server-renderer'
 import { createApp } from './main'
 
-export function render() {
+/**
+ * @param {string} _url
+ */
+export function render(_url) {
   const { app } = createApp()
 
   // passing SSR context object which will be available via useSSRContext()

package/template-ssr-vue-streaming/src/style.css

@@ -1,5 +1,5 @@
 :root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
 

package/template-ssr-vue-streaming-ts/package.json

@@ -6,23 +6,23 @@
   "scripts": {
     "dev": "node server",
     "build": "npm run build:client && npm run build:server",
-    "build:client": "vite build --ssrManifest --outDir dist/client",
+    "build:client": "vite build --outDir dist/client",
     "build:server": "vite build --ssr src/entry-server.ts --outDir dist/server",
     "preview": "cross-env NODE_ENV=production node server"
   },
   "dependencies": {
-    "compression": "^1.7.4",
+    "compression": "^1.8.0",
     "express": "^5.0.1",
-    "sirv": "^3.0.0",
-    "vue": "^3.5.12"
+    "sirv": "^3.0.1",
+    "vue": "^3.5.13"
   },
   "devDependencies": {
     "@types/express": "^5.0.0",
-    "@types/node": "^22.7.7",
-    "@vitejs/plugin-vue": "^5.1.4",
+    "@types/node": "^22.13.4",
+    "@vitejs/plugin-vue": "^5.2.1",
     "cross-env": "^7.0.3",
-    "typescript": "~5.6.3",
-    "vite": "^5.4.9",
-    "vue-tsc": "^2.1.6"
+    "typescript": "~5.7.3",
+    "vite": "^6.1.1",
+    "vue-tsc": "^2.2.2"
   }
 }

package/template-ssr-vue-streaming-ts/server.js

@@ -10,14 +10,12 @@ const base = process.env.BASE || '/'
 const templateHtml = isProduction
   ? await fs.readFile('./dist/client/index.html', 'utf-8')
   : ''
-const ssrManifest = isProduction
-  ? await fs.readFile('./dist/client/.vite/ssr-manifest.json', 'utf-8')
-  : undefined
 
 // Create http server
 const app = express()
 
 // Add Vite or respective production middlewares
+/** @type {import('vite').ViteDevServer | undefined} */
 let vite
 if (!isProduction) {
   const { createServer } = await import('vite')
@@ -39,7 +37,9 @@ app.use('*all', async (req, res) => {
   try {
     const url = req.originalUrl.replace(base, '')
 
+    /** @type {string} */
     let template
+    /** @type {import('./src/entry-server.ts').render} */
     let render
     if (!isProduction) {
       // Always read fresh template in development
@@ -51,7 +51,7 @@ app.use('*all', async (req, res) => {
       render = (await import('./dist/server/entry-server.js')).render
     }
 
-    const { stream } = render(url, ssrManifest)
+    const { stream } = render(url)
 
     const [htmlStart, htmlEnd] = template.split('<!--app-html-->')
 

package/template-ssr-vue-streaming-ts/src/entry-server.ts

@@ -1,7 +1,7 @@
 import { renderToWebStream } from 'vue/server-renderer'
 import { createApp } from './main'
 
-export function render() {
+export function render(_url: string) {
   const { app } = createApp()
 
   // passing SSR context object which will be available via useSSRContext()

package/template-ssr-vue-streaming-ts/src/style.css

@@ -1,5 +1,5 @@
 :root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;