Test page for page forwarding

packages/react-server-test-pages/entrypoints.js

@@ -29,6 +29,10 @@ module.exports = {
 		entry: "/navigation/playground",
 		description: "Navigation playground",
 	},
+	Forwarding: {
+		entry: "/navigation/forward",
+		description: "Test how page forwarding works with passing data down",
+	},
 	StylePromises: {
 		entry: "/styles/promises",
 		description: "Stylesheets returned from promises",

packages/react-server-test-pages/pages/navigation/forward.js

@@ -0,0 +1,50 @@
+import {ReactServerAgent} from "react-server";
+
+export default class ForwardPage {
+	handleRoute() {
+		const request = this.getRequest();
+		let params = request.getQuery();
+		if (params) {
+			params = params.value;
+		} else {
+			params = 0;
+		}
+
+		//fetch some data
+		this.data = ReactServerAgent.get('/data/delay?ms=1000&val='+params);
+
+		return this.data.then((res) => {
+			//then depending on said data, forward to one of two pages, and pass along the data we pre-fetched
+			if (res.body % 2 === 0) {
+				if (typeof window !== 'undefined') { //would be nice if this is `process.env.isServer`
+					return require.ensure(["./forwardEven"], () => {
+						return {
+							page: require("./forwardEven").default,
+						};
+					});
+				} else {
+					return {
+						page: require("./forwardEven").default,
+					};
+				}
+			} else {
+				if (typeof window !== 'undefined') { //would be nice if this is `process.env.isServer`
+					return require.ensure(["./forwardOdd"], () => {
+						return {
+							page: require("./forwardOdd").default,
+						};
+					});
+				} else {
+					return {
+						page: require("./forwardOdd").default,
+					};
+				}
+			}
+		});
+	}
+
+	getElements() {
+		return <div>boop</div>;
+	}
+}
+

packages/react-server-test-pages/pages/navigation/forwardEven.js

@@ -0,0 +1,23 @@
+import {ReactServerAgent, RootElement} from "react-server";
+
+const Even = ({body}) => <div className="even">Hey look I'm even because I am {body}</div>;
+
+export default class ForwardEvenPage {
+	handleRoute() {
+		const request = this.getRequest();
+		let params = request.getQuery();
+		if (params) params = params.value;
+		else params = 0;
+
+		//fetch some data (should be from cache)
+		this.data = ReactServerAgent.get('/data/delay?ms=1000&val='+params);
+
+		return {code: 200};
+	}
+
+	getElements() {
+		return [
+			<RootElement when={this.data}><Even /></RootElement>,
+		];
+	}
+}

packages/react-server-test-pages/pages/navigation/forwardOdd.js

@@ -0,0 +1,23 @@
+import {ReactServerAgent, RootElement} from "react-server";
+
+const Odd = ({body}) => <div className="odd">Hey look I'm odd because I am {body}</div>;
+
+export default class ForwardOddPage {
+	handleRoute() {
+		const request = this.getRequest();
+		let params = request.getQuery();
+		if (params) params = params.value;
+		else params = 0;
+
+		//fetch some data (should be from cache)
+		this.data = ReactServerAgent.get('/data/delay?ms=1000&val='+params);
+
+		return {code: 200};
+	}
+
+	getElements() {
+		return [
+			<RootElement when={this.data}><Odd /></RootElement>,
+		];
+	}
+}