Fix multiline comments in all output formats

Registers the following handlebars helpers:

* _cstylecomment_ marks text as C-Style comment
* _commoncomment_ line count based: applies C-Style or single line: '//'
* _indent (size=2)_ indents lines with 2 spaces (default size)

Relates to #139

README.md

@@ -277,7 +277,9 @@ theo.registerFormat(
   // Source: {{stem meta.file}}
   module.exports = [
     {{#each props as |prop|}}
-      {{#if prop.comment}}// {{{prop.comment}}}{{/if}}
+      {{#if prop.comment}}
+      {{{trimLeft (indent (commoncomment (trim prop.comment)) 4)}}}
+      {{/if}}
       ['{{camelcase prop.name}}', '{{prop.value}}'],
     {{/each}}
   ]

lib/formats/cssmodules.css.hbs

@@ -3,7 +3,7 @@
 
 {{#each props as |prop|}}
   {{#if prop.comment~}}
-  /* {{{prop.comment}}} */
+  {{{trimLeft (indent (cstylecomment (trim prop.comment)))}}}
   {{/if~}}
   @value {{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}};
 {{/each}}

lib/formats/custom-properties.css.hbs

@@ -4,7 +4,7 @@
 :root {
 {{#each props as |prop|}}
   {{#if prop.comment}}
-  /* {{{prop.comment}}} */
+  {{{trimLeft (indent (cstylecomment (trim prop.comment)))}}}
   {{/if}}
   --{{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}};
 {{/each}}

lib/formats/default.sass.hbs

@@ -3,7 +3,7 @@
 
 {{#each props as |prop|}}
   {{#if prop.comment~}}
-    // {{{prop.comment}}}
+  {{{trimLeft (indent (commoncomment (trim prop.comment)))}}}
   {{/if~}}
   ${{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}} !default
 {{/each}}

lib/formats/default.scss.hbs

@@ -3,7 +3,7 @@
 
 {{#each props as |prop|}}
   {{#if prop.comment~}}
-    // {{{prop.comment}}}
+  {{{trimLeft (indent (commoncomment (trim prop.comment)))}}}
   {{/if~}}
   ${{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}} !default;
 {{/each}}

lib/formats/less.hbs

@@ -3,7 +3,7 @@
 
 {{#each props as |prop|}}
   {{#if prop.comment~}}
-    // {{{prop.comment}}}
+  {{{trimLeft (indent (commoncomment (trim prop.comment)))}}}
   {{/if~}}
   @{{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}};
 {{/each}}

lib/formats/list.scss.hbs

@@ -4,7 +4,7 @@
 ${{stem meta.file}}-list: (
 {{#each props as |prop|}}
   {{#if prop.comment}}
-  // {{{prop.comment}}}
+  {{{trimLeft (indent (commoncomment (trim prop.comment)))}}}
   {{/if}}
   "{{kebabcase prop.name}}",
 {{/each}}

lib/formats/map.scss.hbs

@@ -10,7 +10,7 @@
 ${{stem meta.file}}-map: (
 {{#each props as |prop|}}
   {{#if prop.comment}}
-  // {{{prop.comment}}}
+  {{{trimLeft (indent (commoncomment (trim prop.comment)))}}}
   {{/if}}
   '{{kebabcase prop.name}}': ({{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}}),
 {{/each}}

lib/formats/map.variables.scss.hbs

@@ -4,7 +4,7 @@
 ${{stem meta.file}}-map: (
 {{#each props as |prop|}}
   {{#if prop.comment}}
-  // {{{prop.comment}}}
+  {{{trimLeft (indent (commoncomment (trim prop.comment)))}}}
   {{/if}}
   '{{kebabcase prop.name}}': ${{kebabcase prop.name}},
 {{/each}}

lib/formats/module.js.js

@@ -3,14 +3,15 @@
 
 const Immutable = require("immutable");
 const _ = require("lodash");
+const { commonComment } = require("../util");
 
 module.exports = def => {
   return def
     .get("props")
     .map(prop => {
       let result = Immutable.List();
       if (prop.has("comment")) {
-        result = result.push(`// ${prop.get("comment")}`);
+        result = result.push(commonComment(prop.get("comment").trim()));
       }
       const k = _.camelCase(prop.get("name"));
       const v = JSON.stringify(prop.get("value"));

lib/formats/sass.hbs

@@ -3,7 +3,7 @@
 
 {{#each props as |prop|}}
   {{#if prop.comment~}}
-    // {{{prop.comment}}}
+  {{{trimLeft (indent (commoncomment (trim prop.comment)))}}}
   {{/if~}}
   ${{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}}
 {{/each}}

lib/formats/scss.hbs

@@ -3,7 +3,7 @@
 
 {{#each props as |prop|}}
   {{#if prop.comment~}}
-    // {{{prop.comment}}}
+  {{{trimLeft (indent (commoncomment (trim prop.comment)))}}}
   {{/if~}}
   ${{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}};
 {{/each}}

lib/formats/styl.hbs

@@ -3,7 +3,7 @@
 
 {{#each props as |prop|}}
   {{#if prop.comment~}}
-    // {{{prop.comment}}}
+  {{{trimLeft (indent (commoncomment (trim prop.comment)))}}}
   {{/if~}}
   ${{kebabcase prop.name}} = {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}}
 {{/each}}

lib/register.js

@@ -10,7 +10,7 @@ const path = require("path");
 
 const { isString, isFunction } = require("lodash");
 
-const { kebabCase } = require("./util");
+const { kebabCase, cStyleComment, commonComment, indent } = require("./util");
 
 // //////////////////////////////////////////////////////////////////
 // Helpers
@@ -21,6 +21,9 @@ require("handlebars-helpers")({
 });
 
 handlebars.registerHelper("kebabcase", kebabCase);
+handlebars.registerHelper("cstylecomment", cStyleComment);
+handlebars.registerHelper("commoncomment", commonComment);
+handlebars.registerHelper("indent", indent);
 
 // //////////////////////////////////////////////////////////////////
 // Register