Use ES6 transforms in sample

Author: Daniel15

src/React.Sample.Mvc4/App_Start/ReactConfig.cs

@@ -16,6 +16,7 @@ public static class ReactConfig
 		public static void Configure()
 		{
 			ReactSiteConfiguration.Configuration
+				.SetUseHarmony(true)
 				.AddScript("~/Content/Sample.jsx");
 		}
 	}

src/React.Sample.Mvc4/Content/Sample.jsx

@@ -14,15 +14,15 @@ var CommentsBox = React.createClass({
 		initialComments: React.PropTypes.array.isRequired,
 		commentsPerPage: React.PropTypes.number.isRequired
 	},
-	getInitialState: function() {
+	getInitialState() {
 		return {
 			comments: this.props.initialComments,
 			page: 1,
 			hasMore: true,
 			loadingMore: false
 		};
 	},
-	loadMoreClicked: function(evt) {
+	loadMoreClicked(evt) {
 		var nextPage = this.state.page + 1;
 		this.setState({
 			page: nextPage,
@@ -43,7 +43,7 @@ var CommentsBox = React.createClass({
 		xhr.send();
 		return false;
 	},
-	render: function() {
+	render() {
 		var commentNodes = this.state.comments.map(function (comment) {
 			return <Comment author={comment.Author}>{comment.Text}</Comment>;
 		});
@@ -58,7 +58,7 @@ var CommentsBox = React.createClass({
 			</div>
 		);
 	},
-	renderMoreLink: function() {
+	renderMoreLink() {
 		if (this.state.loadingMore) {
 			return <em>Loading...</em>;
 		} else if (this.state.hasMore) {
@@ -77,7 +77,7 @@ var Comment = React.createClass({
 	propTypes: {
 		author: React.PropTypes.object.isRequired
 	},
-	render: function() {
+	render() {
 		return (
 			<li>
 				<Avatar author={this.props.author} />
@@ -92,7 +92,7 @@ var Avatar = React.createClass({
 	propTypes: {
 		author: React.PropTypes.object.isRequired	
 	},
-	render: function() {
+	render() {
 		return (
 			<img
 				src={this.getPhotoUrl(this.props.author)}
@@ -103,7 +103,7 @@ var Avatar = React.createClass({
 			/>
 		);
 	},
-	getPhotoUrl: function(author) {
+	getPhotoUrl(author) {
 		return 'http://graph.facebook.com/' + author.Facebook + '/picture';
 	}
 });

src/React.Sample.Mvc4/TransformJsx.proj

@@ -2,6 +2,6 @@
 <Project xmlns="http://schemas.microsoft.com/developer/msbuild/2003" DefaultTargets="TransformJsx">    
 	<UsingTask AssemblyFile="..\..\bin\$(Configuration)\React.MSBuild\React.MSBuild.dll" TaskName="TransformJsx" />
 	<Target Name="TransformJsx">
-		<TransformJsx SourceDir="$(MSBuildProjectDirectory)" />
+		<TransformJsx SourceDir="$(MSBuildProjectDirectory)" UseHarmony="true" />
 	</Target>
 </Project>

src/React/IReactSiteConfiguration.cs

@@ -37,5 +37,10 @@ public interface IReactSiteConfiguration
 		/// </summary>
 		/// <returns><c>true</c> if support for es6 syntax should be rewritten.</returns>
 		bool UseHarmony { get; set; }
+
+		/// <summary>
+		/// Specifies whether ES6 (harmony) syntax should be transformed
+		/// </summary>
+		IReactSiteConfiguration SetUseHarmony(bool useHarmony);
 	}
 }

src/React/ReactSiteConfiguration.cs

@@ -63,5 +63,14 @@ public IList<string> Scripts
 		/// </summary>
 		/// <returns><c>true</c> if support for es6 syntax should be rewritten.</returns>
 		public bool UseHarmony { get; set; }
+
+		/// <summary>
+		/// Specifies whether ES6 (harmony) syntax should be transformed
+		/// </summary>
+		public IReactSiteConfiguration SetUseHarmony(bool useHarmony)
+		{
+			UseHarmony = useHarmony;
+			return this;
+		}
 	}
 }