gulp-susli v0.0.2

gulp-susli

gulp plugin for susli template

Использование

gulp.src('./source/*.js')
  .pipe(susli())
  .pipe('./build');
});

Данный плагин конвертирует шаблоны для susli в виде html в валидный js. Важно отметить несколько моментов:

• текст шаблона в html необходимо обернуть в (suslihtml:begin) и (suslihtml:end);
• для записи ссылки на ноду, необходимо использовать аттрибут reference, например reference="contentNode";
• для встаки нод из других шаблонов, можно выполнить js, обернув его в скобки.

Например, шаблон

var template = susli(
    (suslihtml:begin)
      <div class="header">
        <div class="header_nav"></div>
      </div>
      <div class="content" reference="contentNode">
        (susli.fragment(buildButton('add', 'add a value'))),
        (susli.fragment(buildButton('remove', 'remove a value')))
      </div>
    (suslihtml:end),
    function(references){
      references.contentNode.style.background = 'green';
    }
  );

будет преобразован в

var template = susli(
    susli.element("div", {"class":"header"}, [
      susli.element("div", {"class":"header_nav"}, [])
    ]),
    susli.element("div", {"class":"content"}, [
      (susli.fragment(buildButton('add', 'add a value'))),
      (susli.fragment(buildButton('remove', 'remove a value')))
    ], "contentNode"),
    function(references){
      references.contentNode.style.background = 'green';
    }
  );