Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ceri-compiler

Package Overview
Dependencies
Maintainers
1
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ceri-compiler

compiles template strings for ceriJS

  • 1.1.4
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
3
increased by50%
Maintainers
1
Weekly downloads
 
Created
Source

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.

Keywords

FAQs

Package last updated on 07 Sep 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc