xsalt - npm Package Compare versions

Comparing version 0.0.9 to 0.1.0

bower.json

 {
   "name": "xsalt",
   "main": "xsalt.js",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "homepage": "https://github.com/chocolatetoothpaste/xsalt",
@@ -6,0 +6,0 @@ "authors": [

package.json

 {
   "name": "xsalt",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "description": "A different kind of template engine",
@@ -5,0 +5,0 @@ "main": "xsalt.js",

README.md

@@ -101,3 +101,16 @@ # xsalt
 
+    // Default values: 'default' attribute was added (v0.1.0)
+    // the function for mapping nested objects was updated and will now return
+    // and empty object if not matching key is found. this may cause unexpected
+    // results, please test/verify your template output
+
+    // output: <input type="text" value="stewie">
+    // no data passed to compile to force defalut value to be used
+    var out = xsalt('<xs:input type="text" val="username" default="stewie">').compile();
+
+    // defalut innerHTML
+    // output: <button type="button">Click me!</button>
+    var button = xsalt('<xs:button type="button" html="fakester.nested.value">Click me!</xs:button>').compile();
+
 ### API
-Coming soon. For now see the examples.
+Coming eventually. For now see the examples.

scratch.js

@@ -5,3 +5,3 @@ if( typeof module !== 'undefined' && module.exports ) {
 
-
+/*//
     var data = {
@@ -26,2 +26,10 @@ users: [
 
-console.log("Result: ", test);
+
+console.log("Result: ", test);
+
+/*/
+
+// var button = xsalt('<xs:button val="text" html="html">Click here</button>').compile({ , html: "xsaltHTML" });
+var button = xsalt('<xs:button val="text.some.nested.property" html="html">Click here</button>').compile({text: "xsaltValue"});
+console.log(button);
+//*/

xsalt.js

@@ -31,5 +31,11 @@ (function(document) {
 xsalt.prototype.map = function( keys, data ) {
+
 	return keys.reduce(function (data, key) {
-		return data[key];
-	}, data);
+		// make sure data and data[key] exist
+		if( typeof data !== "undefined" && typeof data[key] !== "undefined" )
+			return data[key];
+
+	// return empty object...? maybe a bad practice, needs exploration
+	// it *might* be better to throw an error here
+	}, data) || {};
 };
@@ -69,3 +75,6 @@
 	'html': function( node, key, data ) {
-		node.innerHTML = data[key];
+		if( typeof data[key] !== "undefined" ) {
+			node.innerHTML = data[key];
+		}
+
 		node.removeAttribute('html');
@@ -75,3 +84,15 @@ },
 	'val': function( node, key, data ) {
-		node.setAttribute('value', data[key]);
+		var val = '';
+
+		if( typeof data[key] !== "undefined" ) {
+			val = data[key];
+		}
+
+		else if( node.hasAttribute('default') ) {
+			val = node.getAttribute('default');
+			node.removeAttribute('default');
+		}
+
+		node.setAttribute('value', val);
+
 		node.removeAttribute('val');
@@ -78,0 +99,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

13343

increased by12.23%

Lines of code

214

increased by10.31%

Number of lines in readme file

115

increased by12.75%

No dependency changes