create-vite-extra 2.3.0 → 2.4.1

package/template-ssr-react/package.json

@@ -20,8 +20,8 @@
   "devDependencies": {
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.2",
+    "@vitejs/plugin-react": "^4.3.3",
     "cross-env": "^7.0.3",
-    "vite": "^5.4.8"
+    "vite": "^5.4.9"
   }
 }

package/template-ssr-react/src/App.jsx

@@ -1,6 +1,6 @@
+import './App.css'
 import { useState } from 'react'
 import reactLogo from './assets/react.svg'
-import './App.css'
 
 function App() {
   const [count, setCount] = useState(0)

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

@@ -18,8 +18,8 @@
     "sirv": "^3.0.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "^4.3.2",
+    "@vitejs/plugin-react": "^4.3.3",
     "cross-env": "^7.0.3",
-    "vite": "^5.4.8"
+    "vite": "^5.4.9"
   }
 }

package/template-ssr-react-streaming/src/App.jsx

@@ -1,6 +1,6 @@
+import './App.css'
 import { Suspense, lazy } from 'react'
 import reactLogo from './assets/react.svg'
-import './App.css'
 
 // Works also with SSR as expected
 const Card = lazy(() => import('./Card'))

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

@@ -19,12 +19,12 @@
   },
   "devDependencies": {
     "@types/express": "^5.0.0",
-    "@types/node": "^22.7.5",
+    "@types/node": "^22.7.7",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.2",
+    "@vitejs/plugin-react": "^4.3.3",
     "cross-env": "^7.0.3",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.8"
+    "typescript": "~5.6.3",
+    "vite": "^5.4.9"
   }
 }

package/template-ssr-react-streaming-ts/src/App.tsx

@@ -1,6 +1,6 @@
+import './App.css'
 import { Suspense, lazy } from 'react'
 import reactLogo from './assets/react.svg'
-import './App.css'
 
 // Works also with SSR as expected
 const Card = lazy(() => import('./Card'))

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

@@ -2,15 +2,15 @@
   "compilerOptions": {
     "target": "ES2020",
     "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,
 
     /* Bundler mode */
     "moduleResolution": "Bundler",
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
     "jsx": "react-jsx",
 
@@ -18,7 +18,8 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]

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

@@ -1,11 +1,24 @@
 {
   "compilerOptions": {
     "composite": true,
-    "skipLibCheck": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
     "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
     "moduleResolution": "Bundler",
-    "allowSyntheticDefaultImports": true,
-    "jsx": "preserve"
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["vite.config.ts"]
 }

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

@@ -19,12 +19,12 @@
   },
   "devDependencies": {
     "@types/express": "^5.0.0",
-    "@types/node": "^22.7.5",
+    "@types/node": "^22.7.7",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.2",
+    "@vitejs/plugin-react": "^4.3.3",
     "cross-env": "^7.0.3",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.8"
+    "typescript": "~5.6.3",
+    "vite": "^5.4.9"
   }
 }

package/template-ssr-react-ts/src/App.tsx

@@ -1,6 +1,6 @@
+import './App.css'
 import { useState } from 'react'
 import reactLogo from './assets/react.svg'
-import './App.css'
 
 function App() {
   const [count, setCount] = useState(0)

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

@@ -2,15 +2,15 @@
   "compilerOptions": {
     "target": "ES2020",
     "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,
 
     /* Bundler mode */
     "moduleResolution": "Bundler",
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
     "jsx": "react-jsx",
 
@@ -18,7 +18,8 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]

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

@@ -1,11 +1,24 @@
 {
   "compilerOptions": {
     "composite": true,
-    "skipLibCheck": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
     "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
     "moduleResolution": "Bundler",
-    "allowSyntheticDefaultImports": true,
-    "jsx": "preserve"
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["vite.config.ts"]
 }

package/template-ssr-solid/package.json

@@ -18,7 +18,7 @@
   },
   "devDependencies": {
     "cross-env": "^7.0.3",
-    "vite": "^5.4.8",
+    "vite": "^5.4.9",
     "vite-plugin-solid": "^2.10.2"
   }
 }

package/template-ssr-solid/src/App.jsx

@@ -1,6 +1,6 @@
+import './App.css'
 import { createSignal } from 'solid-js'
 import solidLogo from './assets/solid.svg'
