Automatically extend sample layout when rendering components

Fixes #128
usebedrock · Feb 10, 2017 · 8796227 · 8796227
1 parent 413678b
commit 8796227
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/content/templates/_components/example/example-1.jade b/content/templates/_components/example/example-1.jade
@@ -1 +1,3 @@
 button.btn.btn-primary Primary button
+
++icon('example')
diff --git a/core/templates/layouts/sample.jade b/core/templates/layouts/sample.jade
@@ -0,0 +1,3 @@
+include ../mixins/icon
+
+block content
diff --git a/core/templates/locals.js b/core/templates/locals.js
@@ -39,7 +39,10 @@ function getDefaultLocals() {
     if (!language || language === 'jade') {
       return jadeMarkup;
     } else if (language === 'html') {
-      return jade.compile(jadeMarkup, {
+      const indentedJadeMarkup = jadeMarkup.split('\n').map(line => `\t${line}`).join('\n');
+      const markupWithLayout = `extends /../core/templates/layouts/sample\n\nblock content\n${indentedJadeMarkup}`;
+
+      return jade.compile(markupWithLayout, {
         pretty: true,
         basedir: 'content',
         filename: componentFileLocation
Original file line number	Diff line number	Diff line change
		@@ -1 +1,3 @@
		button.btn.btn-primary Primary button

		+icon('example')