create-vite-extra 2.4.0 → 3.0.0

package/README.md

@@ -3,7 +3,7 @@
 ## Scaffolding Your First Vite Project
 
 > **Compatibility Note:**
-> Vite requires [Node.js](https://nodejs.org/en/) version 14.18+, 16+. However, some templates require a higher Node.js version to work, please upgrade if your package manager warns about it.
+> Vite requires [Node.js](https://nodejs.org/en/) version 18+, 20+, 22+. However, some templates require a higher Node.js version to work, please upgrade if your package manager warns about it.
 
 With NPM:
 

package/index.js

@@ -350,8 +350,7 @@ async function init() {
   const argTemplate = argv.template || argv.t
 
   const defaultTargetDir = 'vite-project'
-  const getProjectName = () =>
-    targetDir === '.' ? path.basename(path.resolve()) : targetDir
+  const getProjectName = () => path.basename(path.resolve(targetDir))
 
   let result = {}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vite-extra",
-  "version": "2.4.0",
+  "version": "3.0.0",
   "type": "module",
   "license": "MIT",
   "author": "Bjorn Lu",
@@ -12,12 +12,13 @@
     "template-*",
     "!template-*/dist",
     "!template-*/node_modules",
+    "!template-*/package-lock.json",
     "!template-*/pnpm-lock.yaml",
     "!template-*/deno.lock"
   ],
   "main": "index.js",
   "engines": {
-    "node": "^18.0.0 || >=20.0.0"
+    "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
   },
   "repository": {
     "type": "git",
@@ -33,7 +34,7 @@
     "prompts": "^2.4.2"
   },
   "devDependencies": {
-    "prettier": "^3.3.3"
+    "prettier": "^3.4.1"
   },
   "scripts": {
     "format": "prettier --write .",

package/template-deno-lit/deno.json

@@ -9,6 +9,6 @@
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
     "lit": "npm:lit@^3.2.1",
-    "vite": "npm:vite@^5.4.9"
+    "vite": "npm:vite@^6.0.1"
   }
 }

package/template-deno-lit-ts/deno.json

@@ -10,6 +10,6 @@
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
     "lit": "npm:lit@^3.2.1",
-    "vite": "npm:vite@^5.4.9"
+    "vite": "npm:vite@^6.0.1"
   }
 }

package/template-deno-preact/deno.json

@@ -13,7 +13,7 @@
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
     "@preact/preset-vite": "npm:@preact/preset-vite@^2.9.1",
-    "preact": "npm:preact@^10.24.3",
-    "vite": "npm:vite@^5.4.9"
+    "preact": "npm:preact@^10.25.0",
+    "vite": "npm:vite@^6.0.1"
   }
 }

package/template-deno-preact-ts/deno.json

@@ -13,7 +13,7 @@
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
     "@preact/preset-vite": "npm:@preact/preset-vite@^2.9.1",
-    "preact": "npm:preact@^10.24.3",
-    "vite": "npm:vite@^5.4.9"
+    "preact": "npm:preact@^10.25.0",
+    "vite": "npm:vite@^6.0.1"
   }
 }

package/template-deno-react/deno.json

@@ -13,11 +13,11 @@
   },
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "@types/react": "npm:@types/react@^18.3.11",
+    "@types/react": "npm:@types/react@^18.3.12",
     "@types/react-dom": "npm:@types/react-dom@^18.3.1",
-    "@vitejs/plugin-react": "npm:@vitejs/plugin-react@^4.3.3",
+    "@vitejs/plugin-react": "npm:@vitejs/plugin-react@^4.3.4",
     "react": "npm:react@^18.3.1",
     "react-dom": "npm:react-dom@^18.3.1",
-    "vite": "npm:vite@^5.4.9"
+    "vite": "npm:vite@^6.0.1"
   }
 }

package/template-deno-react-ts/deno.json

@@ -13,11 +13,11 @@
   },
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "@types/react": "npm:@types/react@^18.3.11",
+    "@types/react": "npm:@types/react@^18.3.12",
     "@types/react-dom": "npm:@types/react-dom@^18.3.1",
-    "@vitejs/plugin-react": "npm:@vitejs/plugin-react@^4.3.3",
+    "@vitejs/plugin-react": "npm:@vitejs/plugin-react@^4.3.4",
     "react": "npm:react@^18.3.1",
     "react-dom": "npm:react-dom@^18.3.1",
-    "vite": "npm:vite@^5.4.9"
+    "vite": "npm:vite@^6.0.1"
   }
 }

