create-vite-extra - npm Package Compare versions

Comparing version 2.3.0 to 2.4.0

package.json

 {
   "name": "create-vite-extra",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "type": "module",
@@ -32,3 +32,3 @@ "license": "MIT",
     "minimist": "^1.2.8",
-    "picocolors": "^1.1.0",
+    "picocolors": "^1.1.1",
     "prompts": "^2.4.2"
@@ -35,0 +35,0 @@ },

template-deno-lit-ts/deno.json

@@ -12,5 +12,5 @@ {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "lit": "npm:lit@^2.7.5",
-    "vite": "npm:vite@^5.4.8"
+    "lit": "npm:lit@^3.2.1",
+    "vite": "npm:vite@^5.4.9"
   }
 }

template-deno-lit/deno.json

@@ -11,5 +11,5 @@ {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "lit": "npm:lit@^2.7.5",
-    "vite": "npm:vite@^5.4.8"
+    "lit": "npm:lit@^3.2.1",
+    "vite": "npm:vite@^5.4.9"
   }
 }

template-deno-preact-ts/deno.json

@@ -17,4 +17,4 @@ {
     "preact": "npm:preact@^10.24.3",
-    "vite": "npm:vite@^5.4.8"
+    "vite": "npm:vite@^5.4.9"
   }
 }

template-deno-preact/deno.json

@@ -17,4 +17,4 @@ {
     "preact": "npm:preact@^10.24.3",
-    "vite": "npm:vite@^5.4.8"
+    "vite": "npm:vite@^5.4.9"
   }
 }

template-deno-preact/src/app.jsx

@@ -0,4 +1,4 @@
+import './app.css'
 import { useState } from 'preact/hooks'
 import preactLogo from './assets/preact.svg'
-import './app.css'
 
@@ -5,0 +5,0 @@ export function App() {

template-deno-preact/src/main.jsx

@@ -0,5 +1,5 @@
+import './index.css'
 import { render } from 'preact'
 import { App } from './app.jsx'
-import './index.css'
 
 render(<App />, document.getElementById('app'))

template-deno-react-ts/deno.json

@@ -16,9 +16,9 @@ {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "@types/react": "npm:@types/react@^18.3.1",
+    "@types/react": "npm:@types/react@^18.3.11",
     "@types/react-dom": "npm:@types/react-dom@^18.3.1",
-    "@vitejs/plugin-react": "npm:@vitejs/plugin-react@^4.3.2",
+    "@vitejs/plugin-react": "npm:@vitejs/plugin-react@^4.3.3",
     "react": "npm:react@^18.3.1",
     "react-dom": "npm:react-dom@^18.3.1",
-    "vite": "npm:vite@^5.4.8"
+    "vite": "npm:vite@^5.4.9"
   }
 }

template-deno-react/deno.json

@@ -16,9 +16,9 @@ {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "@types/react": "npm:@types/react@^18.3.1",
+    "@types/react": "npm:@types/react@^18.3.11",
     "@types/react-dom": "npm:@types/react-dom@^18.3.1",
-    "@vitejs/plugin-react": "npm:@vitejs/plugin-react@^4.3.2",
+    "@vitejs/plugin-react": "npm:@vitejs/plugin-react@^4.3.3",
     "react": "npm:react@^18.3.1",
     "react-dom": "npm:react-dom@^18.3.1",
-    "vite": "npm:vite@^5.4.8"
+    "vite": "npm:vite@^5.4.9"
   }
 }

template-deno-react/src/App.jsx

@@ -0,5 +1,5 @@
+import './App.css'
 // @deno-types="@types/react"
 import { useState } from 'react'
 import reactLogo from './assets/react.svg'
-import './App.css'
 
@@ -6,0 +6,0 @@ function App() {

template-deno-react/src/main.jsx

@@ -0,7 +1,7 @@
+import './index.css'
 // @deno-types="@types/react"
-import { createRoot } from 'react'
+import { StrictMode } from 'react'
 // @deno-types="@types/react-dom/client"
-import { StrictMode } from 'react-dom/client'
+import { createRoot } from 'react-dom/client'
 import App from './App.jsx'
-import './index.css'
 
@@ -8,0 +8,0 @@ createRoot(document.getElementById('root')).render(

template-deno-solid-ts/deno.json

@@ -16,5 +16,5 @@ {
     "solid-js": "npm:solid-js@^1.9.2",
-    "vite": "npm:vite@^5.4.8",
+    "vite": "npm:vite@^5.4.9",
     "vite-plugin-solid": "npm:vite-plugin-solid@^2.10.2"
   }
 }

template-deno-solid/deno.json

@@ -16,5 +16,5 @@ {
     "solid-js": "npm:solid-js@^1.9.2",
-    "vite": "npm:vite@^5.4.8",
+    "vite": "npm:vite@^5.4.9",
     "vite-plugin-solid": "npm:vite-plugin-solid@^2.10.2"
   }
 }

