npm - create-vite-extra - Versions diffs - 2.1.1 → 2.3.0 - Mend

create-vite-extra 2.1.1 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (227) hide show

package/README.md +39 -35
package/index.js +155 -128
package/package.json +6 -2
package/template-deno-lit/.vscode/extensions.json +3 -0
package/template-deno-lit/README.md +1 -12
package/template-deno-lit/deno.json +8 -0
package/template-deno-lit/index.html +1 -1
package/template-deno-lit/src/my-element.js +3 -3
package/template-deno-lit/vite.config.js +16 -0
package/template-deno-lit-ts/.vscode/extensions.json +3 -0
package/template-deno-lit-ts/README.md +1 -12
package/template-deno-lit-ts/deno.json +9 -0
package/template-deno-lit-ts/index.html +1 -1
package/template-deno-lit-ts/src/my-element.ts +5 -4
package/template-deno-lit-ts/tsconfig.json +1 -0
package/template-deno-lit-ts/vite.config.ts +16 -0
package/template-deno-preact/.vscode/extensions.json +3 -0
package/template-deno-preact/README.md +1 -12
package/template-deno-preact/deno.json +12 -1
package/template-deno-preact/index.html +1 -1
package/template-deno-preact/src/app.jsx +1 -1
package/template-deno-preact/src/main.jsx +1 -1
package/template-deno-preact/vite.config.js +8 -0
package/template-deno-preact-ts/.vscode/extensions.json +3 -0
package/template-deno-preact-ts/README.md +1 -12
package/template-deno-preact-ts/deno.json +12 -1
package/template-deno-preact-ts/index.html +1 -1
package/template-deno-preact-ts/src/app.tsx +2 -1
package/template-deno-preact-ts/src/main.tsx +1 -1
package/template-deno-preact-ts/vite.config.ts +8 -0
package/template-deno-react/.vscode/extensions.json +3 -0
package/template-deno-react/README.md +1 -12
package/template-deno-react/deno.json +16 -1
package/template-deno-react/index.html +1 -1
package/template-deno-react/src/App.jsx +2 -1
package/template-deno-react/src/main.jsx +8 -6
package/template-deno-react/vite.config.js +8 -0
package/template-deno-react-ts/.vscode/extensions.json +3 -0
package/template-deno-react-ts/README.md +1 -12
package/template-deno-react-ts/deno.json +16 -1
package/template-deno-react-ts/index.html +1 -1
package/template-deno-react-ts/src/App.tsx +3 -1
package/template-deno-react-ts/src/main.tsx +8 -6
package/template-deno-react-ts/vite.config.ts +8 -0
package/template-deno-solid/.vscode/extensions.json +3 -0
package/template-deno-solid/README.md +1 -12
package/template-deno-solid/deno.json +12 -1
package/template-deno-solid/index.html +1 -1
package/template-deno-solid/src/App.jsx +1 -1
package/template-deno-solid/src/main.jsx +1 -1
package/template-deno-solid/vite.config.js +8 -0
package/template-deno-solid-ts/.vscode/extensions.json +3 -0
package/template-deno-solid-ts/README.md +1 -12
package/template-deno-solid-ts/deno.json +12 -1
package/template-deno-solid-ts/index.html +1 -1
package/template-deno-solid-ts/src/App.tsx +2 -1
package/template-deno-solid-ts/src/main.tsx +2 -2
package/template-deno-solid-ts/vite.config.ts +8 -0
package/template-deno-svelte/.vscode/extensions.json +1 -1
package/template-deno-svelte/README.md +1 -12
package/template-deno-svelte/deno.json +10 -1
package/template-deno-svelte/index.html +1 -1
package/template-deno-svelte/src/App.svelte +1 -1
package/template-deno-svelte/src/main.js +1 -1
package/template-deno-svelte/svelte.config.js +2 -2
package/template-deno-svelte/vite.config.js +8 -0
package/template-deno-svelte-ts/.vscode/extensions.json +1 -1
package/template-deno-svelte-ts/README.md +1 -12
package/template-deno-svelte-ts/deno.json +10 -1
package/template-deno-svelte-ts/index.html +1 -1
package/template-deno-svelte-ts/src/App.svelte +1 -1
package/template-deno-svelte-ts/svelte.config.js +2 -2
package/template-deno-svelte-ts/vite.config.ts +8 -0
package/template-deno-vanilla/.vscode/extensions.json +3 -0
package/template-deno-vanilla/deno.json +8 -1
package/template-deno-vanilla/index.html +1 -1
package/template-deno-vanilla/main.js +1 -1
package/template-deno-vanilla/vite.config.js +7 -0
package/template-deno-vanilla-ts/.vscode/extensions.json +3 -0
package/template-deno-vanilla-ts/deno.json +8 -1
package/template-deno-vanilla-ts/index.html +1 -1
package/template-deno-vanilla-ts/src/main.ts +1 -1
package/template-deno-vanilla-ts/vite.config.ts +7 -0
package/template-deno-vue/.vscode/extensions.json +3 -0
package/template-deno-vue/README.md +1 -12
package/template-deno-vue/deno.json +10 -1
package/template-deno-vue/index.html +1 -1
package/template-deno-vue/src/App.vue +1 -1
package/template-deno-vue/src/components/HelloWorld.vue +1 -1
package/template-deno-vue/vite.config.js +8 -0
package/template-deno-vue-ts/.vscode/extensions.json +3 -0
package/template-deno-vue-ts/README.md +1 -23
package/template-deno-vue-ts/deno.json +10 -1
package/template-deno-vue-ts/index.html +1 -1
package/template-deno-vue-ts/src/App.vue +1 -1
package/template-deno-vue-ts/vite.config.ts +8 -0
package/template-library/index.html +1 -1
package/template-library/main.js +1 -1
package/template-library/package.json +1 -1
package/template-library/vite.config.js +3 -3
package/template-library-ts/index.html +1 -1
package/template-library-ts/package.json +2 -2
package/template-library-ts/src/main.ts +1 -1
package/template-library-ts/vite.config.ts +3 -3
package/template-ssr-preact/index.html +1 -1
package/template-ssr-preact/package.json +6 -6
package/template-ssr-preact/server.js +2 -2
package/template-ssr-preact/src/app.jsx +1 -1
package/template-ssr-preact/vite.config.js +5 -5
package/template-ssr-preact-ts/index.html +1 -1
package/template-ssr-preact-ts/package.json +9 -9
package/template-ssr-preact-ts/server.js +2 -2
package/template-ssr-preact-ts/src/app.tsx +1 -1
package/template-ssr-preact-ts/vite.config.ts +5 -5
package/template-ssr-react/index.html +1 -1
package/template-ssr-react/package.json +8 -8
package/template-ssr-react/server.js +2 -2
package/template-ssr-react/src/App.jsx +1 -1
package/template-ssr-react/src/entry-client.jsx +5 -5
package/template-ssr-react/src/entry-server.jsx +5 -5
package/template-ssr-react/vite.config.js +2 -2
package/template-ssr-react-streaming/_gitignore +24 -0
package/template-ssr-react-streaming/index.html +14 -0
package/template-ssr-react-streaming/package-lock.json +2596 -0
package/template-ssr-react-streaming/package.json +25 -0
package/template-ssr-react-streaming/public/vite.svg +1 -0
package/template-ssr-react-streaming/server.js +104 -0
package/template-ssr-react-streaming/src/App.css +41 -0
package/template-ssr-react-streaming/src/App.jsx +32 -0
package/template-ssr-react-streaming/src/Card.jsx +18 -0
package/template-ssr-react-streaming/src/assets/react.svg +1 -0
package/template-ssr-react-streaming/src/entry-client.jsx +11 -0
package/template-ssr-react-streaming/src/entry-server.jsx +17 -0
package/template-ssr-react-streaming/src/index.css +69 -0
package/template-ssr-react-streaming/vite.config.js +7 -0
package/template-ssr-react-streaming-ts/_gitignore +24 -0
package/template-ssr-react-streaming-ts/index.html +14 -0
package/template-ssr-react-streaming-ts/package.json +30 -0
package/template-ssr-react-streaming-ts/public/vite.svg +1 -0
package/template-ssr-react-streaming-ts/server.js +104 -0
package/template-ssr-react-streaming-ts/src/App.css +41 -0
package/template-ssr-react-streaming-ts/src/App.tsx +32 -0
package/template-ssr-react-streaming-ts/src/Card.tsx +18 -0
package/template-ssr-react-streaming-ts/src/assets/react.svg +1 -0
package/template-ssr-react-streaming-ts/src/entry-client.tsx +11 -0
package/template-ssr-react-streaming-ts/src/entry-server.tsx +19 -0
package/template-ssr-react-streaming-ts/src/index.css +69 -0
package/template-ssr-react-streaming-ts/src/vite-env.d.ts +1 -0
package/template-ssr-react-streaming-ts/tsconfig.json +25 -0
package/template-ssr-react-streaming-ts/tsconfig.node.json +11 -0
package/template-ssr-react-streaming-ts/vite.config.ts +7 -0
package/template-ssr-react-ts/index.html +1 -1
package/template-ssr-react-ts/package.json +11 -11
package/template-ssr-react-ts/server.js +2 -2
package/template-ssr-react-ts/src/App.tsx +1 -1
package/template-ssr-react-ts/src/entry-client.tsx +5 -5
package/template-ssr-react-ts/src/entry-server.tsx +5 -5
package/template-ssr-react-ts/vite.config.ts +2 -2
package/template-ssr-solid/index.html +1 -1
package/template-ssr-solid/package.json +5 -5
package/template-ssr-solid/server.js +2 -2
package/template-ssr-solid/src/App.jsx +1 -1
package/template-ssr-solid/vite.config.js +2 -2
package/template-ssr-solid-ts/index.html +1 -1
package/template-ssr-solid-ts/package.json +7 -7
package/template-ssr-solid-ts/server.js +2 -2
package/template-ssr-solid-ts/src/App.tsx +1 -1
package/template-ssr-solid-ts/vite.config.ts +2 -2
package/template-ssr-svelte/index.html +1 -1
package/template-ssr-svelte/package.json +5 -5
package/template-ssr-svelte/server.js +2 -2
package/template-ssr-svelte/src/App.svelte +1 -1
package/template-ssr-svelte/src/entry-client.js +1 -1
package/template-ssr-svelte/svelte.config.js +1 -1
package/template-ssr-svelte/vite.config.js +5 -5
package/template-ssr-svelte-ts/index.html +1 -1
package/template-ssr-svelte-ts/package-lock.json +2376 -0
package/template-ssr-svelte-ts/package.json +11 -11
package/template-ssr-svelte-ts/server.js +2 -2
package/template-ssr-svelte-ts/src/App.svelte +1 -1
package/template-ssr-svelte-ts/src/entry-client.ts +1 -1
package/template-ssr-svelte-ts/svelte.config.js +1 -1
package/template-ssr-svelte-ts/vite.config.ts +5 -5
package/template-ssr-transform/package.json +1 -1
package/template-ssr-vanilla/index.html +1 -1
package/template-ssr-vanilla/package.json +3 -3
package/template-ssr-vanilla/server.js +2 -2
package/template-ssr-vanilla/src/entry-server.js +1 -1
package/template-ssr-vanilla-ts/index.html +1 -1
package/template-ssr-vanilla-ts/package.json +6 -6
package/template-ssr-vanilla-ts/server.js +2 -2
package/template-ssr-vanilla-ts/src/entry-server.ts +1 -1
package/template-ssr-vue/index.html +1 -1
package/template-ssr-vue/package.json +5 -5
package/template-ssr-vue/server.js +2 -2
package/template-ssr-vue/src/App.vue +1 -1
package/template-ssr-vue/src/components/HelloWorld.vue +1 -1
package/template-ssr-vue/vite.config.js +2 -2
package/template-ssr-vue-streaming/index.html +1 -1
package/template-ssr-vue-streaming/package.json +5 -5
package/template-ssr-vue-streaming/server.js +2 -2
package/template-ssr-vue-streaming/src/App.vue +1 -1
package/template-ssr-vue-streaming/src/components/HelloWorld.vue +1 -1
package/template-ssr-vue-streaming/vite.config.js +2 -2
package/template-ssr-vue-streaming-ts/index.html +1 -1
package/template-ssr-vue-streaming-ts/package-lock.json +2346 -0
package/template-ssr-vue-streaming-ts/package.json +9 -9
package/template-ssr-vue-streaming-ts/server.js +2 -2
package/template-ssr-vue-streaming-ts/src/App.vue +1 -1
package/template-ssr-vue-streaming-ts/vite.config.ts +2 -2
package/template-ssr-vue-ts/index.html +1 -1
package/template-ssr-vue-ts/package.json +9 -9
package/template-ssr-vue-ts/server.js +2 -2
package/template-ssr-vue-ts/src/App.vue +1 -1
package/template-ssr-vue-ts/vite.config.ts +2 -2
package/template-deno-lit/vite.config.mjs +0 -16
package/template-deno-lit-ts/vite.config.mts +0 -16
package/template-deno-preact/vite.config.mjs +0 -10
package/template-deno-preact-ts/vite.config.mts +0 -10
package/template-deno-react/vite.config.mjs +0 -10
package/template-deno-react-ts/vite.config.mts +0 -10
package/template-deno-solid/vite.config.mjs +0 -9
package/template-deno-solid-ts/vite.config.mts +0 -9
package/template-deno-svelte/vite.config.mjs +0 -9
package/template-deno-svelte-ts/vite.config.mts +0 -9
package/template-deno-vue/vite.config.mjs +0 -9
package/template-deno-vue-ts/vite.config.mts +0 -9

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "create-vite-extra",
-  "version": "2.1.1",
+  "version": "2.3.0",
   "type": "module",
   "license": "MIT",
   "author": "Bjorn Lu",
