Merge pull request #79 from cloudfour/fix-pre_html_output

Fix: <pre> HTML output

src/defaults.js

@@ -2,9 +2,12 @@ import parsers from './parse/parsers';
 
 const defaults = {
   beautifier: {
-    indent_size: 2,
     indent_char: ' ',
+    indent_size: 2,
     indent_with_tabs: false,
+    wrap_attributes: 'auto',
+    wrap_attributes_indent_size: 1,
+    wrap_line_length: 60,
     unformatted:
       `a abbr acronym address b bdo big cite code col del dfn dt em font
       h1 h2 h3 h4 h5 h6 i img ins kbd mark pre q s samp small span

src/helpers/pattern.js

@@ -1,3 +1,4 @@
+import {html as beautify} from 'js-beautify';
 import DrizzleError from '../utils/error';
 import { deepPattern } from '../utils/object';
 import { patternContext } from '../utils/context';
@@ -54,8 +55,12 @@ function registerPatternHelpers (options) {
    */
   Handlebars.registerHelper('patternSource', (id, rootContext, opts) => {
     const renderedTemplate = renderPatternPartial(
-      id, rootContext.drizzle, Handlebars);
-    return Handlebars.Utils.escapeExpression(renderedTemplate);
+      id,
+      rootContext.drizzle,
+      Handlebars
+    );
+    const sourceMarkup = beautify(renderedTemplate, options.beautifier);
+    return Handlebars.Utils.escapeExpression(sourceMarkup);
   });
   return Handlebars;
 }

src/utils/render.js

@@ -1,3 +1,10 @@
+/**
+ * Options for Handlebars.compile()
+ */
+const compileOptions = {
+  preventIndent: true
+};
+
 function applyTemplate (template, context, options) {
   if (typeof template !== 'function') {
     template = compileTemplate(template, options);
@@ -6,7 +13,7 @@ function applyTemplate (template, context, options) {
 }
 
 function compileTemplate (template, options) {
-  return options.handlebars.compile(template);
+  return options.handlebars.compile(template, compileOptions);
 }
 
 export { applyTemplate,