template-deno-solid/src/App.jsx

@@ -0,4 +1,4 @@
+import './App.css'
 import { createSignal } from 'solid-js'
 import solidLogo from './assets/solid.svg'
-import './App.css'
 
@@ -5,0 +5,0 @@ function App() {

template-deno-solid/src/main.jsx

 /* @refresh reload */
+import './index.css'
 import { render } from 'solid-js/web'
-
 import App from './App.jsx'
-import './index.css'
 
 render(() => <App />, document.getElementById('root'))

template-deno-svelte-ts/deno.json

@@ -13,6 +13,6 @@ {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^3.1.2",
-    "svelte": "npm:svelte@^4.2.19",
-    "vite": "npm:vite@^5.4.8"
+    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^4.0.0",
+    "svelte": "npm:svelte@^5.0.3",
+    "vite": "npm:vite@^5.4.9"
   }
 }

template-deno-svelte-ts/src/main.ts

 import './app.css'
+import { mount } from 'svelte'
 import App from './App.svelte'
 
-const app = new App({
-  target: document.getElementById('app'),
+const app = mount(App, {
+  target: document.getElementById('app')!,
 })
 
 export default app

template-deno-svelte/deno.json

@@ -13,6 +13,6 @@ {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^3.1.2",
-    "svelte": "npm:svelte@^4.2.19",
-    "vite": "npm:vite@^5.4.8"
+    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^4.0.0",
+    "svelte": "npm:svelte@^5.0.3",
+    "vite": "npm:vite@^5.4.9"
   }
 }

template-deno-svelte/src/main.js

 import './app.css'
+import { mount } from 'svelte'
 import App from './App.svelte'
 
-const app = new App({
+const app = mount(App, {
   target: document.getElementById('app'),
@@ -6,0 +7,0 @@ })

template-deno-vanilla-ts/deno.json

@@ -13,4 +13,4 @@ {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "vite": "npm:vite@^5.4.8"
+    "vite": "npm:vite@^5.4.9"
   }
 }

template-deno-vanilla/deno.json

@@ -13,4 +13,4 @@ {
     "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
-    "vite": "npm:vite@^5.4.8"
+    "vite": "npm:vite@^5.4.9"
   }
 }

template-deno-vue-ts/deno.json

@@ -14,5 +14,5 @@ {
     "@vitejs/plugin-vue": "npm:@vitejs/plugin-vue@^5.1.4",
-    "vite": "npm:vite@^5.4.8",
+    "vite": "npm:vite@^5.4.9",
     "vue": "npm:vue@^3.5.12"
   }
 }

template-deno-vue-ts/src/main.ts

@@ -0,5 +1,5 @@
+import './style.css'
 import { createApp } from 'vue'
-import './style.css'
 import App from './App.vue'
 
 createApp(App).mount('#app')

template-deno-vue/deno.json

@@ -14,5 +14,5 @@ {
     "@vitejs/plugin-vue": "npm:@vitejs/plugin-vue@^5.1.4",
-    "vite": "npm:vite@^5.4.8",
+    "vite": "npm:vite@^5.4.9",
     "vue": "npm:vue@^3.5.12"
   }
 }

template-deno-vue/src/main.js

@@ -0,5 +1,5 @@
+import './style.css'
 import { createApp } from 'vue'
-import './style.css'
 import App from './App.vue'
 
 createApp(App).mount('#app')

template-library-ts/package.json

@@ -23,5 +23,5 @@ {
   "devDependencies": {
-    "typescript": "^5.6.3",
-    "vite": "^5.4.8"
+    "typescript": "~5.6.3",
+    "vite": "^5.4.9"
   }
 }

template-library-ts/tsconfig.json

@@ -12,4 +12,4 @@ {
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
@@ -21,5 +21,6 @@
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["src"]
 }

template-library/package.json

@@ -23,4 +23,4 @@ {
   "devDependencies": {
-    "vite": "^5.4.8"
+    "vite": "^5.4.9"
   }
 }

template-ssr-preact-ts/package.json

@@ -23,7 +23,7 @@ {
     "@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"
   }
 }

