Create inline template from html template by replacing templateUrl in AngularJS directives

make-inline-template.sh

# This commandline removes all tabs from a directive template file, then adds '"' at the beginning of every line, '" +' at the end of every line, then replaces 'templateUrl' in directive file with the new contents of the template.
# This is very useful when an originally externalized template file for a AngularJS directive needs to be inline for e.g. minimizing. The original template file is no longer needed.


sed -e 's/^[ \t]*//' -e 's/\"/\\\"/g' -e 's/^/"/g' -e 's/$/" +/g' -e '1 i\template: \"\" +' -e "\$a\"\"," TEMPLATE.html > TEMPLATE.html.tmp && sed -e '/templateUrl/{r TEMPLATE.html.tmp' -e 'd}' DIRECTIVE.js > DIRECTIVE-tpl.js && rm TEMPLATE.html.tmp


# EXAMPLE:
############################################################
# DIRECTIVE.js:
############################################################
# angular.module("test", []).directive("test", function() {
#	return {
#		scope      : {},
#		restrict   : "E",
#		replace    : "true",
#		templateUrl: "TEMPLATE.html",
#		link       : function(scope) {
#			// do something
#		}
#	};
# });
############################################################
# TEMPLATE.html:
############################################################
# <div>
#	bla blubb
# </div>
############################################################
# DIRECTIVE-tpl.js:
############################################################
# angular.module("test", []).directive("test", function() {
#	return {
#		scope      : {},
#		restrict   : "E",
#		replace    : "true",
# template: "" +
# "<div>" +
# "bla blubb" +
# "</div>" +
# "",
#		link       : function(scope) {
#			// do something
#		}
#	};
# });
############################################################