Update to style-guider 0.2.5

Author: Ian Egner

docs/js/docs.js

@@ -35,7 +35,6 @@ function openCode (component) {
     var $html = $component.find('.html')
     $component.find('.result').first().appendTo($html)
   }
-
   updateMixin(component, $component)
 
   $component.removeClass('loading')
@@ -209,14 +208,15 @@ function renderBlock (schema, component, $component) {
  * @return {string}           Mixin string
  */
 function getMixinString (schema, component) {
-  var str = component + '('
-
-  $.each(schema.params, function (key, val) {
-    str += key + ', '
-  })
-
-  str = str.slice(0, -2) + ')'
-
+  var str = component
+  if (Object.keys(schema.params).length) {
+    str += '('
+    $.each(schema.params, function (key, val) {
+      str += key + ', '
+    })
+
+    str = str.slice(0, -2) + ')'
+  }
   return str
 }
 
@@ -265,21 +265,23 @@ function writeMixinCall (component, $component) {
   var fields = $component.find('form').serializeArray()
   var block = $component.find('[name=blockField]').val()
 
-  var str = '+' + component + '('
-
-  $.each(fields, function (index, field) {
-    // If it's boolean or json object/array don't wrap quotes around it
-    if (field.value === 'true' || field.value === 'false' || field.value.match(/^\{|\[/)) {
-      str = str += field.value + ', '
-    } else if (field.value === '' || typeof (field.value) === 'undefined') {
-      str = str += 'null, '
-    } else {
-      str = str += '\'' + field.value + '\', '
-    }
-  })
-
-  str = str.slice(0, -2) + ')'
+  var str = '+' + component
+  if (fields.length) {
+    str += '('
+
+    $.each(fields, function (index, field) {
+      // If it's boolean or json object/array don't wrap quotes around it
+      if (field.value === 'true' || field.value === 'false' || field.value.match(/^\{|\[/)) {
+        str = str += field.value + ', '
+      } else if (field.value === '' || typeof (field.value) === 'undefined') {
+        str = str += 'null, '
+      } else {
+        str = str += '\'' + field.value + '\', '
+      }
+    })
 
+    str = str.slice(0, -2) + ')'
+  }
   if (block) {
     // If the block contains tabs we shouldn't escape
     // it, because it might contain another mixin

gulpfile.js

@@ -203,14 +203,17 @@ function buildMenu (menu, components) {
  * @return {string}           Mixin string
  */
 function getMixinString (schema, component) {
-  var str = '+' + component + '('
+  let str = '+' + component
 
-  Object.keys(schema.params).forEach(function (key) {
-    str += JSON.stringify(schema.params[key].default) + ', '
-  })
+  if (Object.keys(schema.params).length) {
+    str += '('
 
-  str = str.slice(0, -2) + ')'
+    Object.keys(schema.params).forEach(function (key) {
+      str += JSON.stringify(schema.params[key].default) + ', '
+    })
 
+    str = str.slice(0, -2) + ')'
+  }
   return str
 }