vike-react 0.4.5 → 0.4.6-commit-3a89c35

package/dist/+config.d.ts

@@ -1,6 +1,7 @@
 import { ssrEffect } from './renderer/ssrEffect.js';
 import './types/index.js';
 declare const _default: {
+    name: string;
     onRenderHtml: "import:vike-react/renderer/onRenderHtml:onRenderHtml";
     onRenderClient: "import:vike-react/renderer/onRenderClient:onRenderClient";
     passToClient: string[];
@@ -47,6 +48,11 @@ declare const _default: {
                 server: true;
             };
         };
+        onAfterRenderClient: {
+            env: {
+                client: true;
+            };
+        };
         VikeReactQueryWrapper: {
             env: {
                 client: true;
@@ -59,6 +65,11 @@ declare const _default: {
                 server: true;
             };
         };
+        name: {
+            env: {
+                config: true;
+            };
+        };
     };
 };
 export default _default;

package/dist/+config.js

@@ -3,6 +3,8 @@ import { ssrEffect } from './renderer/ssrEffect.js';
 // This is required to make TypeScript load the global interfaces such as Vike.PageContext so that they're always loaded: we can assume that the user always imports this file over `import vikeReact from 'vike-react/config'`
 import './types/index.js';
 export default {
+    // @ts-ignore Remove this ts-ignore once Vike's new version is released.
+    name: 'vike-react',
     // https://vike.dev/onRenderHtml
     onRenderHtml: 'import:vike-react/renderer/onRenderHtml:onRenderHtml',
     // https://vike.dev/onRenderClient
@@ -38,11 +40,18 @@ export default {
         stream: {
             env: { server: true }
         },
+        onAfterRenderClient: {
+            env: { client: true }
+        },
         VikeReactQueryWrapper: {
             env: { client: true, server: true }
         },
         Wrapper: {
             env: { client: true, server: true }
+        },
+        // Vike already defines the setting 'name', but we redundantly define it here for older Vike versions (otherwise older Vike versions will complain that 'name` is an unknown config).
+        name: {
+            env: { config: true }
         }
     }
 };

package/dist/renderer/onRenderClient.js

@@ -32,6 +32,9 @@ const onRenderClient = (pageContext) => {
         }
         root.render(page);
     }
+    pageContext.page = page;
+    pageContext.root = root;
+    pageContext.config.onAfterRenderClient?.(pageContext);
 };
 // https://stackoverflow.com/questions/260857/changing-website-favicon-dynamically/260876#260876
 function setFavicon(faviconUrl) {

package/dist/types/Config.d.ts

@@ -1,3 +1,4 @@
+import type { PageContextClient } from 'vike/types';
 declare global {
     namespace VikePackages {
         interface ConfigVikeReact {
@@ -38,9 +39,14 @@ declare global {
              *
              */
             stream?: boolean;
+            /**
+             * Client-side hook called after the page is rendered.
+             */
+            onAfterRenderClient?: (pageContext: PageContextClient) => void;
             VikeReactQueryWrapper?: React.ReactNode;
-            Wrapper?: () => React.ReactNode;
+            Wrapper?: (props: {
+                children: React.ReactNode;
+            }) => React.ReactNode;
         }
     }
 }
-export {};

package/dist/types/PageContext.d.ts

@@ -1,9 +1,17 @@
+import type React from 'react';
+import type { JSX } from 'react';
+import type ReactDOM from 'react-dom/client';
 declare global {
     namespace Vike {
         interface PageContext {
+            /** The root React component of the page */
             Page?: () => React.ReactNode;
+            /** The user agent string of the user's browser */
             userAgent?: string;
+            /** The root React element of the page */
+            page?: JSX.Element;
+            /** The React root DOM container */
+            root?: ReactDOM.Root;
         }
     }
 }
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vike-react",
-  "version": "0.4.5",
+  "version": "0.4.6-commit-3a89c35",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",