package/template-deno-solid/deno.json

@@ -12,8 +12,8 @@
   },
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "solid-js": "npm:solid-js@^1.9.2",
-    "vite": "npm:vite@^5.4.9",
-    "vite-plugin-solid": "npm:vite-plugin-solid@^2.10.2"
+    "solid-js": "npm:solid-js@^1.9.3",
+    "vite": "npm:vite@^6.0.1",
+    "vite-plugin-solid": "npm:vite-plugin-solid@^2.11.0"
   }
 }

package/template-deno-solid-ts/deno.json

@@ -12,8 +12,8 @@
   },
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "solid-js": "npm:solid-js@^1.9.2",
-    "vite": "npm:vite@^5.4.9",
-    "vite-plugin-solid": "npm:vite-plugin-solid@^2.10.2"
+    "solid-js": "npm:solid-js@^1.9.3",
+    "vite": "npm:vite@^6.0.1",
+    "vite-plugin-solid": "npm:vite-plugin-solid@^2.11.0"
   }
 }

package/template-deno-svelte/deno.json

@@ -10,8 +10,8 @@
   },
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^4.0.0",
-    "svelte": "npm:svelte@^5.0.3",
-    "vite": "npm:vite@^5.4.9"
+    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^5.0.1",
+    "svelte": "npm:svelte@^5.2.9",
+    "vite": "npm:vite@^6.0.1"
   }
 }

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

@@ -10,8 +10,8 @@
   },
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^4.0.0",
-    "svelte": "npm:svelte@^5.0.3",
-    "vite": "npm:vite@^5.4.9"
+    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^5.0.1",
+    "svelte": "npm:svelte@^5.2.9",
+    "vite": "npm:vite@^6.0.1"
   }
 }

package/template-deno-vanilla/deno.json

@@ -10,6 +10,6 @@
   },
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "vite": "npm:vite@^5.4.9"
+    "vite": "npm:vite@^6.0.1"
   }
 }

package/template-deno-vanilla/index.html

@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/main.js"></script>
+    <script type="module" src="/src/main.js"></script>
   </body>
 </html>

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

@@ -10,6 +10,6 @@
   },
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "vite": "npm:vite@^5.4.9"
+    "vite": "npm:vite@^6.0.1"
   }
 }

package/template-deno-vue/deno.json

@@ -10,8 +10,8 @@
   },
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "@vitejs/plugin-vue": "npm:@vitejs/plugin-vue@^5.1.4",
-    "vite": "npm:vite@^5.4.9",
-    "vue": "npm:vue@^3.5.12"
+    "@vitejs/plugin-vue": "npm:@vitejs/plugin-vue@^5.2.1",
+    "vite": "npm:vite@^6.0.1",
+    "vue": "npm:vue@^3.5.13"
   }
 }

package/template-deno-vue-ts/deno.json

@@ -10,8 +10,8 @@
   },
   "imports": {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "@vitejs/plugin-vue": "npm:@vitejs/plugin-vue@^5.1.4",
-    "vite": "npm:vite@^5.4.9",
-    "vue": "npm:vue@^3.5.12"
+    "@vitejs/plugin-vue": "npm:@vitejs/plugin-vue@^5.2.1",
+    "vite": "npm:vite@^6.0.1",
+    "vue": "npm:vue@^3.5.13"
   }
 }

package/template-library/package.json

@@ -20,6 +20,6 @@
     "build": "vite build"
   },
   "devDependencies": {
-    "vite": "^5.4.9"
+    "vite": "^6.0.1"
   }
 }

package/template-library-ts/package.json

@@ -20,7 +20,7 @@
     "build": "tsc && vite build"
   },
   "devDependencies": {
-    "typescript": "~5.6.3",
-    "vite": "^5.4.9"
+    "typescript": "~5.7.2",
+    "vite": "^6.0.1"
   }
 }

package/template-library-ts/tsconfig.json

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

package/template-ssr-preact/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.jsx --outDir dist/server",
     "preview": "cross-env NODE_ENV=production node server"
   },
   "dependencies": {
-    "compression": "^1.7.4",
+    "compression": "^1.7.5",
     "express": "^5.0.1",
-    "preact": "^10.24.3",
+    "preact": "^10.25.0",
     "preact-render-to-string": "^6.5.11",
     "sirv": "^3.0.0"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.9.1",
     "cross-env": "^7.0.3",
-    "vite": "^5.4.9"
+    "vite": "^6.0.1"
   }
 }

