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.
- 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
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"compression": "^1.7.4",
|
|
15
|
-
"express": "^
|
|
16
|
-
"react": "^18.
|
|
17
|
-
"react-dom": "^18.
|
|
18
|
-
"sirv": "^
|
|
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
|
-
"@vitejs/plugin-react": "^4.
|
|
21
|
+
"@vitejs/plugin-react": "^4.3.3",
|
|
22
22
|
"cross-env": "^7.0.3",
|
|
23
|
-
"vite": "^5.
|
|
23
|
+
"vite": "^5.4.9"
|
|
24
24
|
}
|
|
25
|
-
}
|
|
25
|
+
}
|
|
@@ -26,7 +26,7 @@ if (!isProduction) {
|
|
|
26
26
|
vite = await createServer({
|
|
27
27
|
server: { middlewareMode: true },
|
|
28
28
|
appType: 'custom',
|
|
29
|
-
base
|
|
29
|
+
base,
|
|
30
30
|
})
|
|
31
31
|
app.use(vite.middlewares)
|
|
32
32
|
} else {
|
|
@@ -37,7 +37,7 @@ if (!isProduction) {
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
// Serve HTML
|
|
40
|
-
app.use('*', async (req, res) => {
|
|
40
|
+
app.use('*all', async (req, res) => {
|
|
41
41
|
try {
|
|
42
42
|
const url = req.originalUrl.replace(base, '')
|
|
43
43
|
|
|
@@ -69,7 +69,7 @@ app.use('*', async (req, res) => {
|
|
|
69
69
|
transform(chunk, encoding, callback) {
|
|
70
70
|
res.write(chunk, encoding)
|
|
71
71
|
callback()
|
|
72
|
-
}
|
|
72
|
+
},
|
|
73
73
|
})
|
|
74
74
|
|
|
75
75
|
const [htmlStart, htmlEnd] = template.split(`<!--app-html-->`)
|
|
@@ -85,7 +85,7 @@ app.use('*', async (req, res) => {
|
|
|
85
85
|
onError(error) {
|
|
86
86
|
didError = true
|
|
87
87
|
console.error(error)
|
|
88
|
-
}
|
|
88
|
+
},
|
|
89
89
|
})
|
|
90
90
|
|
|
91
91
|
setTimeout(() => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import './App.css'
|
|
1
2
|
import { Suspense, lazy } from 'react'
|
|
2
3
|
import reactLogo from './assets/react.svg'
|
|
3
|
-
import './App.css'
|
|
4
4
|
|
|
5
5
|
// Works also with SSR as expected
|
|
6
6
|
const Card = lazy(() => import('./Card'))
|
|
@@ -9,7 +9,7 @@ function App() {
|
|
|
9
9
|
return (
|
|
10
10
|
<>
|
|
11
11
|
<div>
|
|
12
|
-
<a href="https://
|
|
12
|
+
<a href="https://vite.dev" target="_blank">
|
|
13
13
|
<img src="/vite.svg" className="logo" alt="Vite logo" />
|
|
14
14
|
</a>
|
|
15
15
|
<a href="https://reactjs.org" target="_blank">
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import './index.css'
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import { StrictMode } from 'react'
|
|
3
|
+
import { hydrateRoot } from 'react-dom/client'
|
|
4
4
|
import App from './App'
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
hydrateRoot(
|
|
7
7
|
document.getElementById('root'),
|
|
8
|
-
<
|
|
8
|
+
<StrictMode>
|
|
9
9
|
<App />
|
|
10
|
-
</
|
|
10
|
+
</StrictMode>,
|
|
11
11
|
)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { StrictMode } from 'react'
|
|
2
2
|
import { renderToPipeableStream } from 'react-dom/server'
|
|
3
3
|
import App from './App'
|
|
4
4
|
|
|
@@ -9,9 +9,9 @@ import App from './App'
|
|
|
9
9
|
*/
|
|
10
10
|
export function render(url, ssrManifest, options) {
|
|
11
11
|
return renderToPipeableStream(
|
|
12
|
-
<
|
|
12
|
+
<StrictMode>
|
|
13
13
|
<App />
|
|
14
|
-
</
|
|
15
|
-
options
|
|
14
|
+
</StrictMode>,
|
|
15
|
+
options,
|
|
16
16
|
)
|
|
17
17
|
}
|
|
@@ -12,19 +12,19 @@
|
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"compression": "^1.7.4",
|
|
15
|
-
"express": "^
|
|
16
|
-
"react": "^18.
|
|
17
|
-
"react-dom": "^18.
|
|
18
|
-
"sirv": "^
|
|
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/express": "^
|
|
22
|
-
"@types/node": "^
|
|
23
|
-
"@types/react": "^18.
|
|
24
|
-
"@types/react-dom": "^18.
|
|
25
|
-
"@vitejs/plugin-react": "^4.
|
|
21
|
+
"@types/express": "^5.0.0",
|
|
22
|
+
"@types/node": "^22.7.7",
|
|
23
|
+
"@types/react": "^18.3.11",
|
|
24
|
+
"@types/react-dom": "^18.3.1",
|
|
25
|
+
"@vitejs/plugin-react": "^4.3.3",
|
|
26
26
|
"cross-env": "^7.0.3",
|
|
27
|
-
"typescript": "
|
|
28
|
-
"vite": "^5.
|
|
27
|
+
"typescript": "~5.6.3",
|
|
28
|
+
"vite": "^5.4.9"
|
|
29
29
|
}
|
|
30
|
-
}
|
|
30
|
+
}
|
|
@@ -26,7 +26,7 @@ if (!isProduction) {
|
|
|
26
26
|
vite = await createServer({
|
|
27
27
|
server: { middlewareMode: true },
|
|
28
28
|
appType: 'custom',
|
|
29
|
-
base
|
|
29
|
+
base,
|
|
30
30
|
})
|
|
31
31
|
app.use(vite.middlewares)
|
|
32
32
|
} else {
|
|
@@ -37,7 +37,7 @@ if (!isProduction) {
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
// Serve HTML
|
|
40
|
-
app.use('*', async (req, res) => {
|
|
40
|
+
app.use('*all', async (req, res) => {
|
|
41
41
|
try {
|
|
42
42
|
const url = req.originalUrl.replace(base, '')
|
|
43
43
|
|
|
@@ -69,7 +69,7 @@ app.use('*', async (req, res) => {
|
|
|
69
69
|
transform(chunk, encoding, callback) {
|
|
70
70
|
res.write(chunk, encoding)
|
|
71
71
|
callback()
|
|
72
|
-
}
|
|
72
|
+
},
|
|
73
73
|
})
|
|
74
74
|
|
|
75
75
|
const [htmlStart, htmlEnd] = template.split(`<!--app-html-->`)
|
|
@@ -85,7 +85,7 @@ app.use('*', async (req, res) => {
|
|
|
85
85
|
onError(error) {
|
|
86
86
|
didError = true
|
|
87
87
|
console.error(error)
|
|
88
|
-
}
|
|
88
|
+
},
|
|
89
89
|
})
|
|
90
90
|
|
|
91
91
|
setTimeout(() => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import './App.css'
|
|
1
2
|
import { Suspense, lazy } from 'react'
|
|
2
3
|
import reactLogo from './assets/react.svg'
|
|
3
|
-
import './App.css'
|
|
4
4
|
|
|
5
5
|
// Works also with SSR as expected
|
|
6
6
|
const Card = lazy(() => import('./Card'))
|
|
@@ -9,7 +9,7 @@ function App() {
|
|
|
9
9
|
return (
|
|
10
10
|
<>
|
|
11
11
|
<div>
|
|
12
|
-
<a href="https://
|
|
12
|
+
<a href="https://vite.dev" target="_blank">
|
|
13
13
|
<img src="/vite.svg" className="logo" alt="Vite logo" />
|
|
14
14
|
</a>
|
|
15
15
|
<a href="https://reactjs.org" target="_blank">
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import './index.css'
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import { StrictMode } from 'react'
|
|
3
|
+
import { hydrateRoot } from 'react-dom/client'
|
|
4
4
|
import App from './App'
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
hydrateRoot(
|
|
7
7
|
document.getElementById('root') as HTMLElement,
|
|
8
|
-
<
|
|
8
|
+
<StrictMode>
|
|
9
9
|
<App />
|
|
10
|
-
</
|
|
10
|
+
</StrictMode>,
|
|
11
11
|
)
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import { StrictMode } from 'react'
|
|
2
|
+
import {
|
|
3
|
+
type RenderToPipeableStreamOptions,
|
|
4
|
+
renderToPipeableStream,
|
|
5
|
+
} from 'react-dom/server'
|
|
3
6
|
import App from './App'
|
|
4
7
|
|
|
5
|
-
export function render(
|
|
8
|
+
export function render(
|
|
9
|
+
_url: string,
|
|
10
|
+
_ssrManifest?: string,
|
|
11
|
+
options?: RenderToPipeableStreamOptions,
|
|
12
|
+
) {
|
|
6
13
|
return renderToPipeableStream(
|
|
7
|
-
<
|
|
14
|
+
<StrictMode>
|
|
8
15
|
<App />
|
|
9
|
-
</
|
|
10
|
-
options
|
|
16
|
+
</StrictMode>,
|
|
17
|
+
options,
|
|
11
18
|
)
|
|
12
19
|
}
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
"compilerOptions": {
|
|
3
3
|
"target": "ES2020",
|
|
4
4
|
"useDefineForClassFields": true,
|
|
5
|
-
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
|
6
5
|
"module": "ESNext",
|
|
6
|
+
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
|
7
7
|
"skipLibCheck": true,
|
|
8
8
|
|
|
9
9
|
/* Bundler mode */
|
|
10
10
|
"moduleResolution": "Bundler",
|
|
11
11
|
"allowImportingTsExtensions": true,
|
|
12
|
-
"resolveJsonModule": true,
|
|
13
12
|
"isolatedModules": true,
|
|
13
|
+
"moduleDetection": "force",
|
|
14
14
|
"noEmit": true,
|
|
15
15
|
"jsx": "react-jsx",
|
|
16
16
|
|
|
@@ -18,7 +18,8 @@
|
|
|
18
18
|
"strict": true,
|
|
19
19
|
"noUnusedLocals": true,
|
|
20
20
|
"noUnusedParameters": true,
|
|
21
|
-
"noFallthroughCasesInSwitch": true
|
|
21
|
+
"noFallthroughCasesInSwitch": true,
|
|
22
|
+
"noUncheckedSideEffectImports": true
|
|
22
23
|
},
|
|
23
24
|
"include": ["src"],
|
|
24
25
|
"references": [{ "path": "./tsconfig.node.json" }]
|
|
@@ -1,11 +1,24 @@
|
|
|
1
1
|
{
|
|
2
2
|
"compilerOptions": {
|
|
3
3
|
"composite": true,
|
|
4
|
-
"
|
|
4
|
+
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
|
5
|
+
"target": "ES2022",
|
|
6
|
+
"lib": ["ES2023"],
|
|
5
7
|
"module": "ESNext",
|
|
8
|
+
"skipLibCheck": true,
|
|
9
|
+
|
|
10
|
+
/* Bundler mode */
|
|
6
11
|
"moduleResolution": "Bundler",
|
|
7
|
-
"
|
|
8
|
-
"
|
|
12
|
+
"allowImportingTsExtensions": true,
|
|
13
|
+
"isolatedModules": true,
|
|
14
|
+
"moduleDetection": "force",
|
|
15
|
+
|
|
16
|
+
/* Linting */
|
|
17
|
+
"strict": true,
|
|
18
|
+
"noUnusedLocals": true,
|
|
19
|
+
"noUnusedParameters": true,
|
|
20
|
+
"noFallthroughCasesInSwitch": true,
|
|
21
|
+
"noUncheckedSideEffectImports": true
|
|
9
22
|
},
|
|
10
23
|
"include": ["vite.config.ts"]
|
|
11
24
|
}
|
|
@@ -12,19 +12,19 @@
|
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"compression": "^1.7.4",
|
|
15
|
-
"express": "^
|
|
16
|
-
"react": "^18.
|
|
17
|
-
"react-dom": "^18.
|
|
18
|
-
"sirv": "^
|
|
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/express": "^
|
|
22
|
-
"@types/node": "^
|
|
23
|
-
"@types/react": "^18.
|
|
24
|
-
"@types/react-dom": "^18.
|
|
25
|
-
"@vitejs/plugin-react": "^4.
|
|
21
|
+
"@types/express": "^5.0.0",
|
|
22
|
+
"@types/node": "^22.7.7",
|
|
23
|
+
"@types/react": "^18.3.11",
|
|
24
|
+
"@types/react-dom": "^18.3.1",
|
|
25
|
+
"@vitejs/plugin-react": "^4.3.3",
|
|
26
26
|
"cross-env": "^7.0.3",
|
|
27
|
-
"typescript": "
|
|
28
|
-
"vite": "^5.
|
|
27
|
+
"typescript": "~5.6.3",
|
|
28
|
+
"vite": "^5.4.9"
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -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
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import './App.css'
|
|
1
2
|
import { useState } from 'react'
|
|
2
3
|
import reactLogo from './assets/react.svg'
|
|
3
|
-
import './App.css'
|
|
4
4
|
|
|
5
5
|
function App() {
|
|
6
6
|
const [count, setCount] = useState(0)
|
|
@@ -8,7 +8,7 @@ function App() {
|
|
|
8
8
|
return (
|
|
9
9
|
<>
|
|
10
10
|
<div>
|
|
11
|
-
<a href="https://
|
|
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">
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import './index.css'
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import { StrictMode } from 'react'
|
|
3
|
+
import { hydrateRoot } from 'react-dom/client'
|
|
4
4
|
import App from './App'
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
hydrateRoot(
|
|
7
7
|
document.getElementById('root') as HTMLElement,
|
|
8
|
-
<
|
|
8
|
+
<StrictMode>
|
|
9
9
|
<App />
|
|
10
|
-
</
|
|
10
|
+
</StrictMode>,
|
|
11
11
|
)
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
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 =
|
|
7
|
-
<
|
|
6
|
+
const html = renderToString(
|
|
7
|
+
<StrictMode>
|
|
8
8
|
<App />
|
|
9
|
-
</
|
|
9
|
+
</StrictMode>,
|
|
10
10
|
)
|
|
11
11
|
return { html }
|
|
12
12
|
}
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
"compilerOptions": {
|
|
3
3
|
"target": "ES2020",
|
|
4
4
|
"useDefineForClassFields": true,
|
|
5
|
-
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
|
6
5
|
"module": "ESNext",
|
|
6
|
+
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
|
7
7
|
"skipLibCheck": true,
|
|
8
8
|
|
|
9
9
|
/* Bundler mode */
|
|
10
10
|
"moduleResolution": "Bundler",
|
|
11
11
|
"allowImportingTsExtensions": true,
|
|
12
|
-
"resolveJsonModule": true,
|
|
13
12
|
"isolatedModules": true,
|
|
13
|
+
"moduleDetection": "force",
|
|
14
14
|
"noEmit": true,
|
|
15
15
|
"jsx": "react-jsx",
|
|
16
16
|
|
|
@@ -18,7 +18,8 @@
|
|
|
18
18
|
"strict": true,
|
|
19
19
|
"noUnusedLocals": true,
|
|
20
20
|
"noUnusedParameters": true,
|
|
21
|
-
"noFallthroughCasesInSwitch": true
|
|
21
|
+
"noFallthroughCasesInSwitch": true,
|
|
22
|
+
"noUncheckedSideEffectImports": true
|
|
22
23
|
},
|
|
23
24
|
"include": ["src"],
|
|
24
25
|
"references": [{ "path": "./tsconfig.node.json" }]
|
|
@@ -1,11 +1,24 @@
|
|
|
1
1
|
{
|
|
2
2
|
"compilerOptions": {
|
|
3
3
|
"composite": true,
|
|
4
|
-
"
|
|
4
|
+
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
|
5
|
+
"target": "ES2022",
|
|
6
|
+
"lib": ["ES2023"],
|
|
5
7
|
"module": "ESNext",
|
|
8
|
+
"skipLibCheck": true,
|
|
9
|
+
|
|
10
|
+
/* Bundler mode */
|
|
6
11
|
"moduleResolution": "Bundler",
|
|
7
|
-
"
|
|
8
|
-
"
|
|
12
|
+
"allowImportingTsExtensions": true,
|
|
13
|
+
"isolatedModules": true,
|
|
14
|
+
"moduleDetection": "force",
|
|
15
|
+
|
|
16
|
+
/* Linting */
|
|
17
|
+
"strict": true,
|
|
18
|
+
"noUnusedLocals": true,
|
|
19
|
+
"noUnusedParameters": true,
|
|
20
|
+
"noFallthroughCasesInSwitch": true,
|
|
21
|
+
"noUncheckedSideEffectImports": true
|
|
9
22
|
},
|
|
10
23
|
"include": ["vite.config.ts"]
|
|
11
24
|
}
|
|
@@ -12,13 +12,13 @@
|
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"compression": "^1.7.4",
|
|
15
|
-
"express": "^
|
|
16
|
-
"sirv": "^
|
|
17
|
-
"solid-js": "^1.
|
|
15
|
+
"express": "^5.0.1",
|
|
16
|
+
"sirv": "^3.0.0",
|
|
17
|
+
"solid-js": "^1.9.2"
|
|
18
18
|
},
|
|
19
19
|
"devDependencies": {
|
|
20
20
|
"cross-env": "^7.0.3",
|
|
21
|
-
"vite": "^5.
|
|
21
|
+
"vite": "^5.4.9",
|
|
22
22
|
"vite-plugin-solid": "^2.10.2"
|
|
23
23
|
}
|
|
24
24
|
}
|
|
@@ -25,7 +25,7 @@ if (!isProduction) {
|
|
|
25
25
|
vite = await createServer({
|
|
26
26
|
server: { middlewareMode: true },
|
|
27
27
|
appType: 'custom',
|
|
28
|
-
base
|
|
28
|
+
base,
|
|
29
29
|
})
|
|
30
30
|
app.use(vite.middlewares)
|
|
31
31
|
} else {
|
|
@@ -36,7 +36,7 @@ if (!isProduction) {
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
// Serve HTML
|
|
39
|
-
app.use('*', async (req, res) => {
|
|
39
|
+
app.use('*all', async (req, res) => {
|
|
40
40
|
try {
|
|
41
41
|
const url = req.originalUrl.replace(base, '')
|
|
42
42
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import './App.css'
|
|
1
2
|
import { createSignal } from 'solid-js'
|
|
2
3
|
import solidLogo from './assets/solid.svg'
|
|
3
|
-
import './App.css'
|
|
4
4
|
|
|
5
5
|
function App() {
|
|
6
6
|
const [count, setCount] = createSignal(0)
|
|
@@ -8,7 +8,7 @@ function App() {
|
|
|
8
8
|
return (
|
|
9
9
|
<div class="App">
|
|
10
10
|
<div>
|
|
11
|
-
<a href="https://
|
|
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://www.solidjs.com" target="_blank">
|
|
@@ -12,15 +12,15 @@
|
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"compression": "^1.7.4",
|
|
15
|
-
"express": "^
|
|
16
|
-
"sirv": "^
|
|
17
|
-
"solid-js": "^1.
|
|
15
|
+
"express": "^5.0.1",
|
|
16
|
+
"sirv": "^3.0.0",
|
|
17
|
+
"solid-js": "^1.9.2"
|
|
18
18
|
},
|
|
19
19
|
"devDependencies": {
|
|
20
|
-
"@types/express": "^
|
|
21
|
-
"@types/node": "^
|
|
20
|
+
"@types/express": "^5.0.0",
|
|
21
|
+
"@types/node": "^22.7.7",
|
|
22
22
|
"cross-env": "^7.0.3",
|
|
23
|
-
"vite": "^5.
|
|
23
|
+
"vite": "^5.4.9",
|
|
24
24
|
"vite-plugin-solid": "^2.10.2"
|
|
25
25
|
}
|
|
26
26
|
}
|
|
@@ -25,7 +25,7 @@ if (!isProduction) {
|
|
|
25
25
|
vite = await createServer({
|
|
26
26
|
server: { middlewareMode: true },
|
|
27
27
|
appType: 'custom',
|
|
28
|
-
base
|
|
28
|
+
base,
|
|
29
29
|
})
|
|
30
30
|
app.use(vite.middlewares)
|
|
31
31
|
} else {
|
|
@@ -36,7 +36,7 @@ if (!isProduction) {
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
// Serve HTML
|
|
39
|
-
app.use('*', async (req, res) => {
|
|
39
|
+
app.use('*all', async (req, res) => {
|
|
40
40
|
try {
|
|
41
41
|
const url = req.originalUrl.replace(base, '')
|
|
42
42
|
|