Initial commit of plugin files

Author: toddanglin

.gitignore

@@ -0,0 +1,32 @@
+.DS_Store
+
+*.js.map
+
+coverage
+lib-cov
+*.seed
+*.log
+*.csv
+*.dat
+*.out
+*.pid
+*.gz
+*.tgz
+*.tmp
+*.sublime-workspace
+tscommand*.tmp.txt
+.tscache/
+/lib/.d.ts
+
+pids
+logs
+results
+scratch/
+.idea/
+.settings/
+.vscode/
+test-reports.xml
+
+npm-debug.log
+node_modules
+docs/html

LICENSE

@@ -0,0 +1,13 @@
+   Copyright (c) 2015 Telerik AD
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

README.md

@@ -0,0 +1,28 @@
+SASS CSS pre-processor for NativeScript projects
+=======================================
+(Based on [nativescript-dev-less plugin](https://github.com/NativeScript/nativescript-dev-less))
+
+----------
+This plugin uses the [node-sass compiler](https://www.npmjs.com/package/node-sass) to transpile SCSS files to CSS files in [NativeScript](https://www.nativescript.org/) projects. 
+
+
+How to use
+----------
+```
+$ tns install sass
+```
+
+The above command installs this module and installs the necessary NativeScript hooks. SASS CSS pre-processing of all `.scss` files inside `app` folder happens when the project is prepared for build (including LiveSync, Emulate and Watch commands).
+
+**NOTE: SASS @import syntax**
+In some cases, the current version of node-sass requires `@import` statements to explicitly include the filename extension (like `.scss`). This occurs if files with the same name exist in the same path.
+
+Example:
+`variables.scss`
+`variables.css`
+`_variables.scss`
+
+Node-sass will throw an error if the `@import variables;` syntax is used. As a workaround, use an explicit filename, like: `@import variables.scss;`
+
+This will be fixed in node-sass 3.5. [See this issue for more detail](https://github.com/sass/node-sass/issues/1222).
+

lib/before-prepare.js

@@ -0,0 +1,5 @@
+var converter = require('./converter');
+
+module.exports = function ($logger, $projectData, $usbLiveSyncService) {
+	return converter.convert($logger, $projectData.projectDir);
+}

lib/converter.js

@@ -0,0 +1,73 @@
+exports.convert = convert;
+
+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 || {};
+		
+		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();
+      });  
+    }                                                  
+  });
+}

package.json

@@ -0,0 +1,29 @@
+{
+  "name": "nativescript-dev-sass",
+  "version": "0.1.0",
+  "description": "SASS CSS pre-processor for NativeScript projects.",
+  "scripts": {
+    "test": "exit 0",
+    "postinstall": "node postinstall.js",
+    "preuninstall": "node preuninstall.js"
+  },
+  "nativescript": {
+    "hooks": [
+      {
+        "type": "before-prepare",
+        "script": "lib/before-prepare.js",
+        "inject": true
+      }
+    ]
+  },
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ToddAnglin/nativescript-dev-sass.git"
+  },
+  "dependencies": {
+    "node-sass": "*",
+    "glob": "*",
+    "nativescript-hook": "^0.2.0"
+  }
+}

postinstall.js

@@ -0,0 +1 @@
+require('nativescript-hook')(__dirname).postinstall();

preuninstall.js

@@ -0,0 +1 @@
+require('nativescript-hook')(__dirname).preuninstall();