vike-react 0.6.1 → 0.6.3

package/dist/integration/Loading.css

@@ -0,0 +1,10 @@
+/*
+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:
+https://github.com/vikejs/vike/discussions/2340
+*/
+
+@keyframes vike-react-shine {
+  to {
+    background-position-x: -200%;
+  }
+}

package/dist/integration/Loading.js

@@ -2,6 +2,11 @@ export default {
     component: LoadingComponent,
 };
 import React from 'react';
+/* We can't import it here: https://github.com/vikejs/vike/issues/2460
+ * - We import it inside onRenderClient.js instead.
+ * - We'll be able to do it if Vite + Rolldown always transpiles the server-side.
+import './Loading.css'
+*/
 function LoadingComponent() {
     return (React.createElement("div", { style: {
             width: '100%',

package/dist/integration/onRenderClient.d.ts

@@ -1,4 +1,4 @@
 export { onRenderClient };
 import type { OnRenderClientAsync } from 'vike/types';
-import './styles.css';
+import './Loading.css';
 declare const onRenderClient: OnRenderClientAsync;

package/dist/integration/onRenderClient.js

@@ -3,10 +3,10 @@ export { onRenderClient };
 import ReactDOM from 'react-dom/client';
 import { getHeadSetting } from './getHeadSetting.js';
 import { getPageElement } from './getPageElement.js';
-import './styles.css';
 import { callCumulativeHooks } from '../utils/callCumulativeHooks.js';
 import { applyHeadSettings } from './applyHeadSettings.js';
 import { resolveReactOptions } from './resolveReactOptions.js';
+import './Loading.css'; // See comment inside Loading.tsx
 let root;
 const onRenderClient = async (pageContext) => {
     pageContext._headAlreadySet = pageContext.isHydration;

package/dist/utils/callCumulativeHooks.d.ts

@@ -1,2 +1,3 @@
 export { callCumulativeHooks };
-declare function callCumulativeHooks<T>(values: undefined | T[], pageContext: Record<string, any>): Promise<(undefined | null | Exclude<T, Function>)[]>;
+import type { PageContext } from 'vike/types';
+declare function callCumulativeHooks<T>(values: undefined | T[], pageContext: PageContext): Promise<(undefined | null | Exclude<T, Function>)[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vike-react",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "repository": "https://github.com/vikejs/vike-react",
   "type": "module",
   "exports": {
@@ -45,7 +45,7 @@
     "rimraf": "^5.0.5",
     "typescript": "^5.7.3",
     "vike": "^0.4.223",
-    "vite": "^6.1.0"
+    "vite": "^6.2.5"
   },
   "typesVersions": {
     "*": {
@@ -96,7 +96,7 @@
   "scripts": {
     "dev": "tsc --watch",
     "build": "rimraf dist/ && tsc && pnpm run build:css",
-    "build:css": "cp src/integration/styles.css dist/integration/styles.css",
+    "build:css": "cp src/integration/Loading.css dist/integration/Loading.css",
     "release": "release-me patch",
     "release:minor": "release-me minor",
     "release:commit": "release-me commit"

package/dist/integration/styles.css

@@ -1,6 +0,0 @@
-/* For integration/Loading.tsx */
-@keyframes vike-react-shine {
-  to {
-    background-position-x: -200%;
-  }
-}