Handlebars | Avenue Help Center

What is Handlebars?

Handlebars is a templating language that Avenue uses to help users augment and enrich data. A handlebars expression is a {{ some contents, followed by a }}. When the template is executed, these expressions are replaced with values from an input object.

If you would like to know more about handlebars check out their website here.

There are currently two places where you can use handlebars in Avenue, in the signal view and for subscribers (see below for the complete list of all handlebar functions available for use).

Handlebars for Signal Titles & Bodies

Handlebars allow you to customize the information contained in your signals. For example let's say that you would like to interact with the a datapoint named firstName. The value of firstName in this example is "Henry".

Remove selected characters - {{remove firstName "ry"}}
Replace selected characters - {{replace firstName "y" "i"}}
Change all characters to uppercase - {{upcase firstName}}
Prepend a value - {{prepend firstName "Mr. "}}

You can take this a step further and add some conditional logic using handlebars. In the snippet below I am checking to see if firstName is Henry and printing different things based on the value returned:

{{#is firstName 'Henry'}}
Hi {{firstName}}
{{else}}
{{#isnt firstName 'Henry'}}
That's not Henry...
{{else}}
{{/isnt}}
{{/is}}

Here is what it would like when creating the monitor:

Here is what it prints out when the firstName value is "Justin":

Handlebars for Assignee & Subscribers

One of the most useful things you can do when using handlebars is to implement conditional routing to your Assignees or Subscribers. You would use a very similar syntax to the conditional statement in the example above. As an example let's pretend to be a cookie company, and we want chocolate chip related issues to be sent to Henry and peanut butter issues to be sent to Paul. Here is the syntax:

{{#is cookie_type 'Chocolate'}}[email protected]{{else}}{{#is issue_type 'Peanut butter'}}[email protected]{{else}}''{{/is}}{{/is}}

All you need to do here is drop this into the Assignee or Subscriber recipient field and click create:

Useful Handlebars

Adding currency symbols:
```
{{prepend VARIABLE "$"}}
```

Trimming long strings:
```
{{truncate VARIABLE CHARACTER_LENGTH}}
```

List of Available Handlebar Helpers

Array

after
arrayify
before
eachIndex
filter
first
forEach
inArray
isArray
itemAt
join
equalsLength
last
length
lengthEqual
map
pluck
reverse
some
sort
sortBy
withAfter
withBefore
withFirst
withGroup
withLast
withSort
unique

Returns all of the items in an array after the specified index. Opposite of before.

Params:

array {Array}: Collection
n {Number}: Starting index (number of items to exclude)
returns {Array}: Array excluding n items.

Example:

<!-- array: ['a', 'b', 'c'] -->
{{after array 1}}
<!-- results in: '["c"]' -->

Cast the given value to an array.

Params:

value {any}
returns {Array}

Example:

{{arrayify "foo"}}
<!-- results in: [ "foo" ] -->

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"]' -->

Params:

array {Array}
options {Object}
returns {String}

Example:

<!-- array: ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'] -->
{{#eachIndex array}}
  {{item}} is {{index}}
{{/eachIndex}}

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' -->

Returns the first item, or first n items of an array.

Params:

array {Array}
n {Number}: Number of items to return, starting at 0.
returns {Array}

Example:

{{first "['a', 'b', 'c', 'd', 'e']" 2}}
<!-- results in: '["a", "b"]' -->

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': '[email protected]'},
{'name': 'Malcolm', 'email': '[email protected]'},
{'name': 'David', 'email': '[email protected]'}
] -->

{{#forEach accounts}}
  <a href="mailto:{{ email }}" title="Send an email to {{ name }}">
    {{ name }}
  </a>{{#unless isLast}}, {{/unless}}
{{/forEach}}

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' -->

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 -->

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 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' -->

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}

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'] -->

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 -->

Alias for equalsLength

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"]' -->

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 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'] -->

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 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"]' -->

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"}]' -->

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" -->

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' -->

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' -->

Block helper that groups array elements by given group size.

Params:

array {Array}: The array to iterate over
size {Number}: The desired length of each array "group"
options {Object}: Handlebars options
returns {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> -->

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' -->

Block helper that sorts a collection and exposes the sorted collection as context inside the block.

Params:

array {Array}
prop {String}
options {Object}: Specify reverse="true" to reverse the array.
returns {String}

Example:

<!-- array: ['b', 'a', 'c'] -->
{{#withSort array}}{{this}}{{/withSort}}
<!-- results in: 'abc' -->

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' -->

Comparison

and
compare
contains
default
eq
gt
gte
has
isFalsey
isTruthy
ifEven
ifNth
ifOdd
is
isnt
lt
lte
neither
not
or
unlessEq
unlessGt
unlessLt
unlessGteq
unlessLteq

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 object
returns {String}

Example:

<!-- {great: true, magnificent: true} -->
{{#and great magnificent}}A{{else}}B{{/and}}
<!-- results in: 'A' -->

Render a block when a comparison of the first and third arguments returns true. The second argument is the arithmetic 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 object
returns {String}: Block, or if specified the inverse block is rendered if falsey.

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}}

Returns the first value that is not undefined, otherwise the "default" value is returned.

Params:

value {any}
defaultValue {any}
returns {String}

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 object
returns {String}: Block, or inverse block if specified and falsey.

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 object
returns {String}: Block, or inverse block if specified and falsey.

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 object
returns {String}: Block, or inverse block if specified and falsey.

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 object
returns {String}

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}

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}

Return true if the given value is an even number.

Params:

number {Number}
options {Object}: Handlebars provided options object
returns {String}: Block, or inverse block if specified and falsey.

Example:

{{#ifEven value}}
  render A
{{else}}
  render B
{{/ifEven}}

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 object
returns {String}: Block, or inverse block if specified and falsey.

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 object
returns {String}: Block, or inverse block if specified and falsey.

Example:

{{#ifOdd value}}
  render A
{{else}}
  render B
{{/ifOdd}}

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 object
returns {String}

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 object
returns {String}

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 object
returns {String}: Block, or inverse block if specified and falsey.

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 object
returns {String}: Block, or inverse block if specified and falsey.

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 object
returns {String}: Block, or inverse block if specified and falsey.

Returns true if val is falsey. Works as a block or inline helper.

Params:

val {String}
options {Object}: Handlebars provided options object
returns {String}

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:

arguments {...any}: Variable number of arguments
options {Object}: Handlebars options object
returns {String}: Block, or inverse block if specified and falsey.

Example:

{{#or a b c}}
  If any value is true this will be rendered.
{{/or}}

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 object
returns {String}: Inverse block by default, or block if falsey.

Block helper that always renders the inverse block unless a is is greater than b.

Params:

a {Object}: The default value
b {Object}: The value to compare
options {Object}: Handlebars provided options object
returns {String}: Inverse block by default, or block if falsey.

Block helper that always renders the inverse block unless a is is less than b.

Params:

a {Object}: The default value
b {Object}: The value to compare
options {Object}: Handlebars provided options object
returns {String}: Block, or inverse block if specified and falsey.

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 object
returns {String}: Block, or inverse block if specified and falsey.

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 object
returns {String}: Block, or inverse block if specified and falsey.

Date

year

Get the current year.

Example:

{{year}}
<!-- 2017 -->

Match

match
isMatch

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$")}}

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
add
avg
ceil
divide
floor
minus
modulo
multiply
plus
random
remainder
round
subtract
sum
times

Return the magnitude of a.

Params

a {Number}
returns {Number}

Return the sum of a plus b.

Params

a {Number}
b {Number}
returns {Number}

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' -->

Get the Math.ceil() of the given value.

Params

value {Number}
returns {Number}

Divide a by b

Params

a {Number}: numerator
b {Number}: denominator

Get the Math.floor() of the given value.

Params

value {Number}
returns {Number}

Return the difference of a minus b.

Params

a {Number}
b {Number}

Get the remainder of a division operation.

Params

a {Number}
b {Number}
returns {Number}

Return the product of a times b.

Params

a {Number}: factor
b {Number}: multiplier
returns {Number}

Add a by b.

Params

a {Number}: factor
b {Number}: multiplier

Generate a random number between two values

Params

min {Number}
max {Number}
returns {String}

Get the remainder when a is divided by b.

Params

a {Number}: a
b {Number}: b

Round the given number.

Params

number {Number}
returns {Number}

Return the product of a minus b.

Params

a {Number}
b {Number}
returns {Number}

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' -->

Multiply number a by number b.

Params

a {Number}: factor
b {Number}: multiplier
returns {Number}

Number

bytes
addCommas
phoneNumber
toAbbr
toExponential
toFixed
toFloat
toInt
toPrecision

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}

Add commas to numbers

Params

num {Number}
returns {Number}

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

Abbreviate numbers to the given number of precision. This is for general numbers, not size in bytes.

Params

number {Number}
precision {Number}
returns {String}

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}};

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'

Params

number {Number}
returns {Number}

Params

number {Number}
returns {Number}

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 to 0.
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
forIn
forOwn
toPath
get
getObject
hasOwn
isObject
JSONparse
JSONstringify
merge
pick

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}

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}

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}

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}

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 object
options {Object}: The handlebars options object, if used as a block helper.
returns {String}

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 object
returns {String}

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}}

Return true if value is an object.

Params

value {String}
returns {Boolean}

Example

{{isObject "foo"}} //=> false

Parses the given string using JSON.parse.

Params

string {String}: The string to parse

Example

<!-- string: '{"foo": "bar"}' --> {{JSONparse string}} <!-- results in: { foo: 'bar' } -->

Stringify an object using JSON.stringify.

Params

obj {Object}: Object to stringify
returns {String}

Example

<!-- object: { foo: 'bar' } --> {{JSONstringify object}} <!-- results in: '{"foo": "bar"}' -->

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 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.

Regex

toRegex
test

Convert the given string to a regular expression.

Params

str {String}
returns {RegExp}

Example

{{toRegex "foo"}} <!-- results in: /foo/ -->

Returns true if the given str matches the given regex. A regex can be passed on the context, or using the toRegex helper as a subexpression.

Params

str {String}
returns {RegExp}

Example

{{test "bar" (toRegex "foo")}} <!-- results in: false --> {{test "foobar" (toRegex "foo")}} <!-- results in: true --> {{test "foobar" (toRegex "^foo$")}} <!-- results in: false -->

String

append
camelcase
capitalize
capitalizeAll
center
chop
dashcase
dotcase
downcase
ellipsis
hyphenate
isString
lowercase
occurrences
pascalcase
pathcase
plusify
prepend
raw
remove
removeFirst
replace
replaceFirst
reverse
sentence
snakecase
split
startsWith
titleize
trim
trimLeft
trimRight
truncate
truncateWords
upcase
uppercase

Append the specified suffix to the given string.

Params

str {String}
suffix {String}
returns {String}

Example

<!-- given that "item.stem" is "foo" --> {{append item.stem ".html"}} <!-- results in: 'foo.html' -->

camelCase the characters in the given string.

Params

string {String}: The string to camelcase.
returns {String}

Example

{{camelcase "foo bar baz"}}; <!-- results in: 'fooBarBaz' -->

Capitalize the first word in a sentence.

Params

str {String}
returns {String}

Example

{{capitalize "foo bar baz"}} <!-- results in: "Foo bar baz" -->

Capitalize all words in a string.

Params

str {String}
returns {String}

Example

{{capitalizeAll "foo bar baz"}} <!-- results in: "Foo Bar Baz" -->

Center a string using non-breaking spaces

Params

str {String}
spaces {String}
returns {String}

Like trim, but removes both extraneous whitespace and non-word characters from the beginning and end of a string.

Params

string {String}: The string to chop.
returns {String}

Example

{{chop "_ABC_"}} <!-- results in: 'ABC' --> {{chop "-ABC-"}} <!-- results in: 'ABC' --> {{chop " ABC "}} <!-- results in: 'ABC' -->

dash-case the characters in string. Replaces non-word characters and periods with hyphens.

Params

string {String}
returns {String}

Example

{{dashcase "a-b-c d_e"}} <!-- results in: 'a-b-c-d-e' -->

dot.case the characters in string.

Params

string {String}
returns {String}

Example

{{dotcase "a-b-c d_e"}} <!-- results in: 'a.b.c.d.e' -->

Lowercase all of the characters in the given string. Alias for lowercase.

Params

string {String}
returns {String}

Example

{{downcase "aBcDeF"}} <!-- results in: 'abcdef' -->

Truncates a string to the specified length, and appends it with an elipsis, ….

Params

str {String}
length {Number}: The desired length of the returned string.
returns {String}: The truncated string.

Example

{{ellipsis (sanitize "<span>foo bar baz</span>"), 7}} <!-- results in: 'foo bar…' --> {{ellipsis "foo bar baz", 7}} <!-- results in: 'foo bar…' -->

Replace spaces in a string with hyphens.

Params

str {String}
returns {String}

Example

{{hyphenate "foo bar baz qux"}} <!-- results in: "foo-bar-baz-qux" -->

Return true if value is a string.

Params

value {String}
returns {Boolean}

Example

{{isString "foo"}} <!-- results in: 'true' -->

Lowercase all characters in the given string.

Params

str {String}
returns {String}

Example

{{lowercase "Foo BAR baZ"}} <!-- results in: 'foo bar baz' -->

Return the number of occurrences of substring within the given string.

Params

str {String}
substring {String}
returns {Number}: Number of occurrences

Example

{{occurrences "foo bar foo bar baz" "foo"}} <!-- results in: 2 -->

PascalCase the characters in string.

Params

string {String}
returns {String}

Example

{{pascalcase "foo bar baz"}} <!-- results in: 'FooBarBaz' -->

path/case the characters in string.

Params

string {String}
returns {String}

Example

{{pathcase "a-b-c d_e"}} <!-- results in: 'a/b/c/d/e' -->

Replace spaces in the given string with pluses.

Params

str {String}: The input string
returns {String}: Input string with spaces replaced by plus signs

Example

{{plusify "foo bar baz"}} <!-- results in: 'foo+bar+baz' -->

Prepends the given string with the specified prefix.

Params

str {String}
prefix {String}
returns {String}

Example

<!-- given that "val" is "bar" --> {{prepend val "foo-"}} <!-- results in: 'foo-bar' -->

Render a block without processing mustache templates inside the block.

Params

options {Object}
returns {String}

Example

{{{{#raw}}}} {{foo}} {{{{/raw}}}} <!-- results in: '{{foo}}' -->

Remove all occurrences of substring from the given str.

Params

str {String}
substring {String}
returns {String}

Example

{{remove "a b a b a b" "a "}} <!-- results in: 'b b b' -->

Remove the first occurrence of substring from the given str.

Params

str {String}
substring {String}
returns {String}

Example

{{remove "a b a b a b" "a"}} <!-- results in: ' b a b a b' -->

Replace all occurrences of substring a with substring b.

Params

str {String}
a {String}
b {String}
returns {String}

Example

{{replace "a b a b a b" "a" "z"}} <!-- results in: 'z b z b z b' -->

Replace the first occurrence of substring a with substring b.

Params

str {String}
a {String}
b {String}
returns {String}

Example

{{replace "a b a b a b" "a" "z"}} <!-- results in: 'z b a b a b' -->

Reverse a string.

Params

str {String}
returns {String}

Example

{{reverse "abcde"}} <!-- results in: 'edcba' -->

Sentence case the given string

Params

str {String}
returns {String}

Example

{{sentence "hello world. goodbye world."}} <!-- results in: 'Hello world. Goodbye world.' -->

snake_case the characters in the given string.

Params

string {String}
returns {String}

Example

{{snakecase "a-b-c d_e"}} <!-- results in: 'a_b_c_d_e' -->

Split string by the given character.

Params

string {String}: The string to split.
returns {String} character: Default is an empty string.

Example

{{split "a,b,c" ","}} <!-- results in: ['a', 'b', 'c'] -->

Tests whether a string begins with the given prefix.

Params

prefix {String}
testString {String}
options {String}
returns {String}

Example

{{#startsWith "Goodbye" "Hello, world!"}} Whoops {{else}} Bro, do you even hello world? {{/startsWith}}

Title case the given string.

Params

str {String}
returns {String}

Example

{{titleize "this is title case"}} <!-- results in: 'This Is Title Case' -->

Removes extraneous whitespace from the beginning and end of a string.

Params

string {String}: The string to trim.
returns {String}

Example

{{trim " ABC "}} <!-- results in: 'ABC' -->

Removes extraneous whitespace from the beginning of a string.

Params

string {String}: The string to trim.
returns {String}

Example

{{trim " ABC "}} <!-- results in: 'ABC ' -->

Removes extraneous whitespace from the end of a string.

Params

string {String}: The string to trim.
returns {String}

Example

{{trimRight " ABC "}} <!-- results in: ' ABC' -->

Truncate a string to the specified length. Also see ellipsis.

Params

str {String}
limit {Number}: The desired length of the returned string.
suffix {String}: Optionally supply a string to use as a suffix to denote when the string has been truncated. Otherwise an ellipsis (…) will be used.
returns {String}: The truncated string.

Example

truncate("foo bar baz", 7); <!-- results in: 'foo bar' --> truncate(sanitize("<span>foo bar baz</span>", 7)); <!-- results in: 'foo bar' -->

Truncate a string to have the specified number of words. Also see truncate.

Params

str {String}
limit {Number}: The desired length of the returned string.
suffix {String}: Optionally supply a string to use as a suffix to denote when the string has been truncated.
returns {String}: The truncated string.

Example

truncateWords("foo bar baz", 1); <!-- results in: 'foo…' --> truncateWords("foo bar baz", 2); <!-- results in: 'foo bar…' --> truncateWords("foo bar baz", 3); <!-- results in: 'foo bar baz' -->

Uppercase all of the characters in the given string. Alias for uppercase.

Params

string {String}
returns {String}

Example

{{upcase "aBcDeF"}} <!-- results in: 'ABCDEF' -->

Uppercase all of the characters in the given string. If used as a block helper it will uppercase the entire block. This helper does not support inverse blocks.

Params

str {String}: The string to uppercase
options {Object}: Handlebars options object
returns {String}

Example

{{uppercase "aBcDeF"}} <!-- results in: 'ABCDEF' -->

URL

encodeURI
escape
decodeURI
url_encode
url_decode
urlResolve
urlParse
stripQuerystring
stripProtocol

Encodes a Uniform Resource Identifier (URI) component by replacing each instance of certain characters by one, two, three, or four escape sequences representing the UTF-8 encoding of the character.

Params

str {String}: The un-encoded string
returns {String}: The endcoded string

Escape the given string by replacing characters with escape sequences. Useful for allowing the string to be used in a URL, etc.

Params

str {String}
returns {String}: Escaped string.

Decode a Uniform Resource Identifier (URI) component.

Params

str {String}
returns {String}

Alias for encodeURI.

Alias for decodeURI.

Take a base URL, and a href URL, and resolve them as a browser would for an anchor tag.

Params

base {String}
href {String}
returns {String}

Parses a url string into an object.

Params

str {String}: URL string
returns {String}: Returns stringified JSON

Strip the query string from the given url.

Params

url {String}
returns {String}: the url without the queryString

Strip protocol from a url. Useful for displaying media that may have an 'http' protocol on secure connections.

Params

str {String}
returns {String}: the url with http protocol stripped

Example

<!-- url = 'http://foo.bar' --> {{stripProtocol url}} <!-- results in: '//foo.bar' -->

⛑️ If you need any help or have any questions please contact support by email, or click on the button in the bottom right corner.

Escalation Policies

Markdown

Twilio

What is Handlebars?

Handlebars for Signal Titles & Bodies

Handlebars for Assignee & Subscribers

Useful Handlebars

List of Available Handlebar Helpers

Array

{{after}}

{{arrayify}}

{{before}}

{{eachIndex}}

{{filter}}

{{first}}

{{forEach}}

{{inArray}}

{{isArray}}

{{itemAt}}

{{join}}

{{equalsLength}}

{{last}}

{{length}}

{{lengthEqual}}

{{map}}

{{pluck}}

{{reverse}}

{{some}}

{{sort}}

{{sortBy}}

{{withAfter}}

{{withBefore}}

{{withFirst}}

{{withGroup}}

{{withLast}}

{{withSort}}

{{unique}}

Comparison

{{and}}

{{compare}}

{{contains}}

{{default}}

{{eq}}

{{gt}}

{{gte}}

{{has}}

{{isFalsey}}

{{isTruthy}}

{{ifEven}}

{{ifNth}}

{{ifOdd}}

{{is}}

{{isnt}}

{{lt}}

{{lte}}

{{neither}}

{{not}}

{{or}}

{{unlessEq}}

{{unlessGt}}

{{unlessLt}}

{{unlessGteq}}

{{unlessLteq}}

Date

{{year}}

Match

{{match}}

{{isMatch}}

Math

{{abs}}

{{add}}

{{avg}}

{{ceil}}

{{divide}}

{{floor}}

{{minus}}

{{modulo}}

{{multiply}}

{{plus}}

{{random}}

{{remainder}}

{{round}}

{{subtract}}