Merge pull request #806 from lidawang/lw-forward-test

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,38 @@
+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
+			const pageName = (res.body % 2 === 0) ? "./forwardEven" : "./forwardOdd";
+			// TODO: change this to use isBrowser when that check is available.
+			if (typeof window !== 'undefined') {
+				return require.ensure([pageName], () => {
+					return {
+						page: require(pageName).default,
+					};
+				});
+			} else {
+				return {
+					page: require(pageName).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>,
+		];
+	}
+}