create-vite-extra 1.0.1 → 1.1.0

package/index.js

@@ -567,7 +567,7 @@ function setupReactSwc(root, { isTs, isDeno }) {
     editFile(path.resolve(root, 'package.json'), (content) => {
       return content.replace(
         /"@vitejs\/plugin-react": ".+?"/,
-        `"@vitejs/plugin-react-swc": "^3.0.0"`
+        `"@vitejs/plugin-react-swc": "^3.3.2"`
       )
     })
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vite-extra",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "type": "module",
   "license": "MIT",
   "author": "Bjorn Lu",
@@ -28,8 +28,14 @@
   },
   "homepage": "https://github.com/bluwy/create-vite-extra#readme",
   "dependencies": {
-    "kolorist": "^1.6.0",
-    "minimist": "^1.2.7",
+    "kolorist": "^1.8.0",
+    "minimist": "^1.2.8",
     "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "taze": "^0.10.2"
+  },
+  "scripts": {
+    "update-deps": "taze -rw latest"
   }
 }

package/template-deno-lit/src/index.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-lit/src/my-element.js

@@ -91,7 +91,7 @@ export class MyElement extends LitElement {
         color: #535bf2;
       }
 
-      h1 {
+      ::slotted(h1) {
         font-size: 3.2em;
         line-height: 1.1;
       }

package/template-deno-lit/vite.config.mjs

@@ -1,6 +1,6 @@
-import { defineConfig } from 'npm:vite@^4.0.0'
+import { defineConfig } from 'npm:vite@^4.3.9'
 
-import 'npm:lit@^2.5.0'
+import 'npm:lit@^2.7.5'
 
 // https://vitejs.dev/config/
 export default defineConfig({

package/template-deno-lit-ts/README.md

@@ -2,7 +2,7 @@
 
 ## Running
 
-You need to have Deno v1.28.0 or later intalled to run this repo.
+You need to have Deno v1.28.0 or later installed to run this repo.
 
 Start a dev server:
 

package/template-deno-lit-ts/src/index.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-lit-ts/src/my-element.ts

@@ -75,7 +75,7 @@ export class MyElement extends LitElement {
       color: #888;
     }
 
-    h1 {
+    ::slotted(h1) {
       font-size: 3.2em;
       line-height: 1.1;
     }

package/template-deno-lit-ts/vite.config.mts

@@ -1,6 +1,6 @@
-import { defineConfig } from 'npm:vite@^4.0.0'
+import { defineConfig } from 'npm:vite@^4.3.9'
 
-import 'npm:lit@^2.5.0'
+import 'npm:lit@^2.7.5'
 
 // https://vitejs.dev/config/
 export default defineConfig({

package/template-deno-preact/README.md

@@ -2,7 +2,7 @@
 
 ## Running
 
-You need to have Deno v1.28.0 or later intalled to run this repo.
+You need to have Deno v1.28.0 or later installed to run this repo.
 
 Start a dev server:
 

package/template-deno-preact/src/index.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-preact/vite.config.mjs

@@ -1,8 +1,8 @@
-import { defineConfig } from 'npm:vite@^4.0.0'
-import preact from 'npm:@preact/preset-vite@^2.4.0'
+import { defineConfig } from 'npm:vite@^4.3.9'
+import preact from 'npm:@preact/preset-vite@^2.5.0'
 
-import 'npm:preact@^10.11.3'
-import 'npm:preact@^10.11.3/hooks'
+import 'npm:preact@^10.15.1'
+import 'npm:preact@^10.15.1/hooks'
 
 // https://vitejs.dev/config/
 export default defineConfig({

package/template-deno-preact-ts/README.md

@@ -2,7 +2,7 @@
 
 ## Running
 
-You need to have Deno v1.28.0 or later intalled to run this repo.
+You need to have Deno v1.28.0 or later installed to run this repo.
 
 Start a dev server:
 

package/template-deno-preact-ts/src/index.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-preact-ts/vite.config.mts

@@ -1,8 +1,8 @@
-import { defineConfig } from 'npm:vite@^4.0.0'
-import preact from 'npm:@preact/preset-vite@^2.4.0'
+import { defineConfig } from 'npm:vite@^4.3.9'
+import preact from 'npm:@preact/preset-vite@^2.5.0'
 
-import 'npm:preact@^10.11.3'
-import 'npm:preact@^10.11.3/hooks'
+import 'npm:preact@^10.15.1'
+import 'npm:preact@^10.15.1/hooks'
 
 // https://vitejs.dev/config/
 export default defineConfig({

package/template-deno-react/README.md

@@ -2,7 +2,7 @@
 
 ## Running
 
-You need to have Deno v1.28.0 or later intalled to run this repo.
+You need to have Deno v1.28.0 or later installed to run this repo.
 
 Start a dev server:
 

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

@@ -6,7 +6,7 @@ function App() {
   const [count, setCount] = useState(0)
 
   return (
-    <div className="App">
+    <>
       <img src="/vite-deno.svg" alt="Vite with Deno" />
       <div>
         <a href="https://vitejs.dev" target="_blank">
@@ -28,7 +28,7 @@ function App() {
       <p className="read-the-docs">
         Click on the Vite and React logos to learn more
       </p>
-    </div>
+    </>
   )
 }
 

package/template-deno-react/src/index.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-react/vite.config.mjs

@@ -1,5 +1,5 @@
-import { defineConfig } from 'npm:vite@^4.0.0'
-import react from 'npm:@vitejs/plugin-react@^3.0.0'
+import { defineConfig } from 'npm:vite@^4.3.9'
+import react from 'npm:@vitejs/plugin-react@^4.0.0'
 
 import 'npm:react@^18.2.0'
 import 'npm:react-dom@^18.2.0/client'

package/template-deno-react-ts/README.md

@@ -2,7 +2,7 @@
 
 ## Running
 
-You need to have Deno v1.28.0 or later intalled to run this repo.
+You need to have Deno v1.28.0 or later installed to run this repo.
 
 Start a dev server:
 

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

@@ -6,7 +6,7 @@ function App() {
   const [count, setCount] = useState(0)
 
   return (
-    <div className="App">
+    <>
       <img src="/vite-deno.svg" alt="Vite with Deno" />
       <div>
         <a href="https://vitejs.dev" target="_blank">
@@ -28,7 +28,7 @@ function App() {
       <p className="read-the-docs">
         Click on the Vite and React logos to learn more
       </p>
-    </div>
+    </>
   )
 }
 

package/template-deno-react-ts/src/index.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-react-ts/vite.config.mts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'npm:vite@^4.0.0'
-import react from 'npm:@vitejs/plugin-react@^3.0.0'
+import { defineConfig } from 'npm:vite@^4.3.9'
+import react from 'npm:@vitejs/plugin-react@^4.0.0'
 
 import 'npm:react@^18.2.0'
 import 'npm:react-dom@^18.2.0/client'

package/template-deno-solid/src/index.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-solid/vite.config.mjs

@@ -1,7 +1,7 @@
-import { defineConfig } from 'npm:vite@^4.0.0'
-import solid from 'npm:vite-plugin-solid@^2.4.0'
+import { defineConfig } from 'npm:vite@^4.3.9'
+import solid from 'npm:vite-plugin-solid@^2.7.0'
 
-import 'npm:solid-js@^1.6.3'
+import 'npm:solid-js@^1.7.6'
 
 // https://vitejs.dev/config/
 export default defineConfig({

package/template-deno-solid-ts/src/index.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-solid-ts/vite.config.mts

@@ -1,7 +1,7 @@
-import { defineConfig } from 'npm:vite@^4.0.0'
-import solid from 'npm:vite-plugin-solid@^2.4.0'
+import { defineConfig } from 'npm:vite@^4.3.9'
+import solid from 'npm:vite-plugin-solid@^2.7.0'
 
-import 'npm:solid-js@^1.6.3'
+import 'npm:solid-js@^1.7.2'
 
 // https://vitejs.dev/config/
 export default defineConfig({

package/template-deno-svelte/README.md

@@ -2,7 +2,7 @@
 
 ## Running
 
-You need to have Deno v1.28.0 or later intalled to run this repo.
+You need to have Deno v1.28.0 or later installed to run this repo.
 
 Start a dev server:
 

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

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-svelte/svelte.config.js

@@ -0,0 +1,5 @@
+import { vitePreprocess } from 'npm:@sveltejs/vite-plugin-svelte@^2.4.1'
+
+export default {
+  preprocess: vitePreprocess()
+}

package/template-deno-svelte/vite.config.mjs

@@ -1,5 +1,5 @@
-import { defineConfig } from 'npm:vite@^4.0.0'
-import { svelte } from 'npm:@sveltejs/vite-plugin-svelte@^2.0.0'
+import { defineConfig } from 'npm:vite@^4.3.9'
+import { svelte } from 'npm:@sveltejs/vite-plugin-svelte@^2.4.1'
 
 import 'npm:svelte@^3.54.0'
 

package/template-deno-svelte-ts/README.md

@@ -2,7 +2,7 @@
 
 ## Running
 
-You need to have Deno v1.28.0 or later intalled to run this repo.
+You need to have Deno v1.28.0 or later installed to run this repo.
 
 Start a dev server:
 

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

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-svelte-ts/svelte.config.js

@@ -1,4 +1,4 @@
-import { vitePreprocess } from 'npm:@sveltejs/vite-plugin-svelte@^2.0.0'
+import { vitePreprocess } from 'npm:@sveltejs/vite-plugin-svelte@^2.4.1'
 
 export default {
   preprocess: vitePreprocess()

package/template-deno-svelte-ts/vite.config.mts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'npm:vite@^4.0.0'
-import { svelte } from 'npm:@sveltejs/vite-plugin-svelte@^2.0.0'
+import { defineConfig } from 'npm:vite@^4.3.9'
+import { svelte } from 'npm:@sveltejs/vite-plugin-svelte@^2.4.1'
 
 import 'npm:svelte@^3.54.0'
 

package/template-deno-vanilla/style.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

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

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-vue/README.md

@@ -2,7 +2,7 @@
 
 ## Running
 
-You need to have Deno v1.28.0 or later intalled to run this repo.
+You need to have Deno v1.28.0 or later installed to run this repo.
 
 Start a dev server:
 

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

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-vue/vite.config.mjs

@@ -1,7 +1,7 @@
-import { defineConfig } from 'npm:vite@^4.0.0'
-import vue from 'npm:@vitejs/plugin-vue@^4.0.0'
+import { defineConfig } from 'npm:vite@^4.3.9'
+import vue from 'npm:@vitejs/plugin-vue@^4.2.3'
 
-import 'npm:vue@^3.2.45'
+import 'npm:vue@^3.3.4'
 
 // https://vitejs.dev/config/
 export default defineConfig({

package/template-deno-vue-ts/src/style.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-deno-vue-ts/vite.config.mts

@@ -1,7 +1,7 @@
-import { defineConfig } from 'npm:vite@^4.0.0'
-import vue from 'npm:@vitejs/plugin-vue@^4.0.0'
+import { defineConfig } from 'npm:vite@^4.3.9'
+import vue from 'npm:@vitejs/plugin-vue@^4.2.3'
 
-import 'npm:vue@^3.2.45'
+import 'npm:vue@^3.3.4'
 
 // https://vitejs.dev/config/
 export default defineConfig({

package/template-library/package.json

@@ -20,6 +20,6 @@
     "build": "vite build"
   },
   "devDependencies": {
-    "vite": "^4.0.0"
+    "vite": "^4.3.9"
   }
 }

package/template-library/style.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-library-ts/package.json

@@ -20,7 +20,7 @@
     "build": "tsc && vite build"
   },
   "devDependencies": {
-    "typescript": "^4.9.4",
-    "vite": "^4.0.0"
+    "typescript": "^5.1.3",
+    "vite": "^4.3.9"
   }
 }

package/template-library-ts/src/style.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

package/template-library-ts/tsconfig.json

@@ -1,20 +1,23 @@
 {
   "compilerOptions": {
-    "target": "ESNext",
+    "target": "ES2020",
     "useDefineForClassFields": true,
     "module": "ESNext",
-    "lib": ["ESNext", "DOM"],
-    "moduleResolution": "Node",
-    "strict": true,
-    "sourceMap": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "esModuleInterop": true,
     "noEmit": true,
+
+    /* Linting */
+    "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noImplicitReturns": true,
-    "skipLibCheck": true
+    "noFallthroughCasesInSwitch": true
   },
   "include": ["src"]
 }

package/template-ssr-preact/package.json

@@ -13,13 +13,13 @@
   "dependencies": {
     "compression": "^1.7.4",
     "express": "^4.18.2",
-    "preact": "^10.11.3",
-    "preact-render-to-string": "^5.2.6",
-    "sirv": "^2.0.2"
+    "preact": "^10.15.1",
+    "preact-render-to-string": "^6.0.3",
+    "sirv": "^2.0.3"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.4.0",
+    "@preact/preset-vite": "^2.5.0",
     "cross-env": "^7.0.3",
-    "vite": "^4.0.0"
+    "vite": "^4.3.9"
   }
 }

package/template-ssr-preact/src/index.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;

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

@@ -13,15 +13,16 @@
   "dependencies": {
     "compression": "^1.7.4",
     "express": "^4.18.2",
-    "preact": "^10.11.3",
-    "preact-render-to-string": "^5.2.6",
-    "sirv": "^2.0.2"
+    "preact": "^10.15.1",
+    "preact-render-to-string": "^6.0.3",
+    "sirv": "^2.0.3"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.4.0",
-    "@types/node": "^18.11.12",
+    "@preact/preset-vite": "^2.5.0",
+    "@types/express": "^4.17.17",
+    "@types/node": "^20.2.5",
     "cross-env": "^7.0.3",
-    "typescript": "^4.9.4",
-    "vite": "^4.0.0"
+    "typescript": "^5.1.3",
+    "vite": "^4.3.9"
   }
 }

package/template-ssr-preact-ts/src/index.css

@@ -1,7 +1,6 @@
 :root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;