package/template-ssr-preact/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-preact/src/entry-server.jsx

@@ -1,7 +1,10 @@
 import renderToString from 'preact-render-to-string'
 import { App } from './app'
 
-export function render() {
+/**
+ * @param {string} _url
+ */
+export function render(_url) {
   const html = renderToString(<App />)
   return { html }
 }

package/template-ssr-preact-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.tsx --outDir dist/server",
     "preview": "cross-env NODE_ENV=production node server"
   },
   "dependencies": {
-    "compression": "^1.7.4",
+    "compression": "^1.7.5",
     "express": "^5.0.1",
-    "preact": "^10.24.3",
+    "preact": "^10.25.0",
     "preact-render-to-string": "^6.5.11",
     "sirv": "^3.0.0"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.9.1",
     "@types/express": "^5.0.0",
-    "@types/node": "^22.7.7",
+    "@types/node": "^22.10.0",
     "cross-env": "^7.0.3",
-    "typescript": "~5.6.3",
-    "vite": "^5.4.9"
+    "typescript": "~5.7.2",
+    "vite": "^6.0.1"
   }
 }

package/template-ssr-preact-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-preact-ts/src/entry-server.tsx

@@ -1,7 +1,7 @@
 import renderToString from 'preact-render-to-string'
 import { App } from './app'
 
-export function render() {
+export function render(_url: string) {
   const html = renderToString(<App />)
   return { html }
 }

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

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

package/template-ssr-preact-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-react/package.json

@@ -6,22 +6,22 @@
   "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.jsx --outDir dist/server",
     "preview": "cross-env NODE_ENV=production node server"
   },
   "dependencies": {
-    "compression": "^1.7.4",
+    "compression": "^1.7.5",
     "express": "^5.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sirv": "^3.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.3.11",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.3.4",
     "cross-env": "^7.0.3",
-    "vite": "^5.4.9"
+    "vite": "^6.0.1"
   }
 }

package/template-ssr-react/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-react/src/entry-server.jsx

@@ -2,7 +2,10 @@ import { StrictMode } from 'react'
 import { renderToString } from 'react-dom/server'
 import App from './App'
 
-export function render() {
+/**
+ * @param {string} _url
+ */
+export function render(_url) {
   const html = renderToString(
     <StrictMode>
       <App />

package/template-ssr-react-streaming/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.jsx --outDir dist/server",
     "preview": "cross-env NODE_ENV=production node server"
   },
   "dependencies": {
-    "compression": "^1.7.4",
+    "compression": "^1.7.5",
     "express": "^5.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sirv": "^3.0.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.3.4",
     "cross-env": "^7.0.3",
-    "vite": "^5.4.9"
+    "vite": "^6.0.1"
   }
 }

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

@@ -12,14 +12,12 @@ const ABORT_DELAY = 10000
 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')
@@ -41,7 +39,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
@@ -55,7 +55,7 @@ app.use('*all', async (req, res) => {
 
     let didError = false
 
-    const { pipe, abort } = render(url, ssrManifest, {
+    const { pipe, abort } = render(url, {
       onShellError() {
         res.status(500)
         res.set({ 'Content-Type': 'text/html' })

package/template-ssr-react-streaming/src/entry-server.jsx

@@ -3,11 +3,10 @@ import { renderToPipeableStream } from 'react-dom/server'
 import App from './App'
 
 /**
- * @param {string} url
- * @param {string} [ssrManifest]
+ * @param {string} _url
  * @param {import('react-dom/server').RenderToPipeableStreamOptions} [options]
  */
-export function render(url, ssrManifest, options) {
+export function render(_url, options) {
   return renderToPipeableStream(
     <StrictMode>
       <App />

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

@@ -6,12 +6,12 @@
   "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.tsx --outDir dist/server",
     "preview": "cross-env NODE_ENV=production node server"
   },
   "dependencies": {
-    "compression": "^1.7.4",
+    "compression": "^1.7.5",
     "express": "^5.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -19,12 +19,12 @@
   },
   "devDependencies": {
     "@types/express": "^5.0.0",
-    "@types/node": "^22.7.7",
-    "@types/react": "^18.3.11",
+    "@types/node": "^22.10.0",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.3.4",
     "cross-env": "^7.0.3",
-    "typescript": "~5.6.3",
-    "vite": "^5.4.9"
+    "typescript": "~5.7.2",
+    "vite": "^6.0.1"
   }
 }