npm

Need private packages and team management tools?Check out npm Orgs. »

carer

0.0.26 • Public • Published

Carer

Carer templating for Render frameworks such as HTML, React, React Native, Vue, etc


Setup:

Node:

const Decl = require('Carer')

Browser:

<script src='js/Carer.js' />
var Decl = Carer

Example use:

const template = {}
const appContext = {}

let decl = new Decl(template, appContext)
let output = decl.render()

Template Example:

{
  div: {
    someElement: {
      condition: function() { return true }, // Accepts Function, Boolean, or String, returns Boolean or String
      content: function() { return 'something' }, // Accepts Function, String, or Object, returns String or Object
      tag: 'h2', // optional tag string, can be used instead of tags property.
      tags: ['<h2>', '</h2>'], // optional tags, can be any valid HTML or framework syntax
      props: { class: 'someElCls' }, // optional object which adds properties to tag.
    }
  }
}

Optional Context Example:

{
  user: { // element name
    // props
    username: 'Levi',
    loggedIn: true,
    admin: false,
  }
}

Output Example:

<div><h1>Welcome Levi</h1></div>

TODOs:

  • More error checking
  • Element ID's
  • Data binding for elements
  • Events for data binding
  • References to other elements

License:

MIT

Keywords

none

install

npm i carer

Downloadsweekly downloads

15

version

0.0.26

license

ISC

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability