feat: pass data to partial

Author: Philipp Ehrenberg

index.js

@@ -2,6 +2,8 @@ var parser = require('posthtml-parser');
 var match = require('posthtml/lib/api').match;
 var fs = require('fs');
 var path = require('path');
+var posthtml = require('posthtml');
+var expressions = require('posthtml-expressions');
 
 module.exports = function(options) {
     options = options || {};
@@ -13,12 +15,20 @@ module.exports = function(options) {
         if (!tree.match) tree.match = match;
         tree.match({ tag: 'include' }, function(node) {
             var src = node.attrs.src || false;
+            var data = node.attrs.data || false;
             var content;
             var subtree;
             var source;
             if (src) {
                 src = path.resolve(options.root, src);
                 source = fs.readFileSync(src, options.encoding);
+                if (data) {
+                    data = JSON.parse(data);
+                    var result = posthtml()
+                        .use(expressions({ locals: data }))
+                        .process(source, { sync: true });
+                    source = result.html;
+                }
                 subtree = tree.parser(source);
                 subtree.match = tree.match;
                 subtree.parser = tree.parser;

package-lock.json

@@ -5,6 +5,7 @@
   "main": "index.js",
   "dependencies": {
     "posthtml": "^0.12.0",
+    "posthtml-expressions": "^1.1.1",
     "posthtml-parser": "^0.4.2"
   },
   "devDependencies": {

package.json

@@ -0,0 +1 @@
+<h2>{{ text }}</h2>

test/includes/3.html

@@ -43,6 +43,15 @@ describe('Simple test', function() {
         );
     });
 
+    it('include with data', function(done) {
+        test(
+            `<h1>index</h1><include src="./includes/3.html" data='{"text": 3}'></include>`,
+            `<h1>index</h1><h2>3</h2>`,
+            { root: './test/' },
+            done
+        );
+    });
+
     it('messages dependency for addDependency', function(done) {
         var includePath = require('path').resolve('./test/blocks/button/button.html');