-import './App.css'
 
 function App() {
   const [count, setCount] = createSignal(0)

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

@@ -18,9 +18,9 @@
   },
   "devDependencies": {
     "@types/express": "^5.0.0",
-    "@types/node": "^22.7.5",
+    "@types/node": "^22.7.7",
     "cross-env": "^7.0.3",
-    "vite": "^5.4.8",
+    "vite": "^5.4.9",
     "vite-plugin-solid": "^2.10.2"
   }
 }

package/template-ssr-solid-ts/src/App.tsx

@@ -1,6 +1,6 @@
+import './App.css'
 import { createSignal } from 'solid-js'
 import solidLogo from './assets/solid.svg'
-import './App.css'
 
 function App() {
   const [count, setCount] = createSignal(0)

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

@@ -2,15 +2,15 @@
   "compilerOptions": {
     "target": "ES2020",
     "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,
 
     /* Bundler mode */
     "moduleResolution": "Bundler",
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
     "jsx": "preserve",
     "jsxImportSource": "solid-js",
@@ -19,7 +19,8 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]

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

@@ -1,11 +1,24 @@
 {
   "compilerOptions": {
     "composite": true,
-    "skipLibCheck": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
     "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
     "moduleResolution": "Bundler",
-    "allowSyntheticDefaultImports": true,
-    "jsx": "preserve"
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["vite.config.ts"]
 }

package/template-ssr-svelte/jsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "moduleResolution": "Node",
+    "moduleResolution": "Bundler",
     "target": "ESNext",
     "module": "ESNext",
     /**
@@ -8,7 +8,7 @@
      * a value or a type, so tell TypeScript to enforce using
      * `import type` instead of `import` for Types.
      */
-    "importsNotUsedAsValues": "error",
+    "verbatimModuleSyntax": true,
     "isolatedModules": true,
     "resolveJsonModule": true,
     /**
@@ -18,7 +18,6 @@
     "sourceMap": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
     /**
      * Typecheck JS in `.svelte` and `.js` files by default.
      * Disable this if you'd like to use dynamic types.

package/template-ssr-svelte/package.json

@@ -16,9 +16,9 @@
     "sirv": "^3.0.0"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "cross-env": "^7.0.3",
-    "svelte": "^4.2.19",
-    "vite": "^5.4.8"
+    "svelte": "^5.0.3",
+    "vite": "^5.4.9"
   }
 }

package/template-ssr-svelte/server.js

@@ -55,7 +55,7 @@ app.use('*all', async (req, res) => {
 
     const html = template
       .replace(`<!--app-head-->`, rendered.head ?? '')
-      .replace(`<!--app-html-->`, rendered.html ?? '')
+      .replace(`<!--app-html-->`, rendered.body ?? '')
 
     res.status(200).set({ 'Content-Type': 'text/html' }).send(html)
   } catch (e) {

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

@@ -1,7 +1,7 @@
 import './app.css'
+import { hydrate } from 'svelte'
 import App from './App.svelte'
 
-new App({
+hydrate(App, {
   target: document.getElementById('app'),
-  hydrate: true,
 })

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

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

package/template-ssr-svelte/src/lib/Counter.svelte

@@ -1,10 +1,10 @@
 <script>
-  let count = 0
+  let count = $state(0)
   const increment = () => {
     count += 1
   }
 </script>
 
-<button on:click={increment}>
+<button onclick={increment}>
   count is {count}
 </button>

package/template-ssr-svelte/vite.config.js

@@ -3,11 +3,5 @@ import { svelte } from '@sveltejs/vite-plugin-svelte'
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [
-    svelte({
-      compilerOptions: {
-        hydratable: true,
-      },
-    }),
-  ],
+  plugins: [svelte()],
 })

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

@@ -8,7 +8,8 @@
     "build": "npm run build:client && npm run build:server",
     "build:client": "vite build --ssrManifest --outDir dist/client",
     "build:server": "vite build --ssr src/entry-server.ts --outDir dist/server",
-    "preview": "cross-env NODE_ENV=production node server"
+    "preview": "cross-env NODE_ENV=production node server",
+    "check": "svelte-check"
   },
   "dependencies": {
     "compression": "^1.7.4",
@@ -16,15 +17,15 @@
     "sirv": "^3.0.0"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@tsconfig/svelte": "^5.0.4",
     "@types/express": "^5.0.0",
-    "@types/node": "^22.7.5",
+    "@types/node": "^22.7.7",
     "cross-env": "^7.0.3",
-    "svelte": "^4.2.19",
+    "svelte": "^5.0.3",
     "svelte-check": "^4.0.5",
-    "tslib": "^2.7.0",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.8"
+    "tslib": "^2.8.0",
+    "typescript": "~5.6.3",
+    "vite": "^5.4.9"
   }
 }

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

@@ -55,7 +55,7 @@ app.use('*all', async (req, res) => {
 
     const html = template
       .replace(`<!--app-head-->`, rendered.head ?? '')
-      .replace(`<!--app-html-->`, rendered.html ?? '')
+      .replace(`<!--app-html-->`, rendered.body ?? '')
 
     res.status(200).set({ 'Content-Type': 'text/html' }).send(html)
   } catch (e) {

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

@@ -1,7 +1,7 @@
 import './app.css'
+import { hydrate } from 'svelte'
 import App from './App.svelte'
 
-new App({
-  target: document.getElementById('app'),
-  hydrate: true,
+hydrate(App, {
+  target: document.getElementById('app')!,
 })

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() {
-  // @ts-ignore
-  return App.render()
+  return _render(App)
 }

package/template-ssr-svelte-ts/src/lib/Counter.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-  let count: number = 0
+  let count: number = $state(0)
   const increment = () => {
     count += 1
   }
 </script>
 
-<button on:click={increment}>
+<button onclick={increment}>
   count is {count}
 </button>

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

@@ -13,7 +13,8 @@
      */
     "allowJs": true,
     "checkJs": true,
-    "isolatedModules": true
+    "isolatedModules": true,
+    "moduleDetection": "force"
   },
   "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"],
   "references": [{ "path": "./tsconfig.node.json" }]

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

