@jaredwray/fumanchu v3.0.0
fumanchu
Handlebars + Helpers Together
Handlebars + Handlebars-helpers (helpers are now maintained in this project) combined into a single package. Easily use in your nodejs as it is a drop in replacement when using handlebars directly.
We plan to make significant changes over time with this project such as the following:
- (Completed) Remove all dependencies on
handlebars-helpers
and maintain all helpers in this project - (In Progress) Migrate to Typescript with full typing support
- (In Progress) Replace module dependencies that are no longer supported with supported ones
- Migration to ESM and CJS support using cross compatible code
- Migration to
vitest
as a testing framework - Migration to
xo
as a linting framework - Move to better documentation and examples where it makes sense
- Add in browser support via CDN (this will remove the nodejs specific helpers)
Breaking Changes from v2 to v3
Because of the complexity in the legacy helpers library we have moved to exporting the libraries and a helper function to make it easier to use. Here are the exports:
handlebars
- This is an instance of handlebars library without any helpers. It is the same as callingHandlebars.create()
helpers
- This is a function that takes an object with ahandlebars
key and adds all the helpers to the handlebars instance. This is the same as callinghelpers({ handlebars: handlebars })
createHandlebars
- This is an async function that returns a handlebars instance with all the helpers added. This is the same as callinghelpers({ handlebars: handlebars })
but async.Handlebars
- This is the handlebars library itself. It is the same as callingrequire('handlebars')
Please see the examples below for how to use the library.
Table of Contents
Usage Nodejs
npm install @jaredwray/fumanchu --save
var {handlebars, helpers} = require('@jaredwray/fumanchu');
helpers({ handlebars: handlebars });
var template = handlebars.compile('{{#if (eq foo "bar")}}<p>Foo is bar</p>{{/if}}');
var html = template({foo: 'bar'});
console.log(html);
If using it with es6 you can access handlebars
and helpers
:
import {handlebars, helpers} from '@jaredwray/fumanchu';
helpers({ handlebars: handlebars });
const template = handlebars.compile('{{#if (eq foo "bar")}}<p>Foo is bar</p>{{/if}}');
const html = template({foo: 'bar'});
console.log(html);
If you want to just get an instance of handlebars via createHandlebars
you can do the following (it is async):
import {createHandlebars} from '@jaredwray/fumanchu';
const handlebars = await createHandlebars(); //this will return a handlebars instance with all helpers
const template = handlebars.compile('{{#if (eq foo "bar")}}<p>Foo is bar</p>{{/if}}');
const html = template({foo: 'bar'});
console.log(html); // <p>Foo is bar</p>
It's just that easy! No need to add Handlebars to your project, it's already included.
Using Handlebars Helpers
If you only want to use handlebar helpers you can easily do that by doing the following:
var {helpers} = require('@jaredwray/fumanchu');
var handlebars = require('handlebars');
helpers({ handlebars: handlebars });
var fn = handlebars.compile('{{add value 5}}');
console.log(fn); // 10
If using it with es6 you can access helpers
via destructuring:
import {helpers} from '@jaredwray/fumanchu';
import handlebars from 'handlebars';
helpers({ handlebars: handlebars });
const template = handlebars.compile('{{#if (eq foo "bar")}}<p>Foo is bar</p>{{/if}}');
const html = template({foo: 'bar'});
console.log(html); // <p>Foo is bar</p>
Helpers
More than 180 Handlebars helpers in ~20 categories. Helpers can be used with Assemble, Generate, Verb, Ghost, gulp-handlebars, grunt-handlebars, consolidate, or any node.js/Handlebars project.
Categories
Currently 189 helpers in 20 categories:
- array (code | unit tests)
- code (code | unit tests)
- collection (code | unit tests)
- comparison (code | unit tests)
- date (code | unit tests)
- fs (code | unit tests)
- html (code | unit tests)
- i18n (code | unit tests)
- inflection (code | unit tests)
- logging (code | unit tests)
- markdown (code | unit tests)
- match (code | unit tests)
- math (code | unit tests)
- misc (code | unit tests)
- number (code | unit tests)
- object (code | unit tests)
- path (code | unit tests)
- regex (code | unit tests)
- string (code | unit tests)
- url (code | unit tests)
All helpers
array helpers
Visit the: code | unit tests | issues)
- after (code | tests)
- arrayify (code | tests)
- before (code | tests)
- eachIndex (code | tests)
- filter (code | tests)
- first (code | tests)
- forEach (code | tests)
- inArray (code | tests)
- isArray (code | tests)
- itemAt (code | tests)
- join (code | tests)
- equalsLength (code | tests)
- last (code | tests)
- length (code | tests)
- lengthEqual (code | tests)
- map (code | tests)
- pluck (code | tests)
- reverse (code | tests)
- some (code | tests)
- sort (code | tests)
- sortBy (code | tests)
- withAfter (code | tests)
- withBefore (code | tests)
- withFirst (code | tests)
- withGroup (code | tests)
- withLast (code | tests)
- withSort (code | tests)
- unique (code | tests)
code helpers
Visit the: code | unit tests | issues)
collection helpers
Visit the: code | unit tests | issues)
comparison helpers
Visit the: code | unit tests | issues)
- and (code | tests)
- compare (code | tests)
- contains (code | tests)
- default (code | tests)
- eq (code | tests)
- gt (code | tests)
- gte (code | tests)
- has (code | tests)
- isFalsey (code | tests)
- isTruthy (code | tests)
- ifEven (code | tests)
- ifNth (code | tests)
- ifOdd (code | tests)
- is (code | tests)
- isnt (code | tests)
- lt (code | tests)
- lte (code | tests)
- neither (code | tests)
- not (code | tests)
- or (code | tests)
- unlessEq (code | tests)
- unlessGt (code | tests)
- unlessLt (code | tests)
- unlessGteq (code | tests)
- unlessLteq (code | tests)
date helpers
Visit the: code | unit tests | issues)
fs helpers
Visit the: code | unit tests | issues)
html helpers
Visit the: code | unit tests | issues)
- attr (code | tests)
- css (code | tests)
- js (code | tests)
- sanitize (code | tests)
- ul (code | tests)
- ol (code | tests)
- thumbnailImage (code | tests)
i18n helpers
Visit the: code | unit tests | issues)
inflection helpers
Visit the: code | unit tests | issues)
logging helpers
Visit the: code | unit tests | issues)
- log (code | no tests)
- ok (code | no tests)
- success (code | no tests)
- info (code | no tests)
- warning (code | no tests)
- warn (code | no tests)
- error (code | no tests)
- danger (code | no tests)
- bold (code | no tests)
- _debug (code | no tests)
- _inspect (code | no tests)
markdown helpers
match helpers
Visit the: code | unit tests | issues)
math helpers
Visit the: code | unit tests | issues)
- abs (code | test)
- add (code | tests)
- avg (code | tests)
- ceil (code | tests)
- divide (code | tests)
- floor (code | tests)
- minus (code | tests)
- modulo (code | tests)
- multiply (code | tests)
- plus (code | tests)
- random (code | tests)
- remainder (code | tests)
- round (code | tests)
- subtract (code | tests)
- sum (code | tests)
- times (code | tests)
misc helpers
Visit the: code | unit tests | issues)
- frame (code | tests)
- option (code | tests)
- noop (code | tests)
- typeOf (code | tests)
- withHash (code | tests)
number helpers
Visit the: code | unit tests | issues)
- bytes (code | tests)
- addCommas (code | tests)
- phoneNumber (code | tests)
- toAbbr (code | tests)
- toExponential (code | tests)
- toFixed (code | tests)
- toFloat (code | tests)
- toInt (code | tests)
- toPrecision (code | tests)
object helpers
Visit the: code | unit tests | issues)
- extend (code | tests)
- forIn (code | tests)
- forOwn (code | tests)
- toPath (code | tests)
- get (code | tests)
- getObject (code | tests)
- hasOwn (code | tests)
- isObject (code | tests)
- JSONparse (code | tests)
- JSONstringify (code | no tests)
- merge (code | tests)
- parseJSON (code | no tests)
- pick (code | tests)
- stringify (code | tests)
path helpers
Visit the: code | unit tests | issues)
- absolute (code | tests)
- dirname (code | tests)
- relative (code | tests)
- basename (code | tests)
- stem (code | tests)
- extname (code | tests)
- resolve (code | tests)
- segments (code | tests)
regex helpers
Visit the: code | unit tests | issues)
string helpers
Visit the: code | unit tests | issues)
- append (code | tests)
- camelcase (code | tests)
- capitalize (code | tests)
- capitalizeAll (code | tests)
- center (code | tests)
- chop (code | tests)
- dashcase (code | tests)
- dotcase (code | tests)
- downcase (code | tests)
- ellipsis (code | tests)
- hyphenate (code | tests)
- isString (code | tests)
- lowercase (code | tests)
- occurrences (code | tests)
- pascalcase (code | tests)
- pathcase (code | tests)
- plusify (code | tests)
- prepend (code | tests)
- raw (code | tests)
- remove (code | tests
- removeFirst (code | tests)
- replace (code | tests)
- replaceFirst (code | tests)
- reverse (code | tests)
- sentence (code | tests)
- snakecase (code | tests)
- split (code | tests)
- startsWith (code | tests)
- titleize (code | tests)
- trim (code | tests)
- trimLeft (code | tests)
- trimRight (code | tests)
- truncate (code | tests)
- truncateWords (code | tests))
- upcase (code | tests)
- uppercase (code | tests)
url helpers
Visit the: code | unit tests | issues)
- encodeURI (code | tests)
- escape (code | tests)
- decodeURI (code | tests)
- url_encode (code | tests)
- url_decode (code | tests)
- urlResolve (code | tests)
- urlParse (code | tests)
- stripQuerystring (code | tests)
- stripProtocol (code | tests)
array
{{after}}
Returns all of the items in an array after the specified index. Opposite of before.
Params
array
{Array}: Collectionn
{Number}: Starting index (number of items to exclude)returns
{Array}: Array exludingn
items.
Example
<!-- array: ['a', 'b', 'c'] -->
{{after array 1}}
<!-- results in: '["c"]' -->
{{arrayify}}
Cast the given value
to an array.
Params
value
{any}returns
{Array}
Example
{{arrayify "foo"}}
<!-- results in: [ "foo" ] -->
{{before}}
Return all of the items in the collection before the specified count. Opposite of after.
Params
array
{Array}n
{Number}returns
{Array}: Array excluding items after the given number.
Example
<!-- array: ['a', 'b', 'c'] -->
{{before array 2}}
<!-- results in: '["a", "b"]' -->
{{eachIndex}}
Params
array
{Array}options
{Object}returns
{String}
Example
<!-- array: ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'] -->
{{#eachIndex array}}
{{item}} is {{index}}
{{/eachIndex}}
{{filter}}
Block helper that filters the given array and renders the block for values that evaluate to true
, otherwise the inverse block is returned.
Params
array
{Array}value
{any}options
{Object}returns
{String}
Example
<!-- array: ['a', 'b', 'c'] -->
{{#filter array "foo"}}AAA{{else}}BBB{{/filter}}
<!-- results in: 'BBB' -->
{{first}}
Returns the first item, or first n
items of an array.
Params
array
{Array}n
{Number}: Number of items to return, starting at0
.returns
{Array}
Example
{{first "['a', 'b', 'c', 'd', 'e']" 2}}
<!-- results in: '["a", "b"]' -->
{{forEach}}
Iterates over each item in an array and exposes the current item in the array as context to the inner block. In addition to the current array item, the helper exposes the following variables to the inner block:
index
total
isFirst
isLast
Also,@index
is exposed as a private variable, and additional private variables may be defined as hash arguments.
Params
array
{Array}returns
{String}
Example
<!-- accounts = [
{'name': 'John', 'email': 'john@example.com'},
{'name': 'Malcolm', 'email': 'malcolm@example.com'},
{'name': 'David', 'email': 'david@example.com'}
] -->
{{#forEach accounts}}
<a href="mailto:{{ email }}" title="Send an email to {{ name }}">
{{ name }}
</a>{{#unless isLast}}, {{/unless}}
{{/forEach}}
{{inArray}}
Block helper that renders the block if an array has the given value
. Optionally specify an inverse block to render when the array does not have the given value.
Params
array
{Array}value
{any}options
{Object}returns
{String}
Example
<!-- array: ['a', 'b', 'c'] -->
{{#inArray array "d"}}
foo
{{else}}
bar
{{/inArray}}
<!-- results in: 'bar' -->
{{isArray}}
Returns true if value
is an es5 array.
Params
value
{any}: The value to test.returns
{Boolean}
Example
{{isArray "abc"}}
<!-- results in: false -->
<!-- array: [1, 2, 3] -->
{{isArray array}}
<!-- results in: true -->
{{itemAt}}
Returns the item from array
at index idx
.
Params
array
{Array}idx
{Number}returns
{any}value
Example
<!-- array: ['a', 'b', 'c'] -->
{{itemAt array 1}}
<!-- results in: 'b' -->
{{join}}
Join all elements of array into a string, optionally using a given separator.
Params
array
{Array}separator
{String}: The separator to use. Defaults to,
.returns
{String}
Example
<!-- array: ['a', 'b', 'c'] -->
{{join array}}
<!-- results in: 'a, b, c' -->
{{join array '-'}}
<!-- results in: 'a-b-c' -->
{{equalsLength}}
Returns true if the the length of the given value
is equal
to the given length
. Can be used as a block or inline helper.
Params
value
{Array|String}length
{Number}options
{Object}returns
{String}
{{last}}
Returns the last item, or last n
items of an array or string. Opposite of first.
Params
value
{Array|String}: Array or string.n
{Number}: Number of items to return from the end of the array.returns
{Array}
Example
<!-- var value = ['a', 'b', 'c', 'd', 'e'] -->
{{last value}}
<!-- results in: ['e'] -->
{{last value 2}}
<!-- results in: ['d', 'e'] -->
{{last value 3}}
<!-- results in: ['c', 'd', 'e'] -->
{{length}}
Returns the length of the given string or array.
Params
value
{Array|Object|String}returns
{Number}: The length of the value.
Example
{{length '["a", "b", "c"]'}}
<!-- results in: 3 -->
<!-- results in: myArray = ['a', 'b', 'c', 'd', 'e']; -->
{{length myArray}}
<!-- results in: 5 -->
<!-- results in: myObject = {'a': 'a', 'b': 'b'}; -->
{{length myObject}}
<!-- results in: 2 -->
{{lengthEqual}}
Alias for equalsLength
{{map}}
Returns a new array, created by calling function
on each element of the given array
. For example,
Params
array
{Array}fn
{Function}returns
{String}
Example
<!-- array: ['a', 'b', 'c'], and "double" is a
fictitious function that duplicates letters -->
{{map array double}}
<!-- results in: '["aa", "bb", "cc"]' -->
{{pluck}}
Map over the given object or array or objects and create an array of values from the given prop
. Dot-notation may be used (as a string) to get nested properties.
Params
collection
{Array|Object}prop
{Function}returns
{String}
Example
// {{pluck items "data.title"}}
<!-- results in: '["aa", "bb", "cc"]' -->
{{reverse}}
Reverse the elements in an array, or the characters in a string.
Params
value
{Array|String}returns
{Array|String}: Returns the reversed string or array.
Example
<!-- value: 'abcd' -->
{{reverse value}}
<!-- results in: 'dcba' -->
<!-- value: ['a', 'b', 'c', 'd'] -->
{{reverse value}}
<!-- results in: ['d', 'c', 'b', 'a'] -->
{{some}}
Block helper that returns the block if the callback returns true for some value in the given array.
Params
array
{Array}iter
{Function}: Iteratee- {Options}: Handlebars provided options object
returns
{String}
Example
<!-- array: [1, 'b', 3] -->
{{#some array isString}}
Render me if the array has a string.
{{else}}
Render me if it doesn't.
{{/some}}
<!-- results in: 'Render me if the array has a string.' -->
{{sort}}
Sort the given array
. If an array of objects is passed, you may optionally pass a key
to sort on as the second argument. You may alternatively pass a sorting function as the second argument.
Params
array
{Array}: the array to sort.key
{String|Function}: The object key to sort by, or sorting function.
Example
<!-- array: ['b', 'a', 'c'] -->
{{sort array}}
<!-- results in: '["a", "b", "c"]' -->
{{sortBy}}
Sort an array
. If an array of objects is passed, you may optionally pass a key
to sort on as the second argument. You may alternatively pass a sorting function as the second argument.
Params
array
{Array}: the array to sort.props
{String|Function}: One or more properties to sort by, or sorting functions to use.
Example
<!-- array: [{a: 'zzz'}, {a: 'aaa'}] -->
{{sortBy array "a"}}
<!-- results in: '[{"a":"aaa"}, {"a":"zzz"}]' -->
{{withAfter}}
Use the items in the array after the specified index as context inside a block. Opposite of withBefore.
Params
array
{Array}idx
{Number}options
{Object}returns
{Array}
Example
<!-- array: ['a', 'b', 'c', 'd', 'e'] -->
{{#withAfter array 3}}
{{this}}
{{/withAfter}}
<!-- results in: "de" -->
{{withBefore}}
Use the items in the array before the specified index as context inside a block. Opposite of withAfter.
Params
array
{Array}idx
{Number}options
{Object}returns
{Array}
Example
<!-- array: ['a', 'b', 'c', 'd', 'e'] -->
{{#withBefore array 3}}
{{this}}
{{/withBefore}}
<!-- results in: 'ab' -->
{{withFirst}}
Use the first item in a collection inside a handlebars block expression. Opposite of withLast.
Params
array
{Array}idx
{Number}options
{Object}returns
{String}
Example
<!-- array: ['a', 'b', 'c'] -->
{{#withFirst array}}
{{this}}
{{/withFirst}}
<!-- results in: 'a' -->
{{withGroup}}
Block helper that groups array elements by given group size
.
Params
array
{Array}: The array to iterate oversize
{Number}: The desired length of each array "group"options
{Object}: Handlebars optionsreturns
{String}
Example
<!-- array: ['a','b','c','d','e','f','g','h'] -->
{{#withGroup array 4}}
{{#each this}}
{{.}}
{{each}}
<br>
{{/withGroup}}
<!-- results in: -->
<!-- 'a','b','c','d'<br> -->
<!-- 'e','f','g','h'<br> -->
{{withLast}}
Use the last item or n
items in an array as context inside a block. Opposite of withFirst.
Params
array
{Array}idx
{Number}: The starting index.options
{Object}returns
{String}
Example
<!-- array: ['a', 'b', 'c'] -->
{{#withLast array}}
{{this}}
{{/withLast}}
<!-- results in: 'c' -->
{{withSort}}
Block helper that sorts a collection and exposes the sorted collection as context inside the block.
Params
array
{Array}prop
{String}options
{Object}: Specifyreverse="true"
to reverse the array.returns
{String}
Example
<!-- array: ['b', 'a', 'c'] -->
{{#withSort array}}{{this}}{{/withSort}}
<!-- results in: 'abc' -->
{{unique}}
Block helper that return an array with all duplicate values removed. Best used along with a each helper.
Params
array
{Array}options
{Object}returns
{Array}
Example
<!-- array: ['a', 'a', 'c', 'b', 'e', 'e'] -->
{{#each (unique array)}}{{.}}{{/each}}
<!-- results in: 'acbe' -->
{{embed}}
Embed code from an external file as preformatted text.
Params
filepath
{String}: filepath to the file to embed.language
{String}: Optionally specify the language to use for syntax highlighting.returns
{String}
Example
{{embed 'path/to/file.js'}}
<!-- optionally specify the language to use -->
{{embed 'path/to/file.hbs' 'html')}}
{{gist}}
Embed a GitHub Gist using only the id of the Gist
Params
id
{String}returns
{String}
Example
{{gist "12345"}}
{{jsfiddle}}
Generate the HTML for a jsFiddle link with the given params
Params
params
{Object}returns
{String}
Example
{{jsfiddle id="0dfk10ks" tabs="true"}}
collection
{{isEmpty}}
Inline, subexpression, or block helper that returns true (or the block) if the given collection is empty, or false (or the inverse block, if supplied) if the colleciton is not empty.
Params
collection
{Object}options
{Object}returns
{String}
Example
<!-- array: [] -->
{{#isEmpty array}}AAA{{else}}BBB{{/isEmpty}}
<!-- results in: 'AAA' -->
<!-- array: [] -->
{{isEmpty array}}
<!-- results in: true -->
{{iterate}}
Block helper that iterates over an array or object. If
an array is given, .forEach
is called, or if an object
is given, .forOwn
is called, otherwise the inverse block
is returned.
Params
collection
{Object|Array}: The collection to iterate overoptions
{Object}returns
{String}
comparison
{{and}}
Helper that renders the block if both of the given values are truthy. If an inverse block is specified it will be rendered when falsy. Works as a block helper, inline helper or subexpression.
Params
a
{any}b
{any}options
{Object}: Handlebars provided options objectreturns
{String}
Example
<!-- {great: true, magnificent: true} -->
{{#and great magnificent}}A{{else}}B{{/and}}
<!-- results in: 'A' -->
{{compare}}
Render a block when a comparison of the first and third arguments returns true. The second argument is the arithemetic operator to use. You may also optionally specify an inverse block to render when falsy.
Params
a
{}operator
{}: The operator to use. Operators must be enclosed in quotes:">"
,"="
,"<="
, and so on.b
{}options
{Object}: Handlebars provided options objectreturns
{String}: Block, or if specified the inverse block is rendered if falsey.
{{contains}}
Block helper that renders the block if collection
has the given value
, using strict equality (===
) for comparison, otherwise the inverse block is rendered (if specified). If a startIndex
is specified and is negative, it is used as the offset from the end of the collection.
Params
collection
{Array|Object|String}: The collection to iterate over.value
{any}: The value to check for.[startIndex=0]
{Number}: Optionally define the starting index.options
{Object}: Handlebars provided options object.
Example
<!-- array = ['a', 'b', 'c'] -->
{{#contains array "d"}}
This will not be rendered.
{{else}}
This will be rendered.
{{/contains}}
{{default}}
Returns the first value that is not undefined, otherwise the default
value is returned.
Params
value
{any}defaultValue
{any}returns
{String}
{{eq}}
Block helper that renders a block if a
is equal to b
.
If an inverse block is specified it will be rendered when falsy.
You may optionally use the compare=""
hash argument for the
second value.
Params
a
{String}b
{String}options
{Object}: Handlebars provided options objectreturns
{String}: Block, or inverse block if specified and falsey.
{{gt}}
Block helper that renders a block if a
is greater than b
.
If an inverse block is specified it will be rendered when falsy.
You may optionally use the compare=""
hash argument for the
second value.
Params
a
{String}b
{String}options
{Object}: Handlebars provided options objectreturns
{String}: Block, or inverse block if specified and falsey.
{{gte}}
Block helper that renders a block if a
is greater than or equal to b
.
If an inverse block is specified it will be rendered when falsy.
You may optionally use the compare=""
hash argument for the
second value.
Params
a
{String}b
{String}options
{Object}: Handlebars provided options objectreturns
{String}: Block, or inverse block if specified and falsey.
{{has}}
Block helper that renders a block if value
has pattern
.
If an inverse block is specified it will be rendered when falsy.
Params
val
{any}: The value to check.pattern
{any}: The pattern to check for.options
{Object}: Handlebars provided options objectreturns
{String}
{{isFalsey}}
Returns true if the given value
is falsey. Uses the falsey
library for comparisons. Please see that library for more information
or to report bugs with this helper.
Params
val
{any}options
{Options}returns
{Boolean}
{{isTruthy}}
Returns true if the given value
is truthy. Uses the falsey
library for comparisons. Please see that library for more information
or to report bugs with this helper.
Params
val
{any}options
{Options}returns
{Boolean}
{{ifEven}}
Return true if the given value is an even number.
Params
number
{Number}options
{Object}: Handlebars provided options objectreturns
{String}: Block, or inverse block if specified and falsey.
Example
{{#ifEven value}}
render A
{{else}}
render B
{{/ifEven}}
{{ifNth}}
Conditionally renders a block if the remainder is zero when
a
operand is divided by b
. If an inverse block is specified
it will be rendered when the remainder is not zero.
Params
- {}: {Number}
- {}: {Number}
options
{Object}: Handlebars provided options objectreturns
{String}: Block, or inverse block if specified and falsey.
{{ifOdd}}
Block helper that renders a block if value
is an odd number. If an inverse block is specified it will be rendered when falsy.
Params
value
{Object}options
{Object}: Handlebars provided options objectreturns
{String}: Block, or inverse block if specified and falsey.
Example
{{#ifOdd value}}
render A
{{else}}
render B
{{/ifOdd}}
{{is}}
Block helper that renders a block if a
is equal to b
.
If an inverse block is specified it will be rendered when falsy.
Similar to eq but does not do strict equality.
Params
a
{any}b
{any}options
{Object}: Handlebars provided options objectreturns
{String}
{{isnt}}
Block helper that renders a block if a
is not equal to b
.
If an inverse block is specified it will be rendered when falsy.
Similar to unlessEq but does not use strict equality for
comparisons.
Params
a
{String}b
{String}options
{Object}: Handlebars provided options objectreturns
{String}
{{lt}}
Block helper that renders a block if a
is less than b
.
If an inverse block is specified it will be rendered when falsy.
You may optionally use the compare=""
hash argument for the
second value.
Params
context
{Object}options
{Object}: Handlebars provided options objectreturns
{String}: Block, or inverse block if specified and falsey.
{{lte}}
Block helper that renders a block if a
is less than or equal to b
.
If an inverse block is specified it will be rendered when falsy.
You may optionally use the compare=""
hash argument for the
second value.
Params
a
{Sring}b
{Sring}options
{Object}: Handlebars provided options objectreturns
{String}: Block, or inverse block if specified and falsey.
{{neither}}
Block helper that renders a block if neither of the given values are truthy. If an inverse block is specified it will be rendered when falsy.
Params
a
{any}b
{any}options
{}: Handlebars options objectreturns
{String}: Block, or inverse block if specified and falsey.
{{not}}
Returns true if val
is falsey. Works as a block or inline helper.
Params
val
{String}options
{Object}: Handlebars provided options objectreturns
{String}
{{or}}
Block helper that renders a block if any of the given values is truthy. If an inverse block is specified it will be rendered when falsy.
Params
args
{any}: Variable number of argumentsoptions
{Object}: Handlebars options objectreturns
{String}: Block, or inverse block if specified and falsey.
Example
{{#or a b c}}
If any value is true this will be rendered.
{{/or}}
{{unlessEq}}
Block helper that always renders the inverse block unless a
is
is equal to b
.
Params
a
{String}b
{String}options
{Object}: Handlebars provided options objectreturns
{String}: Inverse block by default, or block if falsey.
{{unlessGt}}
Block helper that always renders the inverse block unless a
is
is greater than b
.
Params
a
{Object}: The default valueb
{Object}: The value to compareoptions
{Object}: Handlebars provided options objectreturns
{String}: Inverse block by default, or block if falsey.
{{unlessLt}}
Block helper that always renders the inverse block unless a
is
is less than b
.
Params
a
{Object}: The default valueb
{Object}: The value to compareoptions
{Object}: Handlebars provided options objectreturns
{String}: Block, or inverse block if specified and falsey.
{{unlessGteq}}
Block helper that always renders the inverse block unless a
is
is greater than or equal to b
.
Params
a
{any}b
{any}options
{Object}: Handlebars provided options objectreturns
{String}: Block, or inverse block if specified and falsey.
{{unlessLteq}}
Block helper that always renders the inverse block unless a
is
is less than or equal to b
.
Params
a
{any}b
{any}options
{Object}: Handlebars provided options objectreturns
{String}: Block, or inverse block if specified and falsey.
date
{{year}}
Get the current year.
Example
{{year}}
<!-- 2017 -->
{{moment}}
Use moment as a helper. See helper-date for more details.
fs
{{read}}
Read a file from the file system. This is useful in composing "include"-style helpers using sub-expressions.
Params
filepath
{String}returns
{String}
Example
{{read "a/b/c.js"}}
{{someHelper (read "a/b/c.md")}}
{{readdir}}
Return an array of files from the given directory.
Params
directory
{String}returns
{Array}
html
{{attr}}
Stringify attributes on the options hash
.
Params
options
{Object}returns
{String}
Example
<!-- value = 'bar' -->
<div{{attr foo=value}}></div>
<!-- results in: <div foo="bar"></div>
{{css}}
Add an array of <link>
tags. Automatically resolves relative paths to options.assets
if passed on the context.
Params
list
{String|Array}: One or more stylesheet urls.returns
{String}
Example
<!-- {stylesheets: ['foo.css', 'bar.css']} -->
{{css stylesheets}}
<!-- results in: -->
<!-- <link type="text/css" rel="stylesheet" href="foo.css"> -->
<!-- <link type="text/css" rel="stylesheet" href="bar.css"> -->
{{js}}
Generate one or more <script></script>
tags with paths/urls to javascript or coffeescript files.
Params
context
{Object}returns
{String}
Example
{{js scripts}}
{{sanitize}}
Strip HTML tags from a string, so that only the text nodes are preserved.
Params
str
{String}: The string of HTML to sanitize.returns
{String}
Example
{{sanitize "<span>foo</span>"}}
<!-- results in: 'foo' -->
{{ul}}
Block helper for creating unordered lists (<ul></ul>
)
Params
context
{Object}options
{Object}returns
{String}
{{ol}}
Block helper for creating ordered lists (<ol></ol>
)
Params
context
{Object}options
{Object}returns
{String}
{{thumbnailImage}}
Returns a <figure>
with a thumbnail linked to a full picture
Params
context
{Object}: Object with values/attributes to add to the generated elements:context.alt
{String}context.src
{String}context.width
{Number}context.height
{Number}returns
{String}: HTML<figure>
element with image and optional caption/link.
i18n
{{i18n}}
i18n helper. See button-i18n for a working example.
Params
key
{String}options
{Object}returns
{String}
inflection
{{inflect}}
Returns either the singular
or plural
inflection of a word based on the given count
.
Params
count
{Number}singular
{String}: The singular formplural
{String}: The plural formincludeCount
{String}returns
{String}
Example
{{inflect 0 "string" "strings"}}
<!-- "strings" -->
{{inflect 1 "string" "strings"}}
<!-- "string" -->
{{inflect 1 "string" "strings" true}}
<!-- "1 string" -->
{{inflect 2 "string" "strings"}}
<!-- "strings" -->
{{inflect 2 "string" "strings" true}}
<!-- "2 strings" -->
{{ordinalize}}
Returns an ordinalized number as a string.
Params
val
{String}: The value to ordinalize.returns
{String}: The ordinalized number
Example
{{ordinalize 1}}
<!-- '1st' -->
{{ordinalize 21}}
<!-- '21st' -->
{{ordinalize 29}}
<!-- '29th' -->
{{ordinalize 22}}
<!-- '22nd' -->
logging
markdown
{{markdown}}
Block helper that converts a string of inline markdown to HTML.
Params
context
{Object}options
{Object}returns
{String}
Example
{{#markdown}}
# Foo
{{/markdown}}
<!-- results in: <h1>Foo</h1> -->
{{md}}
Read a markdown file from the file system and inject its contents after converting it to HTML.
Params
context
{Object}options
{Object}returns
{String}
Example
{{md "foo/bar.md"}}
match
{{match}}
Returns an array of strings that match the given glob pattern(s). Options may be passed on the options hash or locals.
Params
files
{Array|String}patterns
{Array|String}: One or more glob patterns.locals
{Object}options
{Object}returns
{Array}: Array of matches
Example
{{match (readdir "foo") "*.js"}}
{{match (readdir "foo") (toRegex "\\.js$")}}
{{isMatch}}
Returns true if a filepath contains the given pattern. Options may be passed on the options hash or locals.
Params
filepath
{String}pattern
{String}options
{Object}returns
{Boolean}
Example
{{isMatch "foo.md" "*.md"}}
<!-- results in: true -->
math
{{abs}}
Return the magnitude of a
.
Params
a
{Number}returns
{Number}
{{add}}
Return the sum of a
plus b
.
Params
a
{Number}b
{Number}returns
{Number}
{{avg}}
Returns the average of all numbers in the given array.
Params
array
{Array}: Array of numbers to add up.returns
{Number}
Example
{{avg "[1, 2, 3, 4, 5]"}}
<!-- results in: '3' -->
{{ceil}}
Get the Math.ceil()
of the given value.
Params
value
{Number}returns
{Number}
{{divide}}
Divide a
by b
Params
a
{Number}: numeratorb
{Number}: denominator
{{floor}}
Get the Math.floor()
of the given value.
Params
value
{Number}returns
{Number}
{{minus}}
Return the difference of a
minus b
.
Params
a
{Number}b
{Number}
{{modulo}}
Get the remainder of a division operation.
Params
a
{Number}b
{Number}returns
{Number}
{{multiply}}
Return the product of a
times b
.
Params
a
{Number}: factorb
{Number}: multiplierreturns
{Number}
{{plus}}
Add a
by b
.
Params
a
{Number}: factorb
{Number}: multiplier
{{random}}
Generate a random number between two values
Params
min
{Number}max
{Number}returns
{String}
{{remainder}}
Get the remainder when a
is divided by b
.
Params
a
{Number}: ab
{Number}: b
{{round}}
Round the given number.
Params
number
{Number}returns
{Number}
{{subtract}}
Return the product of a
minus b
.
Params
a
{Number}b
{Number}returns
{Number}
{{sum}}
Returns the sum of all numbers in the given array.
Params
array
{Array}: Array of numbers to add up.returns
{Number}
Example
{{sum "[1, 2, 3, 4, 5]"}}
<!-- results in: '15' -->
{{times}}
Multiply number a
by number b
.
Params
a
{Number}: factorb
{Number}: multiplierreturns
{Number}
misc
{{option}}
Return the given value of prop
from this.options
.
Params
prop
{String}returns
{any}
Example
<!-- context = {options: {a: {b: {c: 'ddd'}}}} -->
{{option "a.b.c"}}
<!-- results => `ddd` -->
{{noop}}
Block helper that renders the block without taking any arguments.
Params
options
{Object}returns
{String}
{{typeOf}}
Get the native type of the given value
Params
value
{any}returns
{String}: Returns the type of value.
Example
{{typeOf 1}}
//=> 'number'
{{typeOf "1"}}
//=> 'string'
{{typeOf "foo"}}
//=> 'string'
{{withHash}}
Block helper that builds the context for the block from the options hash.
Params
options
{Object}: Handlebars provided options object.
number
{{bytes}}
Format a number to it's equivalent in bytes. If a string is passed, it's length will be formatted and returned.
Examples:
'foo' => 3 B
13661855 => 13.66 MB
825399 => 825.39 kB
1396 => 1.4 kB
Params
number
{Number|String}returns
{String}
{{addCommas}}
Add commas to numbers
Params
num
{Number}returns
{Number}
{{phoneNumber}}
Convert a string or number to a formatted phone number.
Params
num
{Number|String}: The phone number to format, e.g.8005551212
returns
{Number}: Formatted phone number:(800) 555-1212
{{toAbbr}}
Abbreviate numbers to the given number of precision
. This is for
general numbers, not size in bytes.
Params
number
{Number}precision
{Number}returns
{String}
{{toExponential}}
Returns a string representing the given number in exponential notation.
Params
number
{Number}fractionDigits
{Number}: Optional. An integer specifying the number of digits to use after the decimal point. Defaults to as many digits as necessary to specify the number.returns
{Number}
Example
{{toExponential number digits}};
{{toFixed}}
Formats the given number using fixed-point notation.
Params
number
{Number}digits
{Number}: (Optional) The number of digits to appear after the decimal point; this may be a value between 0 and 20. If this argument is omitted, it is treated as 0.returns
{String}: A string representing the given number using fixed-point notation.
Example
{{toFixed "1.1234" 2}}
//=> '1.12'
{{toFloat}}
Params
number
{Number}returns
{Number}
{{toInt}}
Params
number
{Number}returns
{Number}
{{toPrecision}}
Returns a string representing the Number
object to the specified precision.
Params
number
{Number}precision
{Number}: (Optional) An integer specifying the number of significant digits. If precison is not between 1 and 100 (inclusive), it will be coerced to0
.returns
{String}: A string representing a Number object in fixed-point or exponential notation rounded to precision significant digits.
Example
{{toPrecision "1.1234" 2}}
//=> '1.1'
object
{{extend}}
Extend the context with the properties of other objects. A shallow merge is performed to avoid mutating the context.
Params
objects
{Object}: One or more objects to extend.returns
{Object}
{{forIn}}
Block helper that iterates over the properties of an object, exposing each key and value on the context.
Params
context
{Object}options
{Object}returns
{String}
{{forOwn}}
Block helper that iterates over the own properties of an object, exposing each key and value on the context.
Params
obj
{Object}: The object to iterate over.options
{Object}returns
{String}
{{toPath}}
Take arguments and, if they are string or number, convert them to a dot-delineated object property path.
Params
prop
{String|Number}: The property segments to assemble (can be multiple).returns
{String}
{{get}}
Use property paths (a.b.c
) to get a value or nested value from
the context. Works as a regular helper or block helper.
Params
prop
{String}: The property to get, optionally using dot notation for nested properties.context
{Object}: The context objectoptions
{Object}: The handlebars options object, if used as a block helper.returns
{String}
{{getObject}}
Use property paths (a.b.c
) to get an object from
the context. Differs from the get
helper in that this
helper will return the actual object, including the
given property key. Also, this helper does not work as a
block helper.
Params
prop
{String}: The property to get, optionally using dot notation for nested properties.context
{Object}: The context objectreturns
{String}
{{hasOwn}}
Return true if key
is an own, enumerable property of the given context
object.
Params
key
{String}context
{Object}: The context object.returns
{Boolean}
Example
{{hasOwn context key}}
{{isObject}}
Return true if value
is an object.
Params
value
{String}returns
{Boolean}
Example
{{isObject "foo"}}
//=> false
{{JSONparse}}
Parses the given string using JSON.parse
.
Params
string
{String}: The string to parse
Example
<!-- string: '{"foo": "bar"}' -->
{{JSONparse string}}
<!-- results in: { foo: 'bar' } -->
{{JSONstringify}}
Stringify an object using JSON.stringify
.
Params
obj
{Object}: Object to stringifyreturns
{String}
Example
<!-- object: { foo: 'bar' } -->
{{JSONstringify object}}
<!-- results in: '{"foo": "bar"}' -->
{{merge}}
Deeply merge the properties of the given objects
with the
context object.
Params
object
{Object}: The target object. Pass an empty object to shallow clone.objects
{Object}returns
{Object}
{{pick}}
Pick properties from the context object.
Params
properties
{Array|String}: One or more properties to pick.context
{Object}options
{Object}: Handlebars options object.returns
{Object}: Returns an object with the picked values. If used as a block helper, the values are passed as context to the inner block. If no values are found, the context is passed to the inverse block.
path
{{absolute}}
Get the directory path segment from the given filepath
.
Params
ext
{String}returns
{String}
Example
{{absolute "docs/toc.md"}}
<!-- results in: 'docs' -->
{{dirname}}
Get the directory path segment from the given filepath
.
Params
ext
{String}returns
{String}
Example
{{dirname "docs/toc.md"}}
<!-- results in: 'docs' -->
{{relative}}
Get the relative filepath from a
to b
.
Params
a
{String}b
{String}returns
{String}
Example
{{relative a b}}
{{basename}}
Get the file extension from the given filepath
.
Params
ext
{String}returns
{String}
Example
{{basename "docs/toc.md"}}
<!-- results in: 'toc.md' -->
{{stem}}
Get the "stem" from the given filepath
.
Params
filepath
{String}returns
{String}
Example
{{stem "docs/toc.md"}}
<!-- results in: 'toc' -->
{{extname}}
Get the file extension from the given filepath
.
Params
filepath
{String}- `retur