setup basic new email feature which is tested, not linked up to real

events yet

services/web/app/coffee/Features/Email/EmailHandler.coffee

@@ -0,0 +1,14 @@
+EmailTemplator = require "./EmailTemplator"
+EmailSender = require "./EmailSender"
+
+module.exports =
+
+	sendEmail : (emailType, opts, callback)->
+		email = EmailTemplator.buildEmail emailType, opts
+		opts.html = email.html
+		opts.subject = email.subject
+		EmailSender.sendEmail opts, (err)->
+			callback(err)
+
+# module.exports.sendEmail "welcome", {first_name:"henry", to:"henry.oswald@gmail.com"}, ->
+

services/web/app/coffee/Features/Email/EmailSender.coffee

@@ -0,0 +1,33 @@
+logger = require('logger-sharelatex')
+metrics = require('../../infrastructure/Metrics')
+Settings = require('settings-sharelatex')
+metrics = require("../../infrastructure/Metrics")
+ses = require('node-ses')
+
+if Settings.ses?.key? and Settings.ses?.key != "" and Settings.ses?.secret? and Settings.ses?.secret != ""
+	client = ses.createClient({ key: Settings.ses.key, secret: Settings.ses.secret });
+else
+	logger.warn "AWS SES credentials are not configured. No emails will be sent."
+	client =
+		sendemail: (options, callback = (err, data, res) ->) ->
+			logger.log options: options, "would send email if SES credentials enabled"
+			callback()
+
+module.exports =
+
+	sendEmail : (options, callback = (error) ->)->
+		logger.log receiver:options.receiver, subject:options.subject, "sending email"
+		metrics.inc "email"
+		options = 
+			to: options.to
+			from: "ShareLaTeX <team@sharelatex.com>"
+			subject: options.subject
+			message: options.html
+			replyTo: options.replyTo || "team@sharelatex.com"
+		client.sendemail options, (err, data, res)->
+			if err?
+				logger.err err:err, "error sending message"
+			else
+				logger.log "Message sent to #{options.to}"
+			callback(err)
+	

services/web/app/coffee/Features/Email/EmailTemplator.coffee

@@ -0,0 +1,85 @@
+_ = require('underscore')
+_.templateSettings =
+  interpolate: /\{\{(.+?)\}\}/g
+
+PersonalEmailLayout = require("./Layouts/PersonalEmailLayout")
+NotificationEmailLayout = require("./Layouts/NotificationEmailLayout")
+
+templates = {}
+
+templates.welcome =	
+	subject:  _.template "Welcome to ShareLaTeX"
+	layout: PersonalEmailLayout
+	compiledTemplate: _.template '''
+Hi {{first_name}}, thanks for signing up to ShareLaTeX. If you ever get lost, you can log in again <a href="https://www.sharelatex.com/login">here</a>.
+<p>
+I’m the co-founder of ShareLaTeX and I love talking to our users about our service. Please feel free to get in touch by replying to this email and I will get back to you within a day.
+
+<p>
+
+Regards, <br>
+Henry <br>
+ShareLaTeX Co-founder
+'''
+
+templates.canceledSubscription = 
+	subject:  _.template "ShareLaTeX thoughts"
+	layout: PersonalEmailLayout
+	compiledTemplate: _.template '''
+Hi {{first_name}},
+
+I am sorry to see you cancelled your premium account. I wondered if you would mind giving me some advice on what the site is lacking at the moment? Criticism from our users about what is missing is the best thing for us to help improve the tool. 
+
+Thank you in advance. 
+
+<p>
+Henry <br>
+ShareLaTeX Co-founder
+'''
+
+templates.passwordReset =	
+	subject:  _.template "Password Reset - ShareLatex.com"
+	layout: NotificationEmailLayout
+	compiledTemplate: _.template '''
+<h1 class="h1">Password Reset</h1>
+<p>
+Your password has been reset, the new password is <p> {{newPassword}}:
+<p> 
+please <a href="https://www.sharelatex.com/login">login here</a> and then change your password <a href=#{Settings.siteUrl}/user/settings> in your user settings</a>
+
+</p>
+<p>Thank you</p>
+<p> <a href="https://www.sharelatex.com"> ShareLatex.com </a></p>
+'''
+
+templates.projectSharedWithYou = 
+	subject: _.template "{{owner.email}} wants to share {{project.name}} with you"
+	layout: NotificationEmailLayout
+	compiledTemplate: _.template '''
+<h1 class="h1">{{owner.email}} wants to share <a href="{{project.url}}">'{{project.name}}'</a> with you</h1>
+<p>&nbsp;</p>
+<center>
+	<div style="width:200px;background-color:#0069CC;border:1px solid #02A9D6;border-radius:4px;padding:15px; margin:10px 5px">
+		<div style="padding-right:10px;padding-left:10px">
+			<a href="{{project.url}}" style="text-decoration:none" target="_blank">
+				<span style= "font-size:16px;font-family:Arial;font-weight:bold;color:#fff;white-space:nowrap;display:block; text-align:center">
+		  			View Project
+				</span>
+			</a>
+		</div>
+	</div>
+</center>
+<p> Thank you</p>
+<p> <a href="https://www.sharelatex.com"> ShareLatex.com </a></p>
+'''
+
+module.exports =
+
+	buildEmail: (templateName, opts)->
+		template = templates[templateName]
+		opts.body = template.compiledTemplate(opts)
+		return {
+			subject : template.subject(opts)
+			html: template.layout(opts)
+		}
+

services/web/app/coffee/Features/Email/Layouts/NotificationEmailLayout.coffee

@@ -0,0 +1,384 @@
+_ = require("underscore")
+_.templateSettings =
+  interpolate: /\{\{(.+?)\}\}/g
+
+module.exports = _.template '''
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<!-- Facebook sharing information tags -->
+		<meta property="og:title" />
+		
+		<style type="text/css">
+			#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
+			body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
+			body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */
+
+			body{margin:0; padding:0;}
+			img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
+			table td{border-collapse:collapse;}
+			#backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
+
+			body, #backgroundTable{
+				/*@editable*/ background-color:#FAFAFA;
+			}
+
+			#templateContainer{
+				/*@editable*/ border: 1px solid #DDDDDD;
+			}
+
+			h1, .h1{
+				/*@editable*/ color:#202020;
+				display:block;
+				/*@editable*/ font-family:Arial;
+				/*@editable*/ font-size:34px;
+				/*@editable*/ font-weight:bold;
+				/*@editable*/ line-height:100%;
+				margin-top:0;
+				margin-right:0;
+				margin-bottom:10px;
+				margin-left:0;
+				/*@editable*/ text-align:left;
+			}
+
+			h2, .h2{
+				/*@editable*/ color:#202020;
+				display:block;
+				/*@editable*/ font-family:Arial;
+				/*@editable*/ font-size:30px;
+				/*@editable*/ font-weight:bold;
+				/*@editable*/ line-height:100%;
+				margin-top:0;
+				margin-right:0;
+				margin-bottom:10px;
+				margin-left:0;
+				/*@editable*/ text-align:left;
+			}
+
+			h3, .h3{
+				/*@editable*/ color:#202020;
+				display:block;
+				/*@editable*/ font-family:Arial;
+				/*@editable*/ font-size:26px;
+				/*@editable*/ font-weight:bold;
+				/*@editable*/ line-height:100%;
+				margin-top:0;
+				margin-right:0;
+				margin-bottom:10px;
+				margin-left:0;
+				/*@editable*/ text-align:left;
+			}
+
+			/**
+			* @tab Page
+			* @section heading 4
+			* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
+			* @style heading 4
+			*/
+			h4, .h4{
+				/*@editable*/ color:#202020;
+				display:block;
+				/*@editable*/ font-family:Arial;
+				/*@editable*/ font-size:22px;
+				/*@editable*/ font-weight:bold;
+				/*@editable*/ line-height:100%;
+				margin-top:0;
+				margin-right:0;
+				margin-bottom:10px;
+				margin-left:0;
+				/*@editable*/ text-align:left;
+			}
+
+			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: PREHEADER /\/\/\/\/\/\/\/\/\/\ */
+
+			/**
+			* @tab Header
+			* @section preheader style
+			* @tip Set the background color for your email's preheader area.
+			* @theme page
+			*/
+			#templatePreheader{
+				/*@editable*/ background-color:#FAFAFA;
+			}
+
+			/**
+			* @tab Header
+			* @section preheader text
+			* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
+			*/
+			.preheaderContent div{
+				/*@editable*/ color:#505050;
+				/*@editable*/ font-family:Arial;
+				/*@editable*/ font-size:10px;
+				/*@editable*/ line-height:100%;
+				/*@editable*/ text-align:left;
+			}
+
+			/**
+			* @tab Header
+			* @section preheader link
+			* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
+			*/
+			.preheaderContent div a:link, .preheaderContent div a:visited, /* Yahoo! Mail Override */ .preheaderContent div a .yshortcuts /* Yahoo! Mail Override */{
+				/*@editable*/ color:#336699;
+				/*@editable*/ font-weight:normal;
+				/*@editable*/ text-decoration:underline;
+			}
+
+			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\/\/\/\/\/\/\ */
+
+			/**
+			* @tab Header
+			* @section header style
+			* @tip Set the background color and border for your email's header area.
+			* @theme header
+			*/
+			#templateHeader{
+				/*@editable*/ background-color:#FFFFFF;
+				/*@editable*/ border-bottom:0;
+			}
+
+			/**
+			* @tab Header
+			* @section header text
+			* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
+			*/
+			.headerContent{
+				/*@editable*/ color:#202020;
+				/*@editable*/ font-family:Arial;
+				/*@editable*/ font-size:34px;
+				/*@editable*/ font-weight:bold;
+				/*@editable*/ line-height:100%;
+				/*@editable*/ padding:0;
+				/*@editable*/ text-align:center;
+				/*@editable*/ vertical-align:middle;
+			}
+
+			/**
+			* @tab Header
+			* @section header link
+			* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
+			*/
+			.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
+				/*@editable*/ color:#336699;
+				/*@editable*/ font-weight:normal;
+				/*@editable*/ text-decoration:underline;
+			}
+
+			#headerImage{
+				height:auto;
+				max-width:600px !important;
+			}
+
+			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: MAIN BODY /\/\/\/\/\/\/\/\/\/\ */
+
+			/**
+			* @tab Body
+			* @section body style
+			* @tip Set the background color for your email's body area.
+			*/
+			#templateContainer, .bodyContent{
+				/*@editable*/ background-color:#FFFFFF;
+			}
+
+			/**
+			* @tab Body
+			* @section body text
+			* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
+			* @theme main
+			*/
+			.bodyContent div{
+				/*@editable*/ color:#505050;
+				/*@editable*/ font-family:Arial;
+				/*@editable*/ font-size:14px;
+				/*@editable*/ line-height:150%;
+				/*@editable*/ text-align:left;
+			}
+
+			/**
+			* @tab Body
+			* @section body link
+			* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
+			*/
+			.bodyContent div a:link, .bodyContent div a:visited, /* Yahoo! Mail Override */ .bodyContent div a .yshortcuts /* Yahoo! Mail Override */{
+				/*@editable*/ color:#336699;
+				/*@editable*/ font-weight:normal;
+				/*@editable*/ text-decoration:underline;
+			}
+
+			.bodyContent img{
+				display:inline;
+				height:auto;
+			}
+
+			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: FOOTER /\/\/\/\/\/\/\/\/\/\ */
+
+			/**
+			* @tab Footer
+			* @section footer style
+			* @tip Set the background color and top border for your email's footer area.
+			* @theme footer
+			*/
+			#templateFooter{
+				/*@editable*/ background-color:#FFFFFF;
+				/*@editable*/ border-top:0;
+			}
+
+			/**
+			* @tab Footer
+			* @section footer text
+			* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
+			* @theme footer
+			*/
+			.footerContent div{
+				/*@editable*/ color:#707070;
+				/*@editable*/ font-family:Arial;
+				/*@editable*/ font-size:12px;
+				/*@editable*/ line-height:125%;
+				/*@editable*/ text-align:left;
+			}
+
+			/**
+			* @tab Footer
+			* @section footer link
+			* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
+			*/
+			.footerContent div a:link, .footerContent div a:visited, /* Yahoo! Mail Override */ .footerContent div a .yshortcuts /* Yahoo! Mail Override */{
+				/*@editable*/ color:#336699;
+				/*@editable*/ font-weight:normal;
+				/*@editable*/ text-decoration:underline;
+			}
+
+			.footerContent img{
+				display:inline;
+			}
+
+			/**
+			* @tab Footer
+			* @section social bar style
+			* @tip Set the background color and border for your email's footer social bar.
+			* @theme footer
+			*/
+			#social{
+				/*@editable*/ background-color:#FAFAFA;
+				/*@editable*/ border:0;
+			}
+
+			/**
+			* @tab Footer
+			* @section social bar style
+			* @tip Set the background color and border for your email's footer social bar.
+			*/
+			#social div{
+				/*@editable*/ text-align:center;
+			}
+
+			/**
+			* @tab Footer
+			* @section utility bar style
+			* @tip Set the background color and border for your email's footer utility bar.
+			* @theme footer
+			*/
+			#utility{
+				/*@editable*/ background-color:#FFFFFF;
+				/*@editable*/ border:0;
+			}
+
+			/**
+			* @tab Footer
+			* @section utility bar style
+			* @tip Set the background color and border for your email's footer utility bar.
+			*/
+			#utility div{
+				/*@editable*/ text-align:center;
+			}
+
+			#monkeyRewards img{
+				max-width:190px;
+			}
+		</style>
+	</head>
+	<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
+		<center>
+			<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
+				<tr>
+					<td align="center" valign="top">
+						<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
+							<tr>
+								<td align="center" valign="top">
+									<!-- // Begin Template Header \\ -->
+									<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
+										<tr>
+											<td class="headerContent">
+											
+												<!-- // Begin Module: Standard Header Image \\ -->
+												<img src="https://www.sharelatex.com/brand/logo/banner-plain.png" style="max-width:600px;" id="headerImage campaign-icon"  />
+												<!-- // End Module: Standard Header Image \\ -->
+											
+											</td>
+										</tr>
+									</table>
+									<!-- // End Template Header \\ -->
+								</td>
+							</tr>
+							<tr>
+								<td align="center" valign="top">
+									<!-- // Begin Template Body \\ -->
+									<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
+										<tr>
+											<td valign="top" class="bodyContent">
+								
+												<!-- // Begin Module: Standard Content \\ -->
+												<table border="0" cellpadding="20" cellspacing="0" width="100%">
+													<tr>
+														<td valign="top">
+															<div>
+																{{body}}
+															</div>
+														</td>
+													</tr>
+												</table>
+												<!-- // End Module: Standard Content \\ -->
+												
+											</td>
+										</tr>
+									</table>
+									<!-- // End Template Body \\ -->
+								</td>
+							</tr>
+							<tr>
+								<td align="center" valign="top">
+									<!-- // Begin Template Footer \\ -->
+									<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter">
+										<tr>
+											<td valign="top" class="footerContent">
+											
+												<!-- // Begin Module: Standard Footer \\ -->
+												<table border="0" cellpadding="10" cellspacing="0" width="100%">
+													<tr>
+														<td colspan="2" valign="middle" id="social">
+															<div">
+																&nbsp;<a href="http://twitter.com/#!/sharelatex">follow on Twitter</a> | <a href="http://www.facebook.com/pages/ShareLaTeX/301671376556660">friend on Facebook</a>
+															</div>
+														</td>
+													</tr>
+												</table>
+												<!-- // End Module: Standard Footer \\ -->
+											
+											</td>
+										</tr>
+									</table>
+									<!-- // End Template Footer \\ -->
+								</td>
+							</tr>
+						</table>
+						<br />
+					</td>
+				</tr>
+			</table>
+		</center>
+	</body>
+</html>
+
+'''

services/web/app/coffee/Features/Email/Layouts/PersonalEmailLayout.coffee

@@ -0,0 +1,19 @@
+_ = require("underscore")
+_.templateSettings =
+  interpolate: /\{\{(.+?)\}\}/g
+  
+module.exports = _.template '''
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<!-- Facebook sharing information tags -->
+		<meta property="og:title" />
+		
+	</head>
+	<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
+		{{body}}
+	</body>
+</html>
+
+'''

services/web/test/UnitTests/coffee/Email/EmailHandlerTests.coffee

@@ -0,0 +1,50 @@
+should = require('chai').should()
+SandboxedModule = require('sandboxed-module')
+assert = require('assert')
+path = require('path')
+sinon = require('sinon')
+modulePath = path.join __dirname, "../../../../app/js/Features/Email/EmailHandler"
+expect = require("chai").expect
+
+describe "EmailHandler", ->
+
+	beforeEach ->
+
+		@settings = {}
+		@EmailTemplator = 
+			buildEmail:sinon.stub()
+		@EmailSender =
+			sendEmail:sinon.stub()
+		@EmailHandler = SandboxedModule.require modulePath, requires:
+			"./EmailTemplator":@EmailTemplator
+			"./EmailSender":@EmailSender
+			"settings-sharelatex":@settings
+			"logger-sharelatex": log:->
+
+		@html = "<html>hello</html>"
+
+	describe "send email", ->
+
+		it "should use the correct options", (done)->
+			@EmailTemplator.buildEmail.returns({html:@html})
+			@EmailSender.sendEmail.callsArgWith(1)
+
+			opts =
+				to: "bob@bob.com"
+			@EmailHandler.sendEmail "welcome", opts, =>
+				args = @EmailSender.sendEmail.args[0][0]
+				args.html.should.equal @html
+				done()
+
+
+
+		it "should return the erroor", (done)->
+			@EmailTemplator.buildEmail.returns({html:@html})
+			@EmailSender.sendEmail.callsArgWith(1, "error")
+
+			opts =
+				to: "bob@bob.com"
+				subject:"hello bob"
+			@EmailHandler.sendEmail "welcome", opts, (err)=>
+				err.should.equal "error"
+				done()

services/web/test/UnitTests/coffee/Email/EmailSenderTests.coffee

@@ -0,0 +1,50 @@
+should = require('chai').should()
+SandboxedModule = require('sandboxed-module')
+assert = require('assert')
+path = require('path')
+sinon = require('sinon')
+modulePath = path.join __dirname, "../../../../app/js/Features/Email/EmailSender.js"
+expect = require("chai").expect
+
+describe "Email", ->
+
+	beforeEach ->
+
+		@settings = 
+			ses:
+				key: "key"
+				secret: "secret"
+		@sesClient = 
+			sendemail: sinon.stub()
+		@ses = 
+			createClient: => @sesClient
+		@sender = SandboxedModule.require modulePath, requires:
+			'node-ses': @ses
+			"settings-sharelatex":@settings
+			"logger-sharelatex": 
+				log:->
+				warn:->
+				err:->
+
+	describe "sendEmail", ->
+
+		it "should set the properties on the email to send", (done)->
+			@sesClient.sendemail.callsArgWith(1)
+
+			opts =
+				to: "bob@bob.com"
+				subject: "new email"
+				html: "<hello></hello>"
+				replyTo: "sarah@bob.com"
+			@sender.sendEmail opts, =>
+				args = @sesClient.sendemail.args[0][0]
+				args.message.should.equal opts.html
+				args.to.should.equal opts.to
+				args.subject.should.equal opts.subject
+				done()
+
+		it "should return the error", (done)->	
+			@sesClient.sendemail.callsArgWith(1, "error")
+			@sender.sendEmail {}, (err)=>
+				err.should.equal "error"
+				done()

services/web/test/UnitTests/coffee/Email/EmailTemplatorTests.coffee

@@ -0,0 +1,53 @@
+should = require('chai').should()
+SandboxedModule = require('sandboxed-module')
+assert = require('assert')
+path = require('path')
+sinon = require('sinon')
+modulePath = path.join __dirname, "../../../../app/js/Features/Email/EmailTemplator"
+expect = require("chai").expect
+_ = require('underscore')
+_.templateSettings =
+  interpolate: /\{\{(.+?)\}\}/g
+
+describe "Email Templator ", ->
+
+	beforeEach ->
+
+		@settings = {}
+		@EmailTemplator = SandboxedModule.require modulePath, requires:
+			"settings-sharelatex":@settings
+			"logger-sharelatex": log:->
+
+	describe "welcomeEmail", ->
+
+		beforeEach ->
+			@opts =
+				to:"bob@bob.com"
+				first_name:"bob"
+			@email = @EmailTemplator.buildEmail("welcome", @opts)
+
+		it "should insert the first_name into the template", ->
+			@email.html.indexOf(@opts.first_name).should.not.equal -1
+
+		it "should not have undefined in it", ->
+			@email.html.indexOf("undefined").should.equal -1
+
+	describe "projectSharedWithYou", ->
+		beforeEach ->
+			@opts =
+				to:"bob@bob.com"
+				first_name:"bob"
+				owner:
+					email:"sally@hally.com"
+				project:
+					url:"http://www.project.com"
+					name:"standard project"
+			@email = @EmailTemplator.buildEmail("projectSharedWithYou", @opts)
+
+		it "should insert the owner email into the template", ->
+			@email.html.indexOf(@opts.owner.email).should.not.equal -1
+			@email.subject.indexOf(@opts.owner.email).should.not.equal -1
+
+		it "should not have undefined in it", ->
+			@email.html.indexOf("undefined").should.equal -1
+			@email.subject.indexOf("undefined").should.equal -1