template-ssr-preact-ts/tsconfig.json

@@ -16,4 +16,4 @@ {
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
@@ -27,3 +27,4 @@ "jsx": "react-jsx",
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
@@ -30,0 +31,0 @@ "include": ["src"],

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

 {
   "compilerOptions": {
     "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
     "skipLibCheck": true,
-    "module": "ESNext",
+
+    /* 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"]
 }

template-ssr-preact/package.json

@@ -23,4 +23,4 @@ {
     "cross-env": "^7.0.3",
-    "vite": "^5.4.8"
+    "vite": "^5.4.9"
   }
 }

template-ssr-preact/src/app.jsx

@@ -0,4 +1,4 @@
+import './app.css'
 import { useState } from 'preact/hooks'
 import preactLogo from './assets/preact.svg'
-import './app.css'
 
@@ -5,0 +5,0 @@ export function App() {

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

@@ -22,10 +22,10 @@ {
     "@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"
   }
 }

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

@@ -5,4 +5,4 @@ {
     "useDefineForClassFields": true,
+    "module": "ESNext",
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
     "skipLibCheck": true,
@@ -13,4 +13,4 @@
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
@@ -23,3 +23,4 @@ "jsx": "react-jsx",
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
@@ -26,0 +27,0 @@ "include": ["src"],

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

 {
   "compilerOptions": {
     "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
     "skipLibCheck": true,
-    "module": "ESNext",
+
+    /* 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"]
 }

template-ssr-react-streaming/package.json

@@ -21,6 +21,6 @@ {
   "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"
   }
 }

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

@@ -0,4 +1,4 @@
+import './App.css'
 import { Suspense, lazy } from 'react'
 import reactLogo from './assets/react.svg'
-import './App.css'
 
@@ -5,0 +5,0 @@ // Works also with SSR as expected

template-ssr-react-ts/package.json

@@ -22,10 +22,10 @@ {
     "@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"
   }
 }

template-ssr-react-ts/tsconfig.json

@@ -5,4 +5,4 @@ {
     "useDefineForClassFields": true,
+    "module": "ESNext",
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
     "skipLibCheck": true,
@@ -13,4 +13,4 @@
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
@@ -23,3 +23,4 @@ "jsx": "react-jsx",
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
@@ -26,0 +27,0 @@ "include": ["src"],

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

 {
   "compilerOptions": {
     "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
     "skipLibCheck": true,
-    "module": "ESNext",
+
+    /* 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"]
 }

template-ssr-react/package.json

@@ -23,6 +23,6 @@ {
     "@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"
   }
 }

template-ssr-react/src/App.jsx

@@ -0,4 +1,4 @@
+import './App.css'
 import { useState } from 'react'
 import reactLogo from './assets/react.svg'
-import './App.css'
 
@@ -5,0 +5,0 @@ function App() {

template-ssr-solid-ts/package.json

@@ -21,7 +21,7 @@ {
     "@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"
   }
 }

template-ssr-solid-ts/tsconfig.json

@@ -5,4 +5,4 @@ {
     "useDefineForClassFields": true,
+    "module": "ESNext",
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
     "skipLibCheck": true,
@@ -13,4 +13,4 @@
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
@@ -24,3 +24,4 @@ "jsx": "preserve",
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
@@ -27,0 +28,0 @@ "include": ["src"],

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

 {
   "compilerOptions": {
     "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
     "skipLibCheck": true,
-    "module": "ESNext",
+
+    /* 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"]
 }

template-ssr-solid/package.json

@@ -21,5 +21,5 @@ {
     "cross-env": "^7.0.3",
-    "vite": "^5.4.8",
+    "vite": "^5.4.9",
     "vite-plugin-solid": "^2.10.2"
   }
 }

template-ssr-solid/src/App.jsx

@@ -0,4 +1,4 @@
+import './App.css'
 import { createSignal } from 'solid-js'
 import solidLogo from './assets/solid.svg'
-import './App.css'
 
@@ -5,0 +5,0 @@ function App() {

template-ssr-svelte-ts/package.json

@@ -11,3 +11,4 @@ {
     "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"
   },
@@ -20,13 +21,13 @@ "dependencies": {
   "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"
   }
 }

template-ssr-svelte-ts/server.js

@@ -58,3 +58,3 @@ import fs from 'node:fs/promises'
       .replace(`<!--app-head-->`, rendered.head ?? '')
-      .replace(`<!--app-html-->`, rendered.html ?? '')
+      .replace(`<!--app-html-->`, rendered.body ?? '')
 
@@ -61,0 +61,0 @@ res.status(200).set({ 'Content-Type': 'text/html' }).send(html)

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

 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')!,
 })

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

@@ -0,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)
 }

template-ssr-svelte-ts/tsconfig.json

@@ -16,3 +16,4 @@ {
     "checkJs": true,
-    "isolatedModules": true
+    "isolatedModules": true,
+    "moduleDetection": "force"
   },
@@ -19,0 +20,0 @@ "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"],

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

 {
   "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"]
 }

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

@@ -6,9 +6,3 @@ import { defineConfig } from 'vite'
 export default defineConfig({
-  plugins: [
-    svelte({
-      compilerOptions: {
-        hydratable: true,
-      },
-    }),
-  ],
+  plugins: [svelte()],
 })

template-ssr-svelte/jsconfig.json

 {
   "compilerOptions": {
-    "moduleResolution": "Node",
+    "moduleResolution": "Bundler",
     "target": "ESNext",
@@ -11,3 +11,3 @@ "module": "ESNext",
      */
-    "importsNotUsedAsValues": "error",
+    "verbatimModuleSyntax": true,
     "isolatedModules": true,
@@ -22,3 +22,2 @@ "resolveJsonModule": true,
     "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
     /**
@@ -25,0 +24,0 @@ * Typecheck JS in `.svelte` and `.js` files by default.

template-ssr-svelte/package.json

@@ -19,7 +19,7 @@ {
   "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"
   }
 }

template-ssr-svelte/server.js

@@ -58,3 +58,3 @@ import fs from 'node:fs/promises'
       .replace(`<!--app-head-->`, rendered.head ?? '')
-      .replace(`<!--app-html-->`, rendered.html ?? '')
+      .replace(`<!--app-html-->`, rendered.body ?? '')
 
@@ -61,0 +61,0 @@ res.status(200).set({ 'Content-Type': 'text/html' }).send(html)

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

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

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

@@ -0,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)
 }

template-ssr-svelte/vite.config.js

@@ -6,9 +6,3 @@ import { defineConfig } from 'vite'
 export default defineConfig({
-  plugins: [
-    svelte({
-      compilerOptions: {
-        hydratable: true,
-      },
-    }),
-  ],
+  plugins: [svelte()],
 })

template-ssr-transform/package.json

@@ -10,4 +10,4 @@ {
   "devDependencies": {
-    "vite": "^5.4.8"
+    "vite": "^5.4.9"
   }
 }

template-ssr-vanilla-ts/package.json

@@ -20,7 +20,7 @@ {
     "@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"
   }
 }

template-ssr-vanilla-ts/tsconfig.json

@@ -12,4 +12,4 @@ {
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
@@ -21,5 +21,6 @@
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["src"]
 }

template-ssr-vanilla/package.json

@@ -20,4 +20,4 @@ {
     "cross-env": "^7.0.3",
-    "vite": "^5.4.8"
+    "vite": "^5.4.9"
   }
 }

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

@@ -21,9 +21,9 @@ {
     "@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"
   }
 }

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

@@ -5,11 +5,11 @@ {
     "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,
 
     /* Bundler mode */
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
@@ -22,3 +22,4 @@ "jsx": "preserve",
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
@@ -25,0 +26,0 @@ "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],

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

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

template-ssr-vue-streaming/package.json

@@ -22,4 +22,4 @@ {
     "cross-env": "^7.0.3",
-    "vite": "^5.4.8"
+    "vite": "^5.4.9"
   }
 }

template-ssr-vue-ts/package.json

@@ -11,3 +11,4 @@ {
     "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": "vue-tsc"
   },
@@ -22,9 +23,9 @@ "dependencies": {
     "@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"
   }
 }

template-ssr-vue-ts/tsconfig.json

@@ -5,11 +5,11 @@ {
     "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,
 
     /* Bundler mode */
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "noEmit": true,
@@ -22,3 +22,4 @@ "jsx": "preserve",
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
@@ -25,0 +26,0 @@ "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],

template-ssr-vue-ts/tsconfig.node.json

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

template-ssr-vue/package.json

@@ -22,4 +22,4 @@ {
     "cross-env": "^7.0.3",
-    "vite": "^5.4.8"
+    "vite": "^5.4.9"
   }
 }

New alerts

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1037717

increased by53.87%

Number of package files

455

increased by0.89%

Lines of code

23771

increased by73.38%

Worsened metrics

Number of low license alerts

1

increased byInfinity%

Dependency changes

• Updatedpicocolors@^1.1.1