npm - create-vite-extra - Versions diffs - 2.2.0 → 2.4.0 - Mend

create-vite-extra 2.2.0 → 2.4.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 (244) hide show

package/LICENSE +124 -0
package/README.md +2 -2
package/index.js +118 -125
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 +2 -2
package/template-deno-preact/src/main.jsx +2 -2
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 +3 -2
package/template-deno-preact-ts/src/main.tsx +2 -2
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 +3 -2
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 +4 -2
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 +2 -2
package/template-deno-solid/src/main.jsx +2 -3
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 +3 -2
package/template-deno-solid-ts/src/main.tsx +3 -4
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/lib/Counter.svelte +2 -2
package/template-deno-svelte/src/main.js +3 -2
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/src/lib/Counter.svelte +2 -2
package/template-deno-svelte-ts/src/main.ts +3 -2
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/src/main.js +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/src/main.ts +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/tsconfig.json +3 -2
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 +2 -2
package/template-ssr-preact/vite.config.js +5 -5
package/template-ssr-preact-ts/index.html +1 -1
package/template-ssr-preact-ts/package-lock.json +2923 -0
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 +2 -2
package/template-ssr-preact-ts/tsconfig.json +3 -2
package/template-ssr-preact-ts/tsconfig.node.json +16 -3
package/template-ssr-preact-ts/vite.config.ts +5 -5
package/template-ssr-react/index.html +1 -1
package/template-ssr-react/package-lock.json +2629 -0
package/template-ssr-react/package.json +8 -8
package/template-ssr-react/server.js +2 -2
package/template-ssr-react/src/App.jsx +2 -2
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/index.html +1 -1
package/template-ssr-react-streaming/package-lock.json +2596 -0
package/template-ssr-react-streaming/package.json +7 -7
package/template-ssr-react-streaming/server.js +4 -4
package/template-ssr-react-streaming/src/App.jsx +2 -2
package/template-ssr-react-streaming/src/Card.jsx +1 -1
package/template-ssr-react-streaming/src/entry-client.jsx +5 -5
package/template-ssr-react-streaming/src/entry-server.jsx +4 -4
package/template-ssr-react-streaming/vite.config.js +2 -2
package/template-ssr-react-streaming-ts/index.html +1 -1
package/template-ssr-react-streaming-ts/package.json +12 -12
package/template-ssr-react-streaming-ts/server.js +4 -4
package/template-ssr-react-streaming-ts/src/App.tsx +2 -2
package/template-ssr-react-streaming-ts/src/entry-client.tsx +5 -5
package/template-ssr-react-streaming-ts/src/entry-server.tsx +13 -6
package/template-ssr-react-streaming-ts/tsconfig.json +4 -3
package/template-ssr-react-streaming-ts/tsconfig.node.json +16 -3
package/template-ssr-react-streaming-ts/vite.config.ts +2 -2
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 +2 -2
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/tsconfig.json +4 -3
package/template-ssr-react-ts/tsconfig.node.json +16 -3
package/template-ssr-react-ts/vite.config.ts +2 -2
package/template-ssr-solid/index.html +1 -1
package/template-ssr-solid/package.json +4 -4
package/template-ssr-solid/server.js +2 -2
package/template-ssr-solid/src/App.jsx +2 -2
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 +6 -6
package/template-ssr-solid-ts/server.js +2 -2
package/template-ssr-solid-ts/src/App.tsx +2 -2
package/template-ssr-solid-ts/tsconfig.json +4 -3
package/template-ssr-solid-ts/tsconfig.node.json +16 -3
package/template-ssr-solid-ts/vite.config.ts +2 -2
package/template-ssr-svelte/index.html +1 -1
package/template-ssr-svelte/jsconfig.json +2 -3
package/template-ssr-svelte/package-lock.json +2125 -0
package/template-ssr-svelte/package.json +5 -5
package/template-ssr-svelte/server.js +3 -3
package/template-ssr-svelte/src/App.svelte +1 -1
package/template-ssr-svelte/src/entry-client.js +2 -2
package/template-ssr-svelte/src/entry-server.js +2 -2
package/template-ssr-svelte/src/lib/Counter.svelte +2 -2
package/template-ssr-svelte/svelte.config.js +1 -1
package/template-ssr-svelte/vite.config.js +2 -8
package/template-ssr-svelte-ts/index.html +1 -1
package/template-ssr-svelte-ts/package-lock.json +2345 -0
package/template-ssr-svelte-ts/package.json +12 -11
package/template-ssr-svelte-ts/server.js +3 -3
package/template-ssr-svelte-ts/src/App.svelte +1 -1
package/template-ssr-svelte-ts/src/entry-client.ts +3 -3
package/template-ssr-svelte-ts/src/entry-server.ts +2 -2
package/template-ssr-svelte-ts/src/lib/Counter.svelte +2 -2
package/template-ssr-svelte-ts/svelte.config.js +1 -1
package/template-ssr-svelte-ts/tsconfig.json +2 -1
package/template-ssr-svelte-ts/tsconfig.node.json +4 -1
package/template-ssr-svelte-ts/vite.config.ts +2 -8
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-vanilla-ts/tsconfig.json +3 -2
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/tsconfig.json +5 -4
package/template-ssr-vue-streaming-ts/tsconfig.node.json +16 -2
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-lock.json +2346 -0
package/template-ssr-vue-ts/package.json +11 -10
package/template-ssr-vue-ts/server.js +2 -2
package/template-ssr-vue-ts/src/App.vue +1 -1
package/template-ssr-vue-ts/tsconfig.json +5 -4
package/template-ssr-vue-ts/tsconfig.node.json +16 -2
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 -14
package/template-deno-preact-ts/vite.config.mts +0 -14
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/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@^3.2.1",
+    "vite": "npm:vite@^5.4.9"
   }
 }

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.9"
   }
 }

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

@@ -1,6 +1,6 @@
+import './app.css'
 import { useState } from 'preact/hooks'
 import preactLogo from './assets/preact.svg'
-import './app.css'
 export function App() {
   const [count, setCount] = useState(0)
@@ -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 './index.css'
+import { render } from 'preact'
+import { App } from './app.jsx'
 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.9"
   }
 }

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,6 +1,7 @@
+import './app.css'
 import { useState } from 'preact/hooks'
+// @ts-expect-error Unable to infer type at the moment
 import preactLogo from './assets/preact.svg'
-import './app.css'
 export function App() {
   const [count, setCount] = useState(0)
@@ -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 './index.css'
+import { render } from 'preact'
+import { App } from './app.tsx'
 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.11",
+    "@types/react-dom": "npm:@types/react-dom@^18.3.1",
+    "@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.9"
   }
 }

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,6 +1,7 @@
+import './App.css'
+// @deno-types="@types/react"
 import { useState } from 'react'
 import reactLogo from './assets/react.svg'
-import './App.css'
 function App() {
   const [count, setCount] = useState(0)
@@ -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'
 import './index.css'
+// @deno-types="@types/react"
+import { StrictMode } from 'react'
+// @deno-types="@types/react-dom/client"
+import { createRoot } from 'react-dom/client'
+import App from './App.jsx'
-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.11",
+    "@types/react-dom": "npm:@types/react-dom@^18.3.1",
+    "@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.9"
   }
 }

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,6 +1,8 @@
+import './App.css'
+// @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'
 function App() {
   const [count, setCount] = useState(0)
@@ -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'
 import './index.css'
+// @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'
-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

package/template-deno-solid/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": "solid-js"
+  },
+  "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"
   }
 }

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

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

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

@@ -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)
@@ -9,7 +9,7 @@ function App() {
     <div class="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://www.solidjs.com" target="_blank">

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

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

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

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

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

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

package/template-deno-solid-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 only `solid-js` package that needs to be referenced