Add in mathjax directive

services/web/app/views/project/editor/chat.jade

@@ -33,7 +33,10 @@ aside.chat(
 							}"
 						)
 							.arrow(ng-style="{'border-color': 'hsl({{ hue(message.user) }}, 60%, 80%)'}")
-							p(ng-repeat="content in message.contents track by $index") {{ content }}
+							p(
+								mathjax,
+								ng-repeat="content in message.contents track by $index"
+							) {{ content }}
 
 	.new-message
 		textarea(

services/web/public/coffee/ide/chat/directives/mathjax.coffee

@@ -0,0 +1,24 @@
+define [
+	"base"
+	"mathjax"
+], (App) ->
+	mathjaxConfig =
+		"HTML-CSS": { availableFonts: ["TeX"] },
+		TeX:
+			equationNumbers: { autoNumber: "AMS" },
+			useLabelIDs: false
+		tex2jax:
+			inlineMath: [ ['$','$'], ["\\(","\\)"] ],
+			displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
+			processEscapes: true
+
+
+	MathJax.Hub.Config(mathjaxConfig);
+	
+	App.directive "mathjax", () ->
+		return {
+			link: (scope, element, attrs) ->
+				setTimeout () ->
+					MathJax.Hub.Queue(["Typeset", MathJax.Hub, element.get(0)])
+				, 0
+		}

services/web/public/coffee/ide/chat/index.coffee

@@ -2,4 +2,5 @@ define [
 	"ide/chat/controllers/ChatButtonController"
 	"ide/chat/controllers/ChatController"
 	"ide/chat/controllers/ChatMessageController"
+	"ide/chat/directives/mathjax"
 ], () ->

services/web/public/coffee/ide/chat/services/chatMessages.coffee

@@ -76,6 +76,7 @@ define [
 				prependMessage(message)
 				
 		appendMessage = (message) ->
+			console.log "MESSAGES", message, chat.state.messages
 			chat.state.newMessage = message
 			
 			lastMessage = chat.state.messages[chat.state.messages.length - 1]