@@ -1,9 +1,12 @@
 {
   "compilerOptions": {
     "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
     "skipLibCheck": true,
     "module": "ESNext",
-    "moduleResolution": "bundler"
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["vite.config.ts"]
 }

package/template-ssr-svelte-ts/vite.config.ts

@@ -3,11 +3,5 @@ import { svelte } from '@sveltejs/vite-plugin-svelte'
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [
-    svelte({
-      compilerOptions: {
-        hydratable: true,
-      },
-    }),
-  ],
+  plugins: [svelte()],
 })

package/template-ssr-transform/package.json

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

package/template-ssr-vanilla/package.json

@@ -17,6 +17,6 @@
   },
   "devDependencies": {
     "cross-env": "^7.0.3",
-    "vite": "^5.4.8"
+    "vite": "^5.4.9"
   }
 }

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

@@ -17,9 +17,9 @@
   },
   "devDependencies": {
     "@types/express": "^5.0.0",
-    "@types/node": "^22.7.5",
+    "@types/node": "^22.7.7",
     "cross-env": "^7.0.3",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.8"
+    "typescript": "~5.6.3",
+    "vite": "^5.4.9"
   }
 }

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

@@ -9,15 +9,16 @@
     /* Bundler mode */
     "moduleResolution": "Bundler",
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
 
     /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["src"]
 }

package/template-ssr-vue/package.json

@@ -19,6 +19,6 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.1.4",
     "cross-env": "^7.0.3",
-    "vite": "^5.4.8"
+    "vite": "^5.4.9"
   }
 }

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

@@ -19,6 +19,6 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.1.4",
     "cross-env": "^7.0.3",
-    "vite": "^5.4.8"
+    "vite": "^5.4.9"
   }
 }

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

@@ -18,11 +18,11 @@
   },
   "devDependencies": {
     "@types/express": "^5.0.0",
-    "@types/node": "^22.7.5",
+    "@types/node": "^22.7.7",
     "@vitejs/plugin-vue": "^5.1.4",
     "cross-env": "^7.0.3",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.8",
+    "typescript": "~5.6.3",
+    "vite": "^5.4.9",
     "vue-tsc": "^2.1.6"
   }
 }

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

@@ -2,15 +2,15 @@
   "compilerOptions": {
     "target": "ES2020",
     "useDefineForClassFields": true,
-    "module": "ESNext",
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
     "skipLibCheck": true,
 
     /* Bundler mode */
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
     "jsx": "preserve",
 
@@ -18,7 +18,8 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]