@@ -28,11 +28,15 @@
   },
   "homepage": "https://github.com/bluwy/create-vite-extra#readme",
   "dependencies": {
-    "kolorist": "^1.8.0",
     "minimist": "^1.2.8",
+    "picocolors": "^1.1.0",
     "prompts": "^2.4.2"
   },
+  "devDependencies": {
+    "prettier": "^3.3.3"
+  },
   "scripts": {
+    "format": "prettier --write .",
     "update-deps": "pnpm update -r --latest && node update-deno-deps.js"
   }
 }

package/template-deno-lit/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno"]
+}

package/template-deno-lit/README.md CHANGED Viewed

@@ -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 v2.0.0 or later intalled to run this repo.
 Start a dev server:
@@ -17,14 +17,3 @@ Build production assets:
 ```
 $ deno task build
 ```
-## Notes
-- You need to use `.mjs` or `.mts` extension for the `vite.config.[ext]` file.
-## Papercuts
-Currently there's a "papercut" for Deno users:
-- peer dependencies need to be referenced in `vite.config.js` - in this example
-  it is `lit` package that needs to be referenced

package/template-deno-lit/deno.json CHANGED Viewed

@@ -2,5 +2,13 @@
   "tasks": {
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"]
+  },
+  "imports": {
+    "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
+    "lit": "npm:lit@^2.7.5",
+    "vite": "npm:vite@^5.4.8"
   }
 }

package/template-deno-lit/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

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

@@ -18,7 +18,7 @@ export class MyElement extends LitElement {
       /**
        * The number of times the button has been clicked.
        */
-      count: { type: Number }
+      count: { type: Number },
     }
   }
@@ -32,7 +32,7 @@ export class MyElement extends LitElement {
     return html`
       <img src="/vite-deno.svg" alt="Vite with Deno" />
       <div>
-        <a href="https://vitejs.dev" target="_blank">
+        <a href="https://vite.dev" target="_blank">
           <img src="/vite.svg" class="logo" alt="Vite logo" />
         </a>
         <a href="https://lit.dev" target="_blank">
@@ -127,4 +127,4 @@ export class MyElement extends LitElement {
   }
 }
-window.customElements.define('my-element', MyElement)
+globalThis.customElements.define('my-element', MyElement)

package/template-deno-lit/vite.config.js ADDED Viewed

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno()],
+  build: {
+    lib: {
+      entry: 'src/my-element.js',
+      formats: ['es'],
+    },
+    rollupOptions: {
+      external: /^lit/,
+    },
+  },
+})

package/template-deno-lit-ts/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno"]
+}

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

@@ -2,7 +2,7 @@
 ## Running
-You need to have Deno v1.28.0 or later installed to run this repo.
+You need to have Deno v2.0.0 or later installed to run this repo.
 Start a dev server:
@@ -17,14 +17,3 @@ Build production assets:
 ```
 $ deno task build
 ```
-## Notes
-- You need to use `.mjs` or `.mts` extension for the `vite.config.[ext]` file.
-## Papercuts
-Currently there's a "papercut" for Deno users:
-- peer dependencies need to be referenced in `vite.config.js` - in this example
-  it is `lit` package that needs to be referenced

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

@@ -2,5 +2,14 @@
   "tasks": {
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "experimentalDecorators": true
+  },
+  "imports": {
+    "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
+    "lit": "npm:lit@^2.7.5",
+    "vite": "npm:vite@^5.4.8"
   }
 }

package/template-deno-lit-ts/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

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

@@ -1,5 +1,6 @@
 import { LitElement, css, html } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
+// @ts-expect-error Unable to infer type at the moment
 import litLogo from './assets/lit.svg'
 /**
@@ -22,11 +23,11 @@ export class MyElement extends LitElement {
   @property({ type: Number })
   count = 0
-  render() {
+  override render() {
     return html`
+      <img src="/vite-deno.svg" alt="Vite with Deno" />
       <div>
-        <img src="/vite-deno.svg" alt="Vite with Deno" />
-        <a href="https://vitejs.dev" target="_blank">
+        <a href="https://vite.dev" target="_blank">
           <img src="/vite.svg" class="logo" alt="Vite logo" />
         </a>
         <a href="https://lit.dev" target="_blank">
@@ -47,7 +48,7 @@ export class MyElement extends LitElement {
     this.count++
   }
-  static styles = css`
+  static override styles = css`
     :host {
       max-width: 1280px;
       margin: 0 auto;

package/template-deno-lit-ts/tsconfig.json CHANGED Viewed

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "experimentalDecorators": true,
     "useDefineForClassFields": false
   },
   "include": ["src/**/*.ts"]

package/template-deno-lit-ts/vite.config.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno()],
+  build: {
+    lib: {
+      entry: 'src/my-element.ts',
+      formats: ['es'],
+    },
+    rollupOptions: {
+      external: /^lit/,
+    },
+  },
+})

package/template-deno-preact/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno"]
+}

package/template-deno-preact/README.md CHANGED Viewed

@@ -2,7 +2,7 @@
 ## Running
-You need to have Deno v1.28.0 or later installed to run this repo.
+You need to have Deno v2.0.0 or later installed to run this repo.
 Start a dev server:
@@ -17,14 +17,3 @@ Build production assets:
 ```
 $ deno task build
 ```
-## Notes
-- You need to use `.mjs` or `.mts` extension for the `vite.config.[ext]` file.
-## Papercuts
-Currently there's a "papercut" for Deno users:
-- peer dependencies need to be referenced in `vite.config.js` - in this example
-  it is `preact` and `preact/hooks` packages that need to be referenced

package/template-deno-preact/deno.json CHANGED Viewed

@@ -3,6 +3,17 @@
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build",
     "preview": "deno run -A --node-modules-dir npm:vite preview",
-    "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+    "serve": "deno run --allow-net --allow-read jsr:@std/http@1/file-server dist/"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact"
+  },
+  "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.8"
   }
 }

package/template-deno-preact/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package/template-deno-preact/src/app.jsx CHANGED Viewed

@@ -9,7 +9,7 @@ export function App() {
     <>
       <img src="/vite-deno.svg" alt="Vite with Deno" />
       <div>
-        <a href="https://vitejs.dev" target="_blank">
+        <a href="https://vite.dev" target="_blank">
           <img src="/vite.svg" class="logo" alt="Vite logo" />
         </a>
         <a href="https://preactjs.com" target="_blank">

package/template-deno-preact/src/main.jsx CHANGED Viewed

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

package/template-deno-preact/vite.config.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+import preact from '@preact/preset-vite'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno(), preact()],
+})

package/template-deno-preact-ts/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno"]
+}

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

@@ -2,7 +2,7 @@
 ## Running
-You need to have Deno v1.28.0 or later installed to run this repo.
+You need to have Deno v2.0.0 or later installed to run this repo.
 Start a dev server:
@@ -17,14 +17,3 @@ Build production assets:
 ```
 $ deno task build
 ```
-## Notes
-- You need to use `.mjs` or `.mts` extension for the `vite.config.[ext]` file.
-## Papercuts
-Currently there's a "papercut" for Deno users:
-- peer dependencies need to be referenced in `vite.config.js` - in this example
-  it is `preact` and `preact/hooks` packages that need to be referenced

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

@@ -3,6 +3,17 @@
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build",
     "preview": "deno run -A --node-modules-dir npm:vite preview",
-    "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+    "serve": "deno run --allow-net --allow-read jsr:@std/http@1/file-server dist/"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact"
+  },
+  "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.8"
   }
 }

package/template-deno-preact-ts/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package/template-deno-preact-ts/src/app.tsx CHANGED Viewed

@@ -1,4 +1,5 @@
 import { useState } from 'preact/hooks'
+// @ts-expect-error Unable to infer type at the moment
 import preactLogo from './assets/preact.svg'
 import './app.css'
@@ -9,7 +10,7 @@ export function App() {
     <>
       <img src="/vite-deno.svg" alt="Vite with Deno" />
       <div>
-        <a href="https://vitejs.dev" target="_blank">
+        <a href="https://vite.dev" target="_blank">
           <img src="/vite.svg" class="logo" alt="Vite logo" />
         </a>
         <a href="https://preactjs.com" target="_blank">

package/template-deno-preact-ts/src/main.tsx CHANGED Viewed

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

package/template-deno-preact-ts/vite.config.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+import preact from '@preact/preset-vite'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno(), preact()],
+})

package/template-deno-react/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno"]
+}

package/template-deno-react/README.md CHANGED Viewed

@@ -2,7 +2,7 @@
 ## Running
-You need to have Deno v1.28.0 or later installed to run this repo.
+You need to have Deno v2.0.0 or later installed to run this repo.
 Start a dev server:
@@ -17,14 +17,3 @@ Build production assets:
 ```
 $ deno task build
 ```
-## Notes
-- You need to use `.mjs` or `.mts` extension for the `vite.config.[ext]` file.
-## Papercuts
-Currently there's a "papercut" for Deno users:
-- peer dependencies need to be referenced in `vite.config.js` - in this example
-  it is `react` and `react-dom` packages that need to be referenced

package/template-deno-react/deno.json CHANGED Viewed

@@ -3,6 +3,21 @@
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build",
     "preview": "deno run -A --node-modules-dir npm:vite preview",
-    "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+    "serve": "deno run --allow-net --allow-read jsr:@std/http@1/file-server dist/"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "jsxImportSource": "react",
+    "jsxImportSourceTypes": "@types/react"
+  },
+  "imports": {
+    "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
+    "@types/react": "npm:@types/react@^18.3.1",
+    "@types/react-dom": "npm:@types/react-dom@^18.3.1",
+    "@vitejs/plugin-react": "npm:@vitejs/plugin-react@^4.3.2",
+    "react": "npm:react@^18.3.1",
+    "react-dom": "npm:react-dom@^18.3.1",
+    "vite": "npm:vite@^5.4.8"
   }
 }

package/template-deno-react/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

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

@@ -1,3 +1,4 @@
+// @deno-types="@types/react"
 import { useState } from 'react'
 import reactLogo from './assets/react.svg'
 import './App.css'
@@ -9,7 +10,7 @@ function App() {
     <>
       <img src="/vite-deno.svg" alt="Vite with Deno" />
       <div>
-        <a href="https://vitejs.dev" target="_blank">
+        <a href="https://vite.dev" target="_blank">
           <img src="/vite.svg" className="logo" alt="Vite logo" />
         </a>
         <a href="https://reactjs.org" target="_blank">

package/template-deno-react/src/main.jsx CHANGED Viewed

@@ -1,10 +1,12 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App'
+// @deno-types="@types/react"
+import { createRoot } from 'react'
+// @deno-types="@types/react-dom/client"
+import { StrictMode } from 'react-dom/client'
+import App from './App.jsx'
 import './index.css'
-ReactDOM.createRoot(document.getElementById('root')).render(
-  <React.StrictMode>
+createRoot(document.getElementById('root')).render(
+  <StrictMode>
     <App />
-  </React.StrictMode>
+  </StrictMode>,
 )

package/template-deno-react/vite.config.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+import react from '@vitejs/plugin-react'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno(), react()],
+})

package/template-deno-react-ts/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno"]
+}

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

@@ -2,7 +2,7 @@
 ## Running
-You need to have Deno v1.28.0 or later installed to run this repo.
+You need to have Deno v2.0.0 or later installed to run this repo.
 Start a dev server:
@@ -17,14 +17,3 @@ Build production assets:
 ```
 $ deno task build
 ```
-## Notes
-- You need to use `.mjs` or `.mts` extension for the `vite.config.[ext]` file.
-## Papercuts
-Currently there's a "papercut" for Deno users:
-- peer dependencies need to be referenced in `vite.config.js` - in this example
-  it is `react` and `react-dom` packages that need to be referenced

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

@@ -3,6 +3,21 @@
     "dev": "deno run -A --node-modules-dir npm:vite",
     "build": "deno run -A --node-modules-dir npm:vite build",
     "preview": "deno run -A --node-modules-dir npm:vite preview",
-    "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+    "serve": "deno run --allow-net --allow-read jsr:@std/http@1/file-server dist/"
+  },
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "jsxImportSource": "react",
+    "jsxImportSourceTypes": "@types/react"
+  },
+  "imports": {
+    "@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.0",
+    "@types/react": "npm:@types/react@^18.3.1",
+    "@types/react-dom": "npm:@types/react-dom@^18.3.1",
+    "@vitejs/plugin-react": "npm:@vitejs/plugin-react@^4.3.2",
+    "react": "npm:react@^18.3.1",
+    "react-dom": "npm:react-dom@^18.3.1",
+    "vite": "npm:vite@^5.4.8"
   }
 }

package/template-deno-react-ts/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

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

@@ -1,4 +1,6 @@
+// @deno-types="@types/react"
 import { useState } from 'react'
+// @ts-expect-error Unable to infer type at the moment
 import reactLogo from './assets/react.svg'
 import './App.css'
@@ -9,7 +11,7 @@ function App() {
     <>
       <img src="/vite-deno.svg" alt="Vite with Deno" />
       <div>
-        <a href="https://vitejs.dev" target="_blank">
+        <a href="https://vite.dev" target="_blank">
           <img src="/vite.svg" className="logo" alt="Vite logo" />
         </a>
         <a href="https://reactjs.org" target="_blank">

package/template-deno-react-ts/src/main.tsx CHANGED Viewed

@@ -1,10 +1,12 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App'
+// @deno-types="@types/react"
+import { StrictMode } from 'react'
+// @deno-types="@types/react-dom/client"
+import { createRoot } from 'react-dom/client'
+import App from './App.tsx'
 import './index.css'
-ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <React.StrictMode>
+createRoot(document.getElementById('root') as HTMLElement).render(
+  <StrictMode>
     <App />
-  </React.StrictMode>,
+  </StrictMode>,
 )

package/template-deno-react-ts/vite.config.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import deno from '@deno/vite-plugin'
+import react from '@vitejs/plugin-react'
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [deno(), react()],
+})

package/template-deno-solid/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno"]
+}

package/template-deno-solid/README.md CHANGED Viewed

@@ -2,7 +2,7 @@
 ## Running
-You need to have Deno v1.28.0 or later installed to run this repo.
+You need to have Deno v2.0.0 or later installed to run this repo.
 Start a dev server:
@@ -17,14 +17,3 @@ Build production assets:
 ```
 $ deno task build
 ```
-## Notes
-- You need to use `.mjs` or `.mts` extension for the `vite.config.[ext]` file.
-## Papercuts
-Currently there's a "papercut" for Deno users:
-- peer dependencies need to be referenced in `vite.config.js` - in this example
-  it is only `solid-js` package that needs to be referenced