Merge pull request #35 from lookback/fix/remove-sass-dep

Make node-sass opt in.

Author: johanbrook

.versions

@@ -23,7 +23,7 @@ iron:[email protected]
 [email protected]_2
 [email protected]
 [email protected]
-lookback:[email protected].5
+lookback:[email protected].6
 [email protected]
 meteorhacks:[email protected]
 [email protected]

README.md

@@ -8,6 +8,7 @@ Usually, building HTML emails yourself is tedious. On top of that, add the need
 
 - **Server side rendering** with the [Meteor SSR](https://github.com/meteorhacks/meteor-ssr/) package. Use Blaze features and helpers like on the client.
 - **CSS inlining** with [Juice](http://npmjs.org/package/juice). No extra build step.
+- **SCSS support** using `node-sass` (opt-in).
 - **Preview and debug** emails in development mode in your browser when developing.
 - **Layouts** for re-using markup.
 
@@ -25,6 +26,14 @@ meteor add lookback:emails
 
 A `Mailer` global will exported on the *server*.
 
+**Notice.** If you want SCSS support, be sure to add the `[meteor-node-sass](https://github.com/chrisbutler/meteor-node-sass)` package to your app:
+
+```
+meteor add chrisbutler:node-sass
+```
+
+`lookback:emails` will automatically detect `node-sass` being available, and will be able to compile `.scss` files.
+
 ## Sample app
 
 There is a sample application in this repo, in the `example` directory. Boot it up, and preview an email with:
@@ -410,6 +419,7 @@ Why not try [`meteor-logger`](https://github.com/lookback/meteor-logger)? :)
 
 ## Version history
 
+- `0.5.0` - Remove `node-sass` as hard dependency. SCSS support is now opt-in, by adding `chrisbutler:node-sass` to your app.
 - `0.4.6` - Fix paths on Windows in development mode.
 - `0.4.5`
   - CSS and SCSS is now compiled and inlined at runtime, in order to inline CSS for the rendered content. If CSS only was inlined at compile time, the dynamic content wouldn't get any styling.

example/.meteor/packages

@@ -8,3 +8,4 @@ meteor-platform
 autopublish
 insecure
 lookback:emails
+chrisbutler:[email protected]

example/.meteor/versions

@@ -33,7 +33,7 @@ [email protected]
 [email protected]
 [email protected]
 [email protected]
-lookback:emails@0.4.5
+lookback:emails@0.5.0
 [email protected]
 [email protected]
 meteorhacks:[email protected]

example/private/layout.scss

@@ -1,5 +1,7 @@
+$color: #333;
+
 body, p {
   font-family: sans-serif;
-  color: #333;
+  color: $color;
   text-align: center;
 }

package.js

@@ -3,21 +3,22 @@ var where = 'server';
 Package.describe({
   name: 'lookback:emails',
   summary: 'Send HTML emails with server side Blaze templates. Preview and debug in the browser.',
-  version: '0.4.6',
+  version: '0.5.0',
   git: 'https://github.com/lookback/meteor-emails.git'
 });
 
 Package.onUse(function(api) {
 
   api.versionsFrom('1.0.4');
 
+  api.use('chrisbutler:[email protected]', where, { weak: true });
+
   api.use([
     'check',
     'underscore',
     'coffeescript',
     'email',
     'sacha:[email protected]',
-    'chrisbutler:[email protected]',
     'iron:[email protected]',
     'meteorhacks:[email protected]'
   ], where);

utils.coffee

@@ -103,7 +103,13 @@ Utils =
 
   # Take a path to a SCSS file and compiles it to CSS with `node-sass`.
   toCSS: (scss) ->
+    if !Package['chrisbutler:node-sass']
+      Utils.Logger.warn 'Sass support is opt-in since lookback:[email protected]. Please add chrisbutler:node-sass from Atmosphere and try again.', TAG
+      # Return file contents.
+      return Utils.readFile(scss)
+
     file = path.join(ROOT, scss)
+    sass = Package['chrisbutler:node-sass'].sass
 
     try
       return sass.renderSync(file: file, sourceMap: false).css.toString()