comps-autonode-addons

comps-autonode-addons

Comps addons for autonode's es6 template syntax.

Usage

Install:

npm install comps-autonode-addons --save

Set custom tag:

var comps = require('comps')
var compsAutonodeAddons = require('comps-autonode-addons')

compsAutonodeAddons(comps)

Syntax

• {% foreach $arr="items" $as="item" $index="i"%} {% /foreach %}

  Convert to items.map() syntax.

• {% foreach $obj="items" $as="item" $key="k" $index="i"%} {% /foreach %}

  Convert to Object.keys(items).map() syntax.

• {% if $is="condition" %} {% /if %}

  Convert to if (is) {return ''} syntax.

• {% if $is="condition" %} {% else /%} {% /if %}

  Convert to if (is) {return ''} else {return ''} syntax.

• {% if $is="condition" %} {% else $if="condition" /%} {% else /%} {% /if %}

  Convert to if (is) {return ''} else if (is) {return ''} else {return ''} syntax.

• {% component $id="xxx" with="value" /%}

  Convert to with(value) {} syntax.

• {% include $path="./xxx" with="value" /%}

  Convert to with(value) {} syntax.

• {% scope var1="expression" var2="expression" %} {% /scope %}

  Declare variables in that scope.

• {% function var1="expression" var2="expression" %} {% /function %}

  Create a function scope with specified variables.

  {% function isActive="curid === id" /%}
      if (isActive) {
          return `<div item="active"></div>`
      } else return `<div></div>`
  {% /function %}
  

• {%/ this is comment... /%}

  Comment syntax for comps.