vike-react 0.4.6-commit-b59df26 → 0.4.6-commit-3a89c35

package/dist/+config.d.ts

@@ -48,6 +48,11 @@ declare const _default: {
                 server: true;
             };
         };
+        onAfterRenderClient: {
+            env: {
+                client: true;
+            };
+        };
         VikeReactQueryWrapper: {
             env: {
                 client: true;

package/dist/+config.js

@@ -40,6 +40,9 @@ export default {
         stream: {
             env: { server: true }
         },
+        onAfterRenderClient: {
+            env: { client: true }
+        },
         VikeReactQueryWrapper: {
             env: { client: true, server: 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,6 +39,10 @@ declare global {
              *
              */
             stream?: boolean;
+            /**
+             * Client-side hook called after the page is rendered.
+             */
+            onAfterRenderClient?: (pageContext: PageContextClient) => void;
             VikeReactQueryWrapper?: React.ReactNode;
             Wrapper?: (props: {
                 children: React.ReactNode;
@@ -45,4 +50,3 @@ declare global {
         }
     }
 }
-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.6-commit-b59df26",
+  "version": "0.4.6-commit-3a89c35",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",