Propagate console.log and friends from server to client. Closes #86

Author: Daniel15

src/React/ReactEnvironment.cs

@@ -313,6 +313,11 @@ public virtual string GetInitJavaScript()
 				fullScript.Append(component.RenderJavaScript());
 				fullScript.AppendLine(";");
 			}
+			
+			// Also propagate any server-side console.log calls to corresponding client-side calls.
+			var consoleCalls = Execute<string>("console.getCalls()");
+			fullScript.Append(consoleCalls);
+
 			return fullScript.ToString();
 		}
 

src/React/Resources/shims.js

@@ -8,12 +8,33 @@
  */
 
 var global = global || {};
-// TODO: Handle errors "thrown" by console.error / console.warn?
-var console = console || {
-	log: function () { },
-	error: function () { },
-	warn: function () { }
+
+// Basic console shim. Caches all calls to console methods.
+function MockConsole() {
+	this._calls = [];
+	['log', 'error', 'warn', 'debug', 'info', 'dir', 'group', 'groupEnd', 'groupCollapsed'].forEach(function (methodName) {
+		this[methodName] = this._handleCall.bind(this, methodName);
+	}, this);
+}
+MockConsole.prototype = {
+	_handleCall: function(methodName/*, ...args*/) {
+		var serializedArgs = [];
+		for (var i = 1; i < arguments.length; i++) {
+			serializedArgs.push(JSON.stringify(arguments[i]));
+		}
+		this._calls.push({
+			method: methodName,
+			args: serializedArgs
+		});
+	},
+	_formatCall: function(call) {
+		return 'console.' + call.method + '("[.NET]", ' + call.args.join(', ') + ');';
+	},
+	getCalls: function() {
+		return this._calls.map(this._formatCall).join('\n');
+	}
 };
+var console = new MockConsole();
 
 if (!Object.freeze) {
 	Object.freeze = function() { };