First working version

Author: sconix

.editorconfig

@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = 0
+trim_trailing_whitespace = false

LICENSE LICENSE.md

@@ -1,6 +1,6 @@
-MIT License
+The MIT License (MIT)
 
-Copyright (c) 2017 ZEF Oy
+Copyright (c) ZEF Oy
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -9,13 +9,13 @@ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -1,2 +1,30 @@
-# angular-inliner-cli
-Inlines template and styles for compiled Angular components
+# Angular inline CLI
+
+<a href="https://badge.fury.io/js/angular-inliner-cli"><img src="https://badge.fury.io/js/angular-inliner-cli.svg" align="right" alt="npm version" height="18"></a>
+
+Inlines template and styles for compiled Angular components, modifies the compiled component and metadata files.
+
+### Installing
+
+```bash
+$ npm install angular-inliner-cli --save
+```
+
+### Usage
+
+```bash
+ngi [-s|--silent] [-c|--compress] <directory>
+
+  -s, --silent     Output only critical errors
+  -c, --compress   Compress files before inlining
+
+  <directory>      Directory where the compiled files are
+```
+
+### Examples
+
+```bash
+ngi --compress dist/lib/
+```
+
+This would take all component.js and component.metadata.json files and recursively replace the templateUrl and styleUrls with the compressed content.

bin/inliner.js

@@ -0,0 +1,114 @@
+'use strict';
+
+var fs = require('fs');
+var path = require('path');
+
+var CleanCSS = require('clean-css');
+var htmlMinifier = require('html-minifier');
+
+var htmlMinifierConfig = {
+	caseSensitive: true,
+	collapseWhitespace: true,
+	// Angular bindings break the parser of html-minifer, so the
+	// following skips the processing of ()="" and []="" attributes
+	ignoreCustomFragments: [/\s\[.*\]=\"[^\"]*\"/, /\s\([^)"]+\)=\"[^\"]*\"/]
+};
+
+module.exports = function(directory, content, compress) {
+	return processTemplateUrl(directory, content, compress).then((result) =>
+		processStyleUrls(directory, result, compress));
+};
+
+function processTemplateUrl(directory, content, compress) {
+	var result = content;
+
+	var re = /('|"|\s*)templateUrl('|"|\s*):\s*(?:'([^']+)'|"([^"]+)")/g;
+
+	var matches = result.match(re);
+
+	if (matches === null || matches.length <= 0) {
+		return Promise.resolve(result);
+	} else {
+		matches.forEach(() => {
+			var exec = re.exec(content);
+
+			var url = exec[3], quote = '\'';
+
+			if (!url) {
+				url = exec[4];
+				quote = '"';
+			}
+
+			var file = fs.readFileSync(path.join(directory, url), 'utf-8');
+
+			if (!compress) {
+				file = htmlMinifier.minify(file, htmlMinifierConfig);
+			} else {
+				file = htmlMinifier.minify(file, Object.assign({}, htmlMinifierConfig,
+					{removeComments: true}));
+			}
+
+			// Escape quotes
+			file = file.replace(new RegExp(quote, 'g'), '\\' + quote);
+
+			// Replace line changes
+			file = file.split(/[\r\n]+/g).join(quote + ' +\n' + quote);
+
+			result = result.replace(exec[0], exec[1] + 'template' + exec[2] +
+				': ' + quote + file + quote);
+		});
+
+		return Promise.resolve(result);
+	}
+}
+
+function processStyleUrls(directory, content, compress) {
+	var result = content;
+
+	var re = /('|"|\s*)styleUrls('|"|\s*):\s*(\[[^](.[^]*?)\])/g;
+
+	var matches = result.match(re);
+
+	if (matches === null || matches.length <= 0) {
+		return Promise.resolve(result);
+	} else {
+		return Promise.all(matches.map(() => {
+			var exec = re.exec(result);
+
+			var urls = JSON.parse(exec[3].replace(/'/g, '"'));
+
+			return Promise.all(urls.map((url) => {
+				var file = fs.readFileSync(path.join(directory, url), 'utf-8');
+
+				var filesRe = /^[\./]*([^]*)\.(css)$/g;
+
+				var filesMatches = url.match(filesRe);
+
+				if (filesMatches === null || filesMatches.length <= 0) {
+					return file;
+				} else {
+					var filesExec = filesRe.exec(url);
+
+					var filename = filesExec[1];
+					var extension = filesExec[2];
+
+					if (!compress) {
+						file = file.replace(/[\r\n]/g, '');
+					} else {
+						file = new CleanCSS().minify(file).styles;
+					}
+
+					// Escape quotes
+					file = file.replace(new RegExp('\'', 'g'), '\\\'');
+
+					return file;
+				}
+			})).then((files) => {
+				result = result.replace(exec[0], exec[1] + 'styles' + exec[2] +
+					': [\'' + files.join('') + '\']');
+			});
+		})).then(() => {
+			return result;
+		});
+	}
+}

index.js

@@ -0,0 +1,60 @@
+#!/usr/bin/env node
+
+(() => {
+	'use strict';
+
+	var fs = require('fs');
+	var path = require('path');
+	var glob = require('glob');
+	var minimist = require('minimist');
+
+	var inliner = require('./bin/inliner.js');
+
+	var args = minimist(process.argv.slice(2), {
+		alias: {
+			s: 'silent',
+			c: 'compress'
+		},
+		boolean: ['silent', 'compress']
+	});
+
+	var directory = args._.slice()[0];
+
+	if (!directory) {
+		console.log('ngi [-s|--silent] [-c|--compress] <directory>');
+	} else {
+		glob(directory + '/*component.*(js|metadata.json)', {}, (error, files) => {
+			if (error) {
+				console.error('Failed to find component files from: ' + directory);
+
+				process.exit(1);
+			} else {
+				files.forEach((file) => {
+					var target = path.join(process.cwd(), file);
+
+					var content = fs.readFileSync(target);
+
+					if (content) {
+						if (!args.silent) {
+							console.log('Procesing: ' + target);
+						}
+
+						inliner(path.dirname(target), content.toString(), args.compress)
+							.then((result) => {
+								fs.writeFile(target, result, (error) => {
+									if (error) {
+										console.error('Error processing file: ' + file);
+										console.error('The received error was: ' + error);
+									}
+								});
+							}).catch((error) => {
+								console.error('Inlining failed with error: ' + error);
+							});
+					} else {
+						console.error('Failed to read content from file: ' + file);
+					}
+				});
+			}
+		});
+	}
+})();