kt

kiss-tpl

lightweight, simple and powerful javascript template engine

Showing:

Popularity

Downloads/wk

1

GitHub Stars

2

Maintenance

Last Commit

5yrs ago

Contributors

1

Package

Dependencies

0

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

kiss-tpl 💋

lightweight, simple and powerful javascript template engine

verry simple template engine use ES6 - Template literals to render all type of pain text (HTML, json, email, code generater etc.)

Features

  • ✅ nodejs support.
  • ✅ browsers support.
  • ✅ well tested.
  • ✅ supper lightweight.
  • ✅ supper easy.
  • ✅ powerful.
  • ✅ have every things that a template engine need.
  • ❌ no dependentce required.
  • ❌ no extra options.
  • ❌ nothing to learn.

Install

you can install from npm by:

npm install kiss-tpl --save

or from github:

git clone https://github.com/minhlucvan/kiss-tpl.git

usage

Just like template literals, no it's template literals.

    
    import kiss from 'kiss-tpl';

    let context = {thing: "world" }; 
    let tpl = ctx => kiss`hello ${ctx.thing}`;

    console.log(tpl(context)); // hello world

pretty easy right!

let me show you something cool

conditional blocks

there is no if - else here but you can do this instead.


    let context = {isFine: true }; 
    let tpl = ctx => kiss`
        A: hello, how are you today?
        B: hi, ${ctx.isFine ? "oh, I'm fine thank you." : "oh, I feel not verry good."}.
    `;

es6 is amazing.

array render

of course there is no for, but you can use map


    let context = {frieds: ["Bob", "julia", "Ren", "Samath"] }; 
    let tpl = ctx => kiss`
        I have many friends like ${ctx.frieds.map((friend) => fried + 'y';)}
    `;

let put some function

you can also put a function callback like this.


    function plus( one, other ){
        return one + other;
    }

    let context = {one: 3, other: 1 }; 
    let tpl = ctx => kiss`
        ${ctx.one} + ${ctx.other} = ${plus(ctx.one, ctx.other)} 
    `;

thank for reading and happy coding.

license

MIT

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
Minh Luc VanDanang - Vietnam5 Ratings0 Reviews
🐽 🔇 💻 📚 👽 🎶 💭 📝
1 year ago

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial