vike-react 0.6.4 → 0.6.5-commit-b8ba930
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.
|
@@ -2,20 +2,26 @@ export default {
|
|
|
2
2
|
component: LoadingComponent,
|
|
3
3
|
};
|
|
4
4
|
import React from 'react';
|
|
5
|
-
/* We can't import it here: https://github.com/vikejs/vike/issues/2460
|
|
6
|
-
* - We import it inside onRenderClient.js instead.
|
|
7
|
-
* - We'll be able to do it if Vite + Rolldown always transpiles the server-side.
|
|
8
|
-
import './Loading.css'
|
|
9
|
-
*/
|
|
10
5
|
function LoadingComponent() {
|
|
11
|
-
return (React.createElement(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
6
|
+
return (React.createElement(React.Fragment, null,
|
|
7
|
+
React.createElement("div", { style: {
|
|
8
|
+
width: '100%',
|
|
9
|
+
height: '100%',
|
|
10
|
+
maxHeight: '100%',
|
|
11
|
+
background: 'linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%)',
|
|
12
|
+
borderRadius: '5px',
|
|
13
|
+
backgroundSize: '200% 100%',
|
|
14
|
+
animation: '1.3s vike-react-loading linear infinite',
|
|
15
|
+
aspectRatio: '2.5/1',
|
|
16
|
+
} }),
|
|
17
|
+
React.createElement("style", { href: "vike-react-loading",
|
|
18
|
+
// https://react.dev/reference/react-dom/components/style#special-rendering-behavior
|
|
19
|
+
// https://github.com/vikejs/vike-react/pull/184#discussion_r2348075206
|
|
20
|
+
precedence: "default" }, `
|
|
21
|
+
@keyframes vike-react-loading {
|
|
22
|
+
to {
|
|
23
|
+
background-position-x: -200%;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
`)));
|
|
21
27
|
}
|
|
@@ -6,7 +6,6 @@ import { getPageElement } from './getPageElement.js';
|
|
|
6
6
|
import { callCumulativeHooks } from '../utils/callCumulativeHooks.js';
|
|
7
7
|
import { applyHeadSettings } from './applyHeadSettings.js';
|
|
8
8
|
import { resolveReactOptions } from './resolveReactOptions.js';
|
|
9
|
-
import './Loading.css'; // See comment inside Loading.tsx
|
|
10
9
|
let root;
|
|
11
10
|
const onRenderClient = async (pageContext) => {
|
|
12
11
|
pageContext._headAlreadySet = pageContext.isHydration;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vike-react",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.5-commit-b8ba930",
|
|
4
4
|
"repository": "https://github.com/vikejs/vike-react",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"./__internal/integration/Loading": "./dist/integration/Loading.js"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"react-streaming": "^0.4.
|
|
30
|
+
"react-streaming": "^0.4.3"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"react": ">=19",
|
|
@@ -35,17 +35,17 @@
|
|
|
35
35
|
"vike": ">=0.4.182"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@biomejs/biome": "^1.
|
|
39
|
-
"@brillout/release-me": "^0.4.
|
|
40
|
-
"@types/node": "^
|
|
41
|
-
"@types/react": "^19.
|
|
42
|
-
"@types/react-dom": "^19.
|
|
43
|
-
"react": "^19.
|
|
44
|
-
"react-dom": "^19.
|
|
38
|
+
"@biomejs/biome": "^1.9.4",
|
|
39
|
+
"@brillout/release-me": "^0.4.8",
|
|
40
|
+
"@types/node": "^24.0.8",
|
|
41
|
+
"@types/react": "^19.1.10",
|
|
42
|
+
"@types/react-dom": "^19.1.7",
|
|
43
|
+
"react": "^19.1.1",
|
|
44
|
+
"react-dom": "^19.1.1",
|
|
45
45
|
"rimraf": "^5.0.5",
|
|
46
|
-
"typescript": "^5.
|
|
47
|
-
"vike": "^0.4.
|
|
48
|
-
"vite": "^
|
|
46
|
+
"typescript": "^5.9.2",
|
|
47
|
+
"vike": "^0.4.237",
|
|
48
|
+
"vite": "^7.1.2"
|
|
49
49
|
},
|
|
50
50
|
"typesVersions": {
|
|
51
51
|
"*": {
|
|
@@ -95,8 +95,7 @@
|
|
|
95
95
|
],
|
|
96
96
|
"scripts": {
|
|
97
97
|
"dev": "tsc --watch",
|
|
98
|
-
"build": "rimraf dist/ && tsc
|
|
99
|
-
"build:css": "cp src/integration/Loading.css dist/integration/Loading.css",
|
|
98
|
+
"build": "rimraf dist/ && tsc",
|
|
100
99
|
"release": "release-me patch",
|
|
101
100
|
"release:minor": "release-me minor",
|
|
102
101
|
"release:commit": "release-me commit"
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
This CSS is loaded for all vike-react users, even if they don't use the <Loading> component because it's imported not directly but over depednency injection, see:
|
|
3
|
-
https://github.com/vikejs/vike/discussions/2340
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
@keyframes vike-react-shine {
|
|
7
|
-
to {
|
|
8
|
-
background-position-x: -200%;
|
|
9
|
-
}
|
|
10
|
-
}
|