8.7 KiB
snapdragon
Fast, pluggable and easy-to-use parser-renderer factory.
Install
Install with npm:
$ npm install --save snapdragon
Created by jonschlinkert and doowb.
Features
- Bootstrap your own parser, get sourcemap support for free
- All parsing and compiling is handled by simple, reusable middleware functions
- Inspired by the parsers in pug and css.
History
v0.5.0
Breaking changes
Substantial breaking changes were made in v0.5.0! Most of these changes are part of a larger refactor that will be finished in 0.6.0, including the introduction of a Lexer
class.
- Renderer was renamed to
Compiler
- the
.render
method was renamed to.compile
- Many other smaller changes. A more detailed overview will be provided in 0.6.0. If you don't have to time review code, I recommend you wait for the 0.6.0 release.
Usage examples
var Snapdragon = require('snapdragon');
var snapdragon = new Snapdragon();
Parse
var ast = snapdragon.parser('some string', options)
// parser middleware that can be called by other middleware
.set('foo', function () {})
// parser middleware, runs immediately in the order defined
.use(bar())
.use(baz())
Render
// pass the `ast` from the parse method
var res = snapdragon.compiler(ast)
// compiler middleware, called when the name of the middleware
// matches the `node.type` (defined in a parser middleware)
.set('bar', function () {})
.set('baz', function () {})
.compile()
See the examples.
Getting started
Parsers
Parsers are middleware functions used for parsing a string into an ast node.
var ast = snapdragon.parser(str, options)
.use(function() {
var pos = this.position();
var m = this.match(/^\./);
if (!m) return;
return pos({
// `type` specifies the compiler to use
type: 'dot',
val: m[0]
});
})
AST node
When the parser finds a match, pos()
is called, pushing a token for that node onto the ast that looks something like:
{ type: 'dot',
val: '.',
position:
{ start: { lineno: 1, column: 1 },
end: { lineno: 1, column: 2 } }}
Renderers
Renderers are named middleware functions that visit over an array of ast nodes to compile a string.
var res = snapdragon.compiler(ast)
.set('dot', function (node) {
console.log(node.val)
//=> '.'
return this.emit(node.val);
})
Source maps
If you want source map support, make sure to emit the position as well.
var res = snapdragon.compiler(ast)
.set('dot', function (node) {
return this.emit(node.val, node.position);
})
Docs
Parser middleware
A parser middleware is a function that returns an abject called a token
. This token is pushed onto the AST as a node.
Example token
{ type: 'dot',
val: '.',
position:
{ start: { lineno: 1, column: 1 },
end: { lineno: 1, column: 2 } }}
Example parser middleware
Match a single .
in a string:
- Get the starting position by calling
this.position()
- pass a regex for matching a single dot to the
.match
method - if no match is found, return
undefined
- if a match is found,
pos()
is called, which returns a token with:
type
: the name of the [compiler] to useval
: The actual value captured by the regex. In this case, a.
. Note that you can capture and return whatever will be needed by the corresponding [compiler].- The ending position: automatically calculated by adding the length of the first capture group to the starting position.
Renderer middleware
Renderers are run when the name of the compiler middleware matches the type
defined on an ast node
(which is defined in a parser).
Example
Exercise: Parse a dot, then compile it as an escaped dot.
var ast = snapdragon.parser('.')
.use(function () {
var pos = this.position();
var m = this.match(/^\./);
if (!m) return;
return pos({
// define the `type` of compiler to use
type: 'dot',
val: m[0]
})
})
var result = snapdragon.compiler(ast)
.set('dot', function (node) {
return this.emit('\\' + node.val);
})
.compile()
console.log(result.output);
//=> '\.'
API
Parser
Create a new Parser
with the given input
and options
.
Params
input
{String}options
{Object}
.define
Define a non-enumberable property on the Parser
instance.
Example
parser.define('foo', 'bar');
Params
key
{String}: propery nameval
{any}: property valuereturns
{Object}: Returns the Parser instance for chaining.
Set parser name
with the given fn
Params
name
{String}fn
{Function}
Get parser name
Params
name
{String}
Push a token
onto the type
stack.
Params
type
{String}returns
{Object}token
Pop a token off of the type
stack
Params
type
{String}returns
{Object}: Returns a token
Return true if inside a stack
node. Types are braces
, parens
or brackets
.
Params
type
{String}returns
{Boolean}
Example
parser.isType(node, 'brace');
Params
node
{Object}type
{String}returns
{Boolean}
.define
Define a non-enumberable property on the Compiler
instance.
Example
compiler.define('foo', 'bar');
Params
key
{String}: propery nameval
{any}: property valuereturns
{Object}: Returns the Compiler instance for chaining.
About
Related projects
- braces: Fastest brace expansion for node.js, with the most complete support for the Bash 4.3 braces… more | homepage
- expand-brackets: Expand POSIX bracket expressions (character classes) in glob patterns. | homepage
- extglob: Convert extended globs to regex-compatible strings. Add (almost) the expressive power of regular expressions to… more | homepage
- micromatch: Glob matching for javascript/node.js. A drop-in replacement and faster alternative to minimatch and multimatch. | homepage
Contributing
Pull requests and stars are always welcome. For bugs and feature requests, please create an issue.
Contributors
Commits | Contributor |
---|---|
106 | jonschlinkert |
2 | doowb |
Building docs
(This document was generated by verb-generate-readme (a verb generator), please don't edit the readme directly. Any changes to the readme must be made in .verb.md.)
To generate the readme and API documentation with verb:
$ npm install -g verb verb-generate-readme && verb
Running tests
Install dev dependencies:
$ npm install -d && npm test
Author
Jon Schlinkert
License
Copyright © 2016, Jon Schlinkert. Released under the MIT license.
This file was generated by verb-generate-readme, v0.1.31, on October 10, 2016.