compot

Component-like template engine.

Get Started

The recommended way to use compot is using gulp plugin.

• gulp-compot - GitHub
• gulp-compot - npm

Install

(sudo) npm install -g compot

usage

Command Line Intergace

compot src dest

Node.js

var compot = require('compot'),
    fs = require('fs');

var src = fs.readFileSync('path/to/src', 'utf8');

compot.render(src, {
    root: 'path/to/root'
}, function(err, res){
    fs.writeFileSync(res, 'path/to/dest', 'utf8');
});

compot.render(source, option, callback)

return converted html string.

parmeters

name	type	description
source	string	source html string
option	Object	options(optional)
option.root	string	root directory which is used in resolving import compot file
callback	Function	called as callback(Error, string)

example

<!-- main.html -->

<link rel="compot" href="./my-tag.html">

<my-tag class="foo" title="Compot!">
    This is <b>my custom tag</b>
</my-tag>

<!-- my-tag.html -->

<template type="compot" name="my-tag">
    <div class="buz">
        <header>{{title}}</header>
        <p>
            <content></content>
        </p>
    </div>
</template>

# CLI
compot ./main.html ./build.html

The output is,

<!-- build.html -->
<div class="buz foo">
    <header>Compot!</header>
    <p>
        This is <b>my custom tag</b>
    </p>
</div>