fix: custom sass hook

.gitignore

@@ -1,5 +1,6 @@
 *.css
 *.js
+!hooks/before-prepare/*.js
 *.map
 platforms
 node_modules

hooks/before-prepare/nativescript-dev-sass.js

@@ -0,0 +1,78 @@
+var fs = require('fs');
+var path = require('path');
+var sass = require('node-sass');
+var glob = require('glob');
+
+function convert(logger, projectDir, options) {
+	return new Promise(function (resolve, reject) {
+		options = options || {};
+
+    // Customized by Nathan Walker 
+    // Allows normal SASS imports to work as expected
+		var sassFilesPath = path.join(projectDir, 'app/*.scss');
+    var sassImportPath = path.join(projectDir, 'app/');
+    console.log("SASS Import Path", sassImportPath);
+
+		var sassFiles = glob.sync(sassFilesPath).filter(function(fileName){
+			return fileName.indexOf("App_Resources") === -1;
+		});
+
+    if(sassFiles.length === 0){
+      //No sass files in project; skip parsing
+      resolve();
+    } else {      
+      var i = 0;
+      var loopSassFilesAsync = function(sassFiles){
+        parseSass(sassFiles[i], sassImportPath, function(e){
+          if(e !== undefined){
+            //Error in the LESS parser; Reject promise
+            reject(Error(sassFiles[i] + ' SASS CSS pre-processing failed. Error: ' + e));  
+          }
+
+          i++; //Increment loop counter
+
+          if(i < sassFiles.length){
+            loopSassFilesAsync(sassFiles);
+          } else {
+            //All files have been processed; Resolve promise
+            resolve();
+          }
+        });
+      }
+
+      loopSassFilesAsync(sassFiles);
+    }
+	});
+}
+
+function parseSass(filePath, importPath, callback){
+  var sassFileContent = fs.readFileSync(filePath, { encoding: 'utf8'});
+  var cssFilePath = filePath.replace('.scss', '.css');
+
+  sass.render({
+    data: sassFileContent,
+    includePaths: [importPath],
+    outFile: cssFilePath,
+    outputStyle: 'compressed'
+  }, function (e, output) {
+    if(e) {
+      //Callback with error
+      callback(e);
+    }      
+
+    if(output === null){
+      //No CSS content in converted scss file; No need to write file
+      callback();
+    } else {
+      fs.writeFile(cssFilePath, output.css, 'utf8', function(){
+        //File done writing
+        callback();
+      });  
+    }                                                  
+  });
+}
+
+module.exports = function ($logger, $projectData, $usbLiveSyncService) {
+	return convert($logger, $projectData.projectDir);
+}
+

hooks/before-prepare/nativescript-dev-typescript.js

@@ -0,0 +1 @@
+module.exports = require("nativescript-dev-typescript/lib/before-prepare.js");