README.md
# [j140][author-www-url] [![npmjs.com][npmjs-img]][npmjs-url] [![The MIT License][license-img]][license-url]
> Template engine in 140 bytes, by @jed Schmidt. Support helpers, partials and pre-compiled templates. For nodejs and the browser. Browserify-ready.
[![code climate][codeclimate-img]][codeclimate-url] [![standard code style][standard-img]][standard-url] [![travis build status][travis-img]][travis-url] [![coverage status][coveralls-img]][coveralls-url] [![dependency status][david-img]][david-url]
## Install
```
npm i j140 --save
```
## Features
- minimal, yet simple
+ 446 bytes gzipped and minified
+ 830 bytes minified
- zero dependencies
- works on every browser, should **even works on IE6**
- works on the server with just `require('j140')`
- plays well with [Browserify](https://browserify.org) and [BrowserifyCDN](https://brcdn.org)
- support helpers and partials
- available on CDNs - [BrowserifyCDN](https://www.brcdn.org/?module=j140&version=list) and [RawGit CDN](https://rawgit.com/)
## Use it
- [dist/j140.min.js](./dist/j140.min.js) (*830bytes*)
- [dist/j140.standalone.min.js](./dist/j140.standalone.min.js) (*1.1kb*)
- [j140 on BrowserifyCDN](https://www.brcdn.org/?module=j140&version=list)
- [j140 on RawGit CDN](https://cdn.rawgit.com/tunnckoCore/j140/master/dist/j140.standalone.min.js)
## Usage
> For more use-cases see the [tests](./test.js).
You can use any "helpers" lib, for example [utils](https://github.com/jonschlinkert/utils).
```js
var j140 = require('j140')
var utils = require('utils')
j140.render('foo #{uppercase("bar")} baz', utils._)
//=> 'foo BAR baz'
```
### [j140](./index#L10)
> Acts like `.render` by default. Renders given `str` with `locals`.
- `str` **{String}** template to populate with `locals`
- `locals` **{Object}** locals object
- `returns` **{String}** rendered string
**Example**
```js
j140('foo #{bar} baz #{quux}', {bar: 'bar', quux: 'QUUX'})
//=> 'foo bar baz QUUX'
```
### [.render](./index#L14)
> Renders given `str` with `locals`.
- `str` **{String}** template to populate with `locals`
- `locals` **{Object}** locals object
- `returns` **{String}** rendered string
**Example**
```js
j140.render('Hello #{place} and #{user.name}!', {
place: 'world',
user: {
name: 'Charlike'
}
})
//=> 'Hello world and Charlike!'
```
### [.compile](./index#L18)
> Compiles given string and returns function which accepts `locals` object.
- `str` **{String}** template to populate
- `returns` **{Function}** which accepts `locals` objects
**Example**
```js
var fn = j140.compile('Hello #{place} and #{user.name}!')
fn({place: 'world', user: {name: 'Charlike'}})
//=> 'Hello world and Charlike!'
```
## Related
- [octet](https://github.com/tunnckocore/octet): 1kb template engine for the browser and nodejs. Support helpers, partials and more.
- [es6-template](https://github.com/tunnckoCore/es6-template): Easy and small template engine for the browser and nodejs.
- [es6-template-regex](https://github.com/jonschlinkert/es6-template-regex): Regular expression for matching es6 template delimiters in a string.
- [es6-template-strings](https://github.com/medikoo/es6-template-strings): Compile and resolve template strings notation as specified in ES6
- [gulp-j140](https://github.com/tunnckoCore/gulp-j140): Gulp plugin for `j140` - template engine in 140 bytes by @jed Schmidt.
- [gulp-octet](https://github.com/tunnckoCore/gulp-octet): Gulp plugin for `octet` - template engine in just 20 lines - used in AbsurdJS.
- [gulp-es6-template](https://github.com/tunnckoCore/gulp-es6-template): Gulp plugin for `es6-template` - easy and small template engine.
- [gulp-es6-template-strings](https://github.com/tunnckoCore/gulp-es6-template-strings): Gulp plugin for `es6-template-strings` package.
- [jstransformer-es6-template](https://github.com/tunnckoCore/jstransformer-es6-template): es6-template support for JSTransformers
- [jstransformer-es6-template-strings](https://github.com/jstransformers/jstransformer-es6-template-strings): es6-template-strings support for JSTransformers
- [jstransformer-octet](https://github.com/jstransformers/jstransformer-octet): octet support for JSTransformers
- [jstransformer-j140](https://github.com/tunnckoCore/jstransformer-j140): j140 support for JSTransformers
## Contributing
Pull requests and stars are always welcome. For bugs and feature requests, [please create an issue](https://github.com/tunnckoCore/j140/issues/new).
But before doing anything, please read the [CONTRIBUTING.md](./CONTRIBUTING.md) guidelines.
## [Charlike Make Reagent](http://j.mp/1stW47C) [![new message to charlike][new-message-img]][new-message-url] [![freenode #charlike][freenode-img]][freenode-url]
[![tunnckocore.tk][author-www-img]][author-www-url] [![keybase tunnckocore][keybase-img]][keybase-url] [![tunnckoCore npm][author-npm-img]][author-npm-url] [![tunnckoCore twitter][author-twitter-img]][author-twitter-url] [![tunnckoCore github][author-github-img]][author-github-url]
[npmjs-url]: https://www.npmjs.com/package/j140
[npmjs-img]: https://img.shields.io/npm/v/j140.svg?label=j140
[license-url]: https://github.com/tunnckoCore/j140/blob/master/LICENSE.md
[license-img]: https://img.shields.io/badge/license-MIT-blue.svg
[codeclimate-url]: https://codeclimate.com/github/tunnckoCore/j140
[codeclimate-img]: https://img.shields.io/codeclimate/github/tunnckoCore/j140.svg
[travis-url]: https://travis-ci.org/tunnckoCore/j140
[travis-img]: https://img.shields.io/travis/tunnckoCore/j140.svg
[coveralls-url]: https://coveralls.io/r/tunnckoCore/j140
[coveralls-img]: https://img.shields.io/coveralls/tunnckoCore/j140.svg
[david-url]: https://david-dm.org/tunnckoCore/j140
[david-img]: https://img.shields.io/david/tunnckoCore/j140.svg
[standard-url]: https://github.com/feross/standard
[standard-img]: https://img.shields.io/badge/code%20style-standard-brightgreen.svg
[author-www-url]: http://www.tunnckocore.tk
[author-www-img]: https://img.shields.io/badge/www-tunnckocore.tk-fe7d37.svg
[keybase-url]: https://keybase.io/tunnckocore
[keybase-img]: https://img.shields.io/badge/keybase-tunnckocore-8a7967.svg
[author-npm-url]: https://www.npmjs.com/~tunnckocore
[author-npm-img]: https://img.shields.io/badge/npm-~tunnckocore-cb3837.svg
[author-twitter-url]: https://twitter.com/tunnckoCore
[author-twitter-img]: https://img.shields.io/badge/twitter-@tunnckoCore-55acee.svg
[author-github-url]: https://github.com/tunnckoCore
[author-github-img]: https://img.shields.io/badge/github-@tunnckoCore-4183c4.svg
[freenode-url]: http://webchat.freenode.net/?channels=charlike
[freenode-img]: https://img.shields.io/badge/freenode-%23charlike-5654a4.svg
[new-message-url]: https://github.com/tunnckoCore/ama
[new-message-img]: https://img.shields.io/badge/ask%20me-anything-green.svg