hastscript

Hyperscript (and virtual-hyperscript) compatible DSL for creating virtual HAST trees.

Installation

npm:

npm install hastscript

Usage

var h = require('hastscript');

var tree = h('.foo#some-id', [
  h('span', 'some text'),
  h('input', {type: 'text', value: 'foo'}),
  h('a.alpha', {
    class: 'bravo charlie',
    download: 'download'
  }, ['delta', 'echo'])
]);

Yields:

{ type: 'element',
  tagName: 'div',
  properties: { id: 'some-id', className: [ 'foo' ] },
  children:
   [ { type: 'element',
       tagName: 'span',
       properties: {},
       children: [ { type: 'text', value: 'some text' } ] },
     { type: 'element',
       tagName: 'input',
       properties: { type: 'text', value: 'foo' },
       children: [] },
     { type: 'element',
       tagName: 'a',
       properties: { className: [ 'alpha', 'bravo', 'charlie' ], download: true },
       children:
        [ { type: 'text', value: 'delta' },
          { type: 'text', value: 'echo' } ] } ] }

API

h(selector?[, properties][, children])

DSL for creating virtual HAST trees.

Parameters

selector

Simple CSS selector (string, optional). Can contain a tag name (foo), IDs (#bar), and classes (.baz), defaults to a div element.

properties

Map of properties (Object.<string, *>, optional).

children

(List of) child nodes (string, Node, Array.<string|Node>, optional). When strings are encountered, they are normalised to text nodes.

Returns

Element.

License

MIT © Titus Wormer