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
  1. package/README.md +39 -35
  2. package/index.js +155 -128
  3. package/package.json +6 -2
  4. package/template-deno-lit/.vscode/extensions.json +3 -0
  5. package/template-deno-lit/README.md +1 -12
  6. package/template-deno-lit/deno.json +8 -0
  7. package/template-deno-lit/index.html +1 -1
  8. package/template-deno-lit/src/my-element.js +3 -3
  9. package/template-deno-lit/vite.config.js +16 -0
  10. package/template-deno-lit-ts/.vscode/extensions.json +3 -0
  11. package/template-deno-lit-ts/README.md +1 -12
  12. package/template-deno-lit-ts/deno.json +9 -0
  13. package/template-deno-lit-ts/index.html +1 -1
  14. package/template-deno-lit-ts/src/my-element.ts +5 -4
  15. package/template-deno-lit-ts/tsconfig.json +1 -0
  16. package/template-deno-lit-ts/vite.config.ts +16 -0
  17. package/template-deno-preact/.vscode/extensions.json +3 -0
  18. package/template-deno-preact/README.md +1 -12
  19. package/template-deno-preact/deno.json +12 -1
  20. package/template-deno-preact/index.html +1 -1
  21. package/template-deno-preact/src/app.jsx +1 -1
  22. package/template-deno-preact/src/main.jsx +1 -1
  23. package/template-deno-preact/vite.config.js +8 -0
  24. package/template-deno-preact-ts/.vscode/extensions.json +3 -0
  25. package/template-deno-preact-ts/README.md +1 -12
  26. package/template-deno-preact-ts/deno.json +12 -1
  27. package/template-deno-preact-ts/index.html +1 -1
  28. package/template-deno-preact-ts/src/app.tsx +2 -1
  29. package/template-deno-preact-ts/src/main.tsx +1 -1
  30. package/template-deno-preact-ts/vite.config.ts +8 -0
  31. package/template-deno-react/.vscode/extensions.json +3 -0
  32. package/template-deno-react/README.md +1 -12
  33. package/template-deno-react/deno.json +16 -1
  34. package/template-deno-react/index.html +1 -1
  35. package/template-deno-react/src/App.jsx +2 -1
  36. package/template-deno-react/src/main.jsx +8 -6
  37. package/template-deno-react/vite.config.js +8 -0
  38. package/template-deno-react-ts/.vscode/extensions.json +3 -0
  39. package/template-deno-react-ts/README.md +1 -12
  40. package/template-deno-react-ts/deno.json +16 -1
  41. package/template-deno-react-ts/index.html +1 -1
  42. package/template-deno-react-ts/src/App.tsx +3 -1
  43. package/template-deno-react-ts/src/main.tsx +8 -6
  44. package/template-deno-react-ts/vite.config.ts +8 -0
  45. package/template-deno-solid/.vscode/extensions.json +3 -0
  46. package/template-deno-solid/README.md +1 -12
  47. package/template-deno-solid/deno.json +12 -1
  48. package/template-deno-solid/index.html +1 -1
  49. package/template-deno-solid/src/App.jsx +1 -1
  50. package/template-deno-solid/src/main.jsx +1 -1
  51. package/template-deno-solid/vite.config.js +8 -0
  52. package/template-deno-solid-ts/.vscode/extensions.json +3 -0
  53. package/template-deno-solid-ts/README.md +1 -12
  54. package/template-deno-solid-ts/deno.json +12 -1
  55. package/template-deno-solid-ts/index.html +1 -1
  56. package/template-deno-solid-ts/src/App.tsx +2 -1
  57. package/template-deno-solid-ts/src/main.tsx +2 -2
  58. package/template-deno-solid-ts/vite.config.ts +8 -0
  59. package/template-deno-svelte/.vscode/extensions.json +1 -1
  60. package/template-deno-svelte/README.md +1 -12
  61. package/template-deno-svelte/deno.json +10 -1
  62. package/template-deno-svelte/index.html +1 -1
  63. package/template-deno-svelte/src/App.svelte +1 -1
  64. package/template-deno-svelte/src/main.js +1 -1
  65. package/template-deno-svelte/svelte.config.js +2 -2
  66. package/template-deno-svelte/vite.config.js +8 -0
  67. package/template-deno-svelte-ts/.vscode/extensions.json +1 -1
  68. package/template-deno-svelte-ts/README.md +1 -12
  69. package/template-deno-svelte-ts/deno.json +10 -1
  70. package/template-deno-svelte-ts/index.html +1 -1
  71. package/template-deno-svelte-ts/src/App.svelte +1 -1
  72. package/template-deno-svelte-ts/svelte.config.js +2 -2
  73. package/template-deno-svelte-ts/vite.config.ts +8 -0
  74. package/template-deno-vanilla/.vscode/extensions.json +3 -0
  75. package/template-deno-vanilla/deno.json +8 -1
  76. package/template-deno-vanilla/index.html +1 -1
  77. package/template-deno-vanilla/main.js +1 -1
  78. package/template-deno-vanilla/vite.config.js +7 -0
  79. package/template-deno-vanilla-ts/.vscode/extensions.json +3 -0
  80. package/template-deno-vanilla-ts/deno.json +8 -1
  81. package/template-deno-vanilla-ts/index.html +1 -1
  82. package/template-deno-vanilla-ts/src/main.ts +1 -1
  83. package/template-deno-vanilla-ts/vite.config.ts +7 -0
  84. package/template-deno-vue/.vscode/extensions.json +3 -0
  85. package/template-deno-vue/README.md +1 -12
  86. package/template-deno-vue/deno.json +10 -1
  87. package/template-deno-vue/index.html +1 -1
  88. package/template-deno-vue/src/App.vue +1 -1
  89. package/template-deno-vue/src/components/HelloWorld.vue +1 -1
  90. package/template-deno-vue/vite.config.js +8 -0
  91. package/template-deno-vue-ts/.vscode/extensions.json +3 -0
  92. package/template-deno-vue-ts/README.md +1 -23
  93. package/template-deno-vue-ts/deno.json +10 -1
  94. package/template-deno-vue-ts/index.html +1 -1
  95. package/template-deno-vue-ts/src/App.vue +1 -1
  96. package/template-deno-vue-ts/vite.config.ts +8 -0
  97. package/template-library/index.html +1 -1
  98. package/template-library/main.js +1 -1
  99. package/template-library/package.json +1 -1
  100. package/template-library/vite.config.js +3 -3
  101. package/template-library-ts/index.html +1 -1
  102. package/template-library-ts/package.json +2 -2
  103. package/template-library-ts/src/main.ts +1 -1
  104. package/template-library-ts/vite.config.ts +3 -3
  105. package/template-ssr-preact/index.html +1 -1
  106. package/template-ssr-preact/package.json +6 -6
  107. package/template-ssr-preact/server.js +2 -2
  108. package/template-ssr-preact/src/app.jsx +1 -1
  109. package/template-ssr-preact/vite.config.js +5 -5
  110. package/template-ssr-preact-ts/index.html +1 -1
  111. package/template-ssr-preact-ts/package.json +9 -9
  112. package/template-ssr-preact-ts/server.js +2 -2
  113. package/template-ssr-preact-ts/src/app.tsx +1 -1
  114. package/template-ssr-preact-ts/vite.config.ts +5 -5
  115. package/template-ssr-react/index.html +1 -1
  116. package/template-ssr-react/package.json +8 -8
  117. package/template-ssr-react/server.js +2 -2
  118. package/template-ssr-react/src/App.jsx +1 -1
  119. package/template-ssr-react/src/entry-client.jsx +5 -5
  120. package/template-ssr-react/src/entry-server.jsx +5 -5
  121. package/template-ssr-react/vite.config.js +2 -2
  122. package/template-ssr-react-streaming/_gitignore +24 -0
  123. package/template-ssr-react-streaming/index.html +14 -0
  124. package/template-ssr-react-streaming/package-lock.json +2596 -0
  125. package/template-ssr-react-streaming/package.json +25 -0
  126. package/template-ssr-react-streaming/public/vite.svg +1 -0
  127. package/template-ssr-react-streaming/server.js +104 -0
  128. package/template-ssr-react-streaming/src/App.css +41 -0
  129. package/template-ssr-react-streaming/src/App.jsx +32 -0
  130. package/template-ssr-react-streaming/src/Card.jsx +18 -0
  131. package/template-ssr-react-streaming/src/assets/react.svg +1 -0
  132. package/template-ssr-react-streaming/src/entry-client.jsx +11 -0
  133. package/template-ssr-react-streaming/src/entry-server.jsx +17 -0
  134. package/template-ssr-react-streaming/src/index.css +69 -0
  135. package/template-ssr-react-streaming/vite.config.js +7 -0
  136. package/template-ssr-react-streaming-ts/_gitignore +24 -0
  137. package/template-ssr-react-streaming-ts/index.html +14 -0
  138. package/template-ssr-react-streaming-ts/package.json +30 -0
  139. package/template-ssr-react-streaming-ts/public/vite.svg +1 -0
  140. package/template-ssr-react-streaming-ts/server.js +104 -0
  141. package/template-ssr-react-streaming-ts/src/App.css +41 -0
  142. package/template-ssr-react-streaming-ts/src/App.tsx +32 -0
  143. package/template-ssr-react-streaming-ts/src/Card.tsx +18 -0
  144. package/template-ssr-react-streaming-ts/src/assets/react.svg +1 -0
  145. package/template-ssr-react-streaming-ts/src/entry-client.tsx +11 -0
  146. package/template-ssr-react-streaming-ts/src/entry-server.tsx +19 -0
  147. package/template-ssr-react-streaming-ts/src/index.css +69 -0
  148. package/template-ssr-react-streaming-ts/src/vite-env.d.ts +1 -0
  149. package/template-ssr-react-streaming-ts/tsconfig.json +25 -0
  150. package/template-ssr-react-streaming-ts/tsconfig.node.json +11 -0
  151. package/template-ssr-react-streaming-ts/vite.config.ts +7 -0
  152. package/template-ssr-react-ts/index.html +1 -1
  153. package/template-ssr-react-ts/package.json +11 -11
  154. package/template-ssr-react-ts/server.js +2 -2
  155. package/template-ssr-react-ts/src/App.tsx +1 -1
  156. package/template-ssr-react-ts/src/entry-client.tsx +5 -5
  157. package/template-ssr-react-ts/src/entry-server.tsx +5 -5
  158. package/template-ssr-react-ts/vite.config.ts +2 -2
  159. package/template-ssr-solid/index.html +1 -1
  160. package/template-ssr-solid/package.json +5 -5
  161. package/template-ssr-solid/server.js +2 -2
  162. package/template-ssr-solid/src/App.jsx +1 -1
  163. package/template-ssr-solid/vite.config.js +2 -2
  164. package/template-ssr-solid-ts/index.html +1 -1
  165. package/template-ssr-solid-ts/package.json +7 -7
  166. package/template-ssr-solid-ts/server.js +2 -2
  167. package/template-ssr-solid-ts/src/App.tsx +1 -1
  168. package/template-ssr-solid-ts/vite.config.ts +2 -2
  169. package/template-ssr-svelte/index.html +1 -1
  170. package/template-ssr-svelte/package.json +5 -5
  171. package/template-ssr-svelte/server.js +2 -2
  172. package/template-ssr-svelte/src/App.svelte +1 -1
  173. package/template-ssr-svelte/src/entry-client.js +1 -1
  174. package/template-ssr-svelte/svelte.config.js +1 -1
  175. package/template-ssr-svelte/vite.config.js +5 -5
  176. package/template-ssr-svelte-ts/index.html +1 -1
  177. package/template-ssr-svelte-ts/package-lock.json +2376 -0
  178. package/template-ssr-svelte-ts/package.json +11 -11
  179. package/template-ssr-svelte-ts/server.js +2 -2
  180. package/template-ssr-svelte-ts/src/App.svelte +1 -1
  181. package/template-ssr-svelte-ts/src/entry-client.ts +1 -1
  182. package/template-ssr-svelte-ts/svelte.config.js +1 -1
  183. package/template-ssr-svelte-ts/vite.config.ts +5 -5
  184. package/template-ssr-transform/package.json +1 -1
  185. package/template-ssr-vanilla/index.html +1 -1
  186. package/template-ssr-vanilla/package.json +3 -3
  187. package/template-ssr-vanilla/server.js +2 -2
  188. package/template-ssr-vanilla/src/entry-server.js +1 -1
  189. package/template-ssr-vanilla-ts/index.html +1 -1
  190. package/template-ssr-vanilla-ts/package.json +6 -6
  191. package/template-ssr-vanilla-ts/server.js +2 -2
  192. package/template-ssr-vanilla-ts/src/entry-server.ts +1 -1
  193. package/template-ssr-vue/index.html +1 -1
  194. package/template-ssr-vue/package.json +5 -5
  195. package/template-ssr-vue/server.js +2 -2
  196. package/template-ssr-vue/src/App.vue +1 -1
  197. package/template-ssr-vue/src/components/HelloWorld.vue +1 -1
  198. package/template-ssr-vue/vite.config.js +2 -2
  199. package/template-ssr-vue-streaming/index.html +1 -1
  200. package/template-ssr-vue-streaming/package.json +5 -5
  201. package/template-ssr-vue-streaming/server.js +2 -2
  202. package/template-ssr-vue-streaming/src/App.vue +1 -1
  203. package/template-ssr-vue-streaming/src/components/HelloWorld.vue +1 -1
  204. package/template-ssr-vue-streaming/vite.config.js +2 -2
  205. package/template-ssr-vue-streaming-ts/index.html +1 -1
  206. package/template-ssr-vue-streaming-ts/package-lock.json +2346 -0
  207. package/template-ssr-vue-streaming-ts/package.json +9 -9
  208. package/template-ssr-vue-streaming-ts/server.js +2 -2
  209. package/template-ssr-vue-streaming-ts/src/App.vue +1 -1
  210. package/template-ssr-vue-streaming-ts/vite.config.ts +2 -2
  211. package/template-ssr-vue-ts/index.html +1 -1
  212. package/template-ssr-vue-ts/package.json +9 -9
  213. package/template-ssr-vue-ts/server.js +2 -2
  214. package/template-ssr-vue-ts/src/App.vue +1 -1
  215. package/template-ssr-vue-ts/vite.config.ts +2 -2
  216. package/template-deno-lit/vite.config.mjs +0 -16
  217. package/template-deno-lit-ts/vite.config.mts +0 -16
  218. package/template-deno-preact/vite.config.mjs +0 -10
  219. package/template-deno-preact-ts/vite.config.mts +0 -10
  220. package/template-deno-react/vite.config.mjs +0 -10
  221. package/template-deno-react-ts/vite.config.mts +0 -10
  222. package/template-deno-solid/vite.config.mjs +0 -9
  223. package/template-deno-solid-ts/vite.config.mts +0 -9
  224. package/template-deno-svelte/vite.config.mjs +0 -9
  225. package/template-deno-svelte-ts/vite.config.mts +0 -9
  226. package/template-deno-vue/vite.config.mjs +0 -9
  227. package/template-deno-vue-ts/vite.config.mts +0 -9
package/template-library-ts/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta charset="UTF-8" />
package/template-library-ts/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "build": "tsc && vite build"
21
21
  },
22
22
  "devDependencies": {
23
- "typescript": "^5.3.3",
24
- "vite": "^5.0.10"
23
+ "typescript": "^5.6.3",
24
+ "vite": "^5.4.8"
25
25
  }
26
26
  }
package/template-library-ts/src/main.ts CHANGED
@@ -4,7 +4,7 @@ import { setupCounter } from '../lib/main'
4
4
 
5
5
  document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
6
6
  <div>
7
- <a href="https://vitejs.dev" target="_blank">
7
+ <a href="https://vite.dev" target="_blank">
8
8
  <img src="/vite.svg" class="logo" alt="Vite logo" />
9
9
  </a>
10
10
  <a href="https://www.typescriptlang.org/" target="_blank">
package/template-library-ts/vite.config.ts CHANGED
@@ -5,7 +5,7 @@ export default defineConfig({
5
5
  lib: {
6
6
  entry: './lib/main.ts',
7
7
  name: 'Counter',
8
- fileName: 'counter'
9
- }
10
- }
8
+ fileName: 'counter',
9
+ },
10
+ },
11
11
  })
package/template-ssr-preact/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta charset="UTF-8" />
package/template-ssr-preact/package.json CHANGED
@@ -12,14 +12,14 @@
12
12
  },
13
13
  "dependencies": {
14
14
  "compression": "^1.7.4",
15
- "express": "^4.18.2",
16
- "preact": "^10.19.3",
17
- "preact-render-to-string": "^6.3.1",
18
- "sirv": "^2.0.4"
15
+ "express": "^5.0.1",
16
+ "preact": "^10.24.3",
17
+ "preact-render-to-string": "^6.5.11",
18
+ "sirv": "^3.0.0"
19
19
  },
20
20
  "devDependencies": {
21
- "@preact/preset-vite": "^2.7.0",
21
+ "@preact/preset-vite": "^2.9.1",
22
22
  "cross-env": "^7.0.3",
23
- "vite": "^5.0.10"
23
+ "vite": "^5.4.8"
24
24
  }
25
25
  }
package/template-ssr-preact/server.js CHANGED
@@ -24,7 +24,7 @@ if (!isProduction) {
24
24
  vite = await createServer({
25
25
  server: { middlewareMode: true },
26
26
  appType: 'custom',
27
- base
27
+ base,
28
28
  })
29
29
  app.use(vite.middlewares)
30
30
  } else {
@@ -35,7 +35,7 @@ if (!isProduction) {
35
35
  }
36
36
 
37
37
  // Serve HTML
38
- app.use('*', async (req, res) => {
38
+ app.use('*all', async (req, res) => {
39
39
  try {
40
40
  const url = req.originalUrl.replace(base, '')
41
41
 
package/template-ssr-preact/src/app.jsx CHANGED
@@ -8,7 +8,7 @@ export function App() {
8
8
  return (
9
9
  <>
10
10
  <div>
11
- <a href="https://vitejs.dev" target="_blank">
11
+ <a href="https://vite.dev" target="_blank">
12
12
  <img src="/vite.svg" class="logo" alt="Vite logo" />
13
13
  </a>
14
14
  <a href="https://preactjs.com" target="_blank">
package/template-ssr-preact/vite.config.js CHANGED
@@ -2,14 +2,14 @@ import { createRequire } from 'module'
2
2
  import { defineConfig } from 'vite'
3
3
  import preact from '@preact/preset-vite'
4
4
 
5
- // https://vitejs.dev/config/
5
+ // https://vite.dev/config/
6
6
  export default defineConfig({
7
7
  plugins: [
8
8
  preact({
9
9
  babel: {
10
10
  // Change cwd to load Preact Babel plugins
11
- cwd: createRequire(import.meta.url).resolve('@preact/preset-vite')
12
- }
13
- })
14
- ]
11
+ cwd: createRequire(import.meta.url).resolve('@preact/preset-vite'),
12
+ },
13
+ }),
14
+ ],
15
15
  })
package/template-ssr-preact-ts/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta charset="UTF-8" />
package/template-ssr-preact-ts/package.json CHANGED
@@ -12,17 +12,17 @@
12
12
  },
13
13
  "dependencies": {
14
14
  "compression": "^1.7.4",
15
- "express": "^4.18.2",
16
- "preact": "^10.19.3",
17
- "preact-render-to-string": "^6.3.1",
18
- "sirv": "^2.0.4"
15
+ "express": "^5.0.1",
16
+ "preact": "^10.24.3",
17
+ "preact-render-to-string": "^6.5.11",
18
+ "sirv": "^3.0.0"
19
19
  },
20
20
  "devDependencies": {
21
- "@preact/preset-vite": "^2.7.0",
22
- "@types/express": "^4.17.21",
23
- "@types/node": "^20.10.5",
21
+ "@preact/preset-vite": "^2.9.1",
22
+ "@types/express": "^5.0.0",
23
+ "@types/node": "^22.7.5",
24
24
  "cross-env": "^7.0.3",
25
- "typescript": "^5.3.3",
26
- "vite": "^5.0.10"
25
+ "typescript": "^5.6.3",
26
+ "vite": "^5.4.8"
27
27
  }
28
28
  }
package/template-ssr-preact-ts/server.js CHANGED
@@ -24,7 +24,7 @@ if (!isProduction) {
24
24
  vite = await createServer({
25
25
  server: { middlewareMode: true },
26
26
  appType: 'custom',
27
- base
27
+ base,
28
28
  })
29
29
  app.use(vite.middlewares)
30
30
  } else {
@@ -35,7 +35,7 @@ if (!isProduction) {
35
35
  }
36
36
 
37
37
  // Serve HTML
38
- app.use('*', async (req, res) => {
38
+ app.use('*all', async (req, res) => {
39
39
  try {
40
40
  const url = req.originalUrl.replace(base, '')
41
41
 
package/template-ssr-preact-ts/src/app.tsx CHANGED
@@ -8,7 +8,7 @@ export function App() {
8
8
  return (
9
9
  <>
10
10
  <div>
11
- <a href="https://vitejs.dev" target="_blank">
11
+ <a href="https://vite.dev" target="_blank">
12
12
  <img src="/vite.svg" class="logo" alt="Vite logo" />
13
13
  </a>
14
14
  <a href="https://preactjs.com" target="_blank">
package/template-ssr-preact-ts/vite.config.ts CHANGED
@@ -2,14 +2,14 @@ import { createRequire } from 'module'
2
2
  import { defineConfig } from 'vite'
3
3
  import preact from '@preact/preset-vite'
4
4
 
5
- // https://vitejs.dev/config/
5
+ // https://vite.dev/config/
6
6
  export default defineConfig({
7
7
  plugins: [
8
8
  preact({
9
9
  babel: {
10
10
  // Change cwd to load Preact Babel plugins
11
- cwd: createRequire(import.meta.url).resolve('@preact/preset-vite')
12
- }
13
- })
14
- ]
11
+ cwd: createRequire(import.meta.url).resolve('@preact/preset-vite'),
12
+ },
13
+ }),
14
+ ],
15
15
  })
package/template-ssr-react/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta charset="UTF-8" />
package/template-ssr-react/package.json CHANGED
@@ -12,16 +12,16 @@
12
12
  },
13
13
  "dependencies": {
14
14
  "compression": "^1.7.4",
15
- "express": "^4.18.2",
16
- "react": "^18.2.0",
17
- "react-dom": "^18.2.0",
18
- "sirv": "^2.0.4"
15
+ "express": "^5.0.1",
16
+ "react": "^18.3.1",
17
+ "react-dom": "^18.3.1",
18
+ "sirv": "^3.0.0"
19
19
  },
20
20
  "devDependencies": {
21
- "@types/react": "^18.2.45",
22
- "@types/react-dom": "^18.2.18",
23
- "@vitejs/plugin-react": "^4.2.1",
21
+ "@types/react": "^18.3.11",
22
+ "@types/react-dom": "^18.3.1",
23
+ "@vitejs/plugin-react": "^4.3.2",
24
24
  "cross-env": "^7.0.3",
25
- "vite": "^5.0.10"
25
+ "vite": "^5.4.8"
26
26
  }
27
27
  }
package/template-ssr-react/server.js CHANGED
@@ -24,7 +24,7 @@ if (!isProduction) {
24
24
  vite = await createServer({
25
25
  server: { middlewareMode: true },
26
26
  appType: 'custom',
27
- base
27
+ base,
28
28
  })
29
29
  app.use(vite.middlewares)
30
30
  } else {
@@ -35,7 +35,7 @@ if (!isProduction) {
35
35
  }
36
36
 
37
37
  // Serve HTML
38
- app.use('*', async (req, res) => {
38
+ app.use('*all', async (req, res) => {
39
39
  try {
40
40
  const url = req.originalUrl.replace(base, '')
41
41
 
package/template-ssr-react/src/App.jsx CHANGED
@@ -8,7 +8,7 @@ function App() {
8
8
  return (
9
9
  <>
10
10
  <div>
11
- <a href="https://vitejs.dev" target="_blank">
11
+ <a href="https://vite.dev" target="_blank">
12
12
  <img src="/vite.svg" className="logo" alt="Vite logo" />
13
13
  </a>
14
14
  <a href="https://reactjs.org" target="_blank">
package/template-ssr-react/src/entry-client.jsx CHANGED
@@ -1,11 +1,11 @@
1
1
  import './index.css'
2
- import React from 'react'
3
- import ReactDOM from 'react-dom/client'
2
+ import { StrictMode } from 'react'
3
+ import { hydrateRoot } from 'react-dom/client'
4
4
  import App from './App'
5
5
 
6
- ReactDOM.hydrateRoot(
6
+ hydrateRoot(
7
7
  document.getElementById('root'),
8
- <React.StrictMode>
8
+ <StrictMode>
9
9
  <App />
10
- </React.StrictMode>
10
+ </StrictMode>,
11
11
  )
package/template-ssr-react/src/entry-server.jsx CHANGED
@@ -1,12 +1,12 @@
1
- import React from 'react'
2
- import ReactDOMServer from 'react-dom/server'
1
+ import { StrictMode } from 'react'
2
+ import { renderToString } from 'react-dom/server'
3
3
  import App from './App'
4
4
 
5
5
  export function render() {
6
- const html = ReactDOMServer.renderToString(
7
- <React.StrictMode>
6
+ const html = renderToString(
7
+ <StrictMode>
8
8
  <App />
9
- </React.StrictMode>
9
+ </StrictMode>,
10
10
  )
11
11
  return { html }
12
12
  }
package/template-ssr-react/vite.config.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { defineConfig } from 'vite'
2
2
  import react from '@vitejs/plugin-react'
3
3
 
4
- // https://vitejs.dev/config/
4
+ // https://vite.dev/config/
5
5
  export default defineConfig({
6
- plugins: [react()]
6
+ plugins: [react()],
7
7
  })
package/template-ssr-react-streaming/_gitignore ADDED
@@ -0,0 +1,24 @@
1
+ # Logs
2
+ logs
3
+ *.log
4
+ npm-debug.log*
5
+ yarn-debug.log*
6
+ yarn-error.log*
7
+ pnpm-debug.log*
8
+ lerna-debug.log*
9
+
10
+ node_modules
11
+ dist
12
+ dist-ssr
13
+ *.local
14
+
15
+ # Editor directories and files
16
+ .vscode/*
17
+ !.vscode/extensions.json
18
+ .idea
19
+ .DS_Store
20
+ *.suo
21
+ *.ntvs*
22
+ *.njsproj
23
+ *.sln
24
+ *.sw?
package/template-ssr-react-streaming/index.html ADDED
@@ -0,0 +1,14 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>Vite + React</title>
8
+ <!--app-head-->
9
+ </head>
10
+ <body>
11
+ <div id="root"><!--app-html--></div>
12
+ <script type="module" src="/src/entry-client.jsx"></script>
13
+ </body>
14
+ </html>