Skip to content

syntax-tree/hastscript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

hastscript Build Status Coverage Status

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.

Contribute

See contribute.md in syntax-tree/hast for ways to get started.

This organisation has a Code of Conduct. By interacting with this repository, organisation, or community you agree to abide by its terms.

License

MIT © Titus Wormer

About

utility to create hast trees

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Contributors 7