linting and tests passing

Author: simonmcmanus

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+    "eslint.autoFixOnSave": true,
+    "eslint.alwaysShowStatus": true
+}

client/dom.js

@@ -1,28 +1,24 @@
-'use strict';
+'use strict'
 
 exports.load = function (str) {
-    return $(str);
-};
+  return str
+}
 
 exports.find = function ($domNode, selector) {
-    var out = $domNode.filter(selector);;
-    if (out.length > 0) { // filter doesnt catch em all.
-        return out;
-    }else {
-        return $domNode.find(selector); // jquery
-    }
-};
+    console.log($domNode)
+  return $domNode.querySelector(selector)
+}
 
 // only available in the browser
 exports.getMarkup = function ($page) {
-    var out = [];
-    $page.each(function (i, item) {
-        out.push(item.outerHTML);
-    });
-    return out.join('');
-};
+  return $page
+}
+
+exports.setMarkup = function ($node, markup) {
+  $node.innerHTML = markup
+}
 
 // jqueryify node
 exports.get = function (item) {
-    return $(item);
-};
+  return item
+}

examples/array.js

@@ -1,15 +1,15 @@
-var sizlate = require('sizlate');
+var sizlate = require('sizlate')
 
-var html = '<ul><li></li></ul>';
+var html = '<ul><li></li></ul>'
 var selectors = {
-    'li': [
-        'change links to this',
-        'change links to this2',
-        {
-            'href': 'df',
-            innerHTML: 'aaa'
-        }
-    ]
-};
-var out = sizlate.render(html, selectors);
-console.log(out);
+  'li': [
+    'change links to this',
+    'change links to this2',
+    {
+      'href': 'df',
+      innerHTML: 'aaa'
+    }
+  ]
+}
+var out = sizlate.render(html, selectors)
+console.log(out)

examples/className.js

@@ -1,10 +1,10 @@
-var sizlate = require('sizlate');
+var sizlate = require('sizlate')
 
-var html = '<div><a class="class1"></a></div>';
+var html = '<div><a class="class1"></a></div>'
 var selectors = {
-    'div a': {
-        className: 'class2'
-    }
-};
-var out = sizlate.render(html, selectors);
-console.log(out);
+  'div a': {
+    className: 'class2'
+  }
+}
+var out = sizlate.render(html, selectors)
+console.log(out)

examples/nested.js

@@ -1,15 +1,15 @@
-var sizlate = require('sizlate');
+var sizlate = require('sizlate')
 
 // currently only supports setting the innerHtml.
 
-var html = '<div><div id="one"><a href="sd"></a></div></div>';
+var html = '<div><div id="one"><a href="sd"></a></div></div>'
 var selectors = {
-    '#one': {
-        selectors: {
-            a: 'wotcha'
-        }
+  '#one': {
+    selectors: {
+      a: 'wotcha'
     }
-};
+  }
+}
 
-var out = sizlate.render(html, selectors);
-console.log(out);
+var out = sizlate.render(html, selectors)
+console.log(out)

examples/object.js

@@ -1,12 +1,12 @@
-var sizlate = require('sizlate');
+var sizlate = require('sizlate')
 
-var html = '<div><a></a></div>';
+var html = '<div><a></a></div>'
 var selectors = {
-    'a': {
-        href: 'http://yahoo.com',
-        title: 'yahoo',
-        innerHTML: 'yahoo'
-    }
-};
-var out = sizlate.render(html, selectors);
-console.log(out);
+  'a': {
+    href: 'http://yahoo.com',
+    title: 'yahoo',
+    innerHTML: 'yahoo'
+  }
+}
+var out = sizlate.render(html, selectors)
+console.log(out)

examples/regular-expression.js

@@ -1,13 +1,13 @@
-var sizlate = require('sizlate');
+var sizlate = require('sizlate')
 
-var html = '<div><a>existing text</a></div>';
+var html = '<div><a>existing text</a></div>'
 var selectors = {
-    'a': {
-        'innerText': {
-            regex: /existing ([a-z]+)/ig,
-            value: 'new $1'
-        }
+  'a': {
+    'innerText': {
+      regex: /existing ([a-z]+)/ig,
+      value: 'new $1'
     }
-};
-var out = sizlate.render(html, selectors);
-console.log(out);
+  }
+}
+var out = sizlate.render(html, selectors)
+console.log(out)

examples/simple.js

@@ -1,3 +1,3 @@
-var sizlate = require('sizlate');
-var out = sizlate.render('<div><a href=""></a></div>', {'div a': 'UPDATED'});
-console.log(out); // returns <div><a href="">UPDATED</a></div>
+var sizlate = require('sizlate')
+var out = sizlate.render('<div><a href=""></a></div>', { 'div a': 'UPDATED' })
+console.log(out) // returns <div><a href="">UPDATED</a></div>

lib/check-for-inputs.js

@@ -4,19 +4,19 @@
  * @param  {String} data  The value to be set on the html.
  */
 module.exports = function ($node, data) {
-	$node.each(function (i, elem) {
-        var type = elem.tagName;
+  $node.each(function (i, elem) {
+    var type = elem.tagName
 
-        if(this[i] && this[i].name) {
-            type = this[i].name;
-        }else {
-            type = 'none';
-        }
-		if(type.toUpperCase() === 'INPUT') {
-			$node.eq(i).attr('value', data);
-		}else {
-			$node.eq(i).html(data);
-		}
-	});
-	return $node;
-};
+    if (this[i] && this[i].name) {
+      type = this[i].name
+    } else {
+      type = 'none'
+    }
+    if (type.toUpperCase() === 'INPUT') {
+      $node.eq(i).attr('value', data)
+    } else {
+      $node.eq(i).html(data)
+    }
+  })
+  return $node
+}

lib/classify-keys.js

@@ -1,17 +1,17 @@
-'use strict';
+'use strict'
 
 module.exports = function (data, options) {
-    if (!options.classifyKeys || typeof data === 'undefined') {
-        return data;
+  if (!options.classifyKeys || typeof data === 'undefined') {
+    return data
+  }
+  var c = data.length
+  var retArray = []
+  while (c--) {
+    var newObj = {}
+    for (var key in data[c]) {
+      newObj['.' + key] = data[c][key]
     }
-    var c = data.length;
-    var retArray = [];
-    while (c--) {
-        var newObj = {};
-        for (var key in data[c]){
-            newObj['.' + key] = data[c][key];
-        }
-        retArray.push(newObj);
-    }
-    return retArray;
-};
+    retArray.push(newObj)
+  }
+  return retArray
+}