Home

Awesome

ceri-compiler

compiles template strings for ceriJS

Install

npm install --save-dev ceri-compiler

Usage

Usage: ceri-compiler [options] <file ...>

  Options:

    -h, --help          output usage information
    -V, --version       output the version number
    -o, --out [folder]  out
    -b, --bundle        make a bundle
    -w, --webpack       webpack config to use for bundle creation
    -v [version]        (required) compiler version to use

Example

ceri-compiler -b someComp.js

Features of template Strings

Version 1

// syntax
// template(version:Number or String, template: String)
template = template(1,"<div></div>")

// output
template = function(){return [this.el("div",{},[])]}

// using consolidate.js
template = template("pug.1","div")
<div class=someClass></div> <!-- simple attribute -->
<!-- directives -->
<div :class=nameOfVar></div> <!-- bind local scope variable to attribute -->
<div @click=nameOfFunction></div> <!-- bind local scope function to event -->
<div :click.toggle=nameOfVar></div> <!-- set modifier to binding -->
<div> <!-- use elemental directives to pass further options -->
  <@click=nameOfVar toggle>
</div> 

<div :class.expr=@nameOfVar></div> <!-- create a inline expression '@' is short for 'this.' -->

<div><slot></slot></div> <!-- define a slot -->
<div>Hello {{@greeted}}</div> <!-- create a inline expression -->

License

Copyright (c) 2017 Paul Pflugradt Licensed under the MIT license.