The render command

Syntax

render <template> with (<arg list>)

where

Description

The render command implements a simple template language. This language has two rules:

The result of rendering the template will be stored in the result (or it) variable.

For example, if we want to render a list of colors:

<button
  _="on click
    render #color-template with (colors: getColors())
    then put it into #colors"
>
  Get the colors
</button>

Our template might look like this:

<template id="color-template">
  <ul>
    @repeat in colors
      @set bg to it
      @set fg to getContrastingColor(it)
      <li style="background: ${bg}; color: ${unescaped fg}">${bg}</li>
    @end
  </ul>
</template>