brown

ϐrown

Jade-ish + Mustache-ish template engine on steroids in 846 gzipped kilobytes

Usage

$ npm install brown

or in the browser:

<script type='text/javascript' src='brown.min.js'></script>

Simple

brown.render( "hello {{foo}}", { foo: "world" } );

outputs:

hello world

Functions

Create a fullfledged template engine by adding functions:

brown.micromustache.encode = function(key) {
  var html = this[key] || '';
  return String(html).replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
};

json = {
  div:
    'a href="{{href}}" onclick="{{encode:label}}"': "{{label}}"
};

brown.render( json, {href="/", label:"my \"label\""} )

outputs:

<div>
  <ul>
    <li>
      <a href="/" onclick="my &quot;label&quot;">my "label"</a>
    </li>
  </ul>
</div>

Need more? See if/foreach/filter/etc examples here on how to extend brown with micromustache functions.

Generate JADE-ish xml/html from JADE-ish json

ϐrown can be monkeypatched, to automatically produce xml-trees from json (like JADE):

var json = {
  ul: {
    li: {
      'a href="{{foo}}": "Click me"
    }
  }
}
brown.render json,{ foo: "/" }

outputs:

<ul>
  <li>
    <a href="/">Click me </a>
  </li>
</ul>

How? Simple, by just monkeypatching ϐrown with json-dsl. See coffeescript / JS examples.

Commandline util

Use as a commandline generator (install using npm install -g ) :

  $ brown
    Usage: brown <string|jsonstring|jsonfile> [jsonstring|jsonfile]

  examples:
          $ brown 'foo {{foo}}' '{"foo":"world"}'
          $ brown html.json data.json
          $ brown html.json '{"foo":"world"}'

Goals / Philosophy

• lightweight and extendable
• mustache without the noise (using micromustache)

With these basics you can literally do anything.

Need more? See more examples here on how to extend brown with micromustache functions.

Roadmap

• stability and peace