[6a3a178] | 1 | # snapdragon [![NPM version](https://img.shields.io/npm/v/snapdragon.svg?style=flat)](https://www.npmjs.com/package/snapdragon) [![NPM downloads](https://img.shields.io/npm/dm/snapdragon.svg?style=flat)](https://npmjs.org/package/snapdragon) [![Build Status](https://img.shields.io/travis/jonschlinkert/snapdragon.svg?style=flat)](https://travis-ci.org/jonschlinkert/snapdragon)
|
---|
| 2 |
|
---|
| 3 | > Fast, pluggable and easy-to-use parser-renderer factory.
|
---|
| 4 |
|
---|
| 5 | ## Install
|
---|
| 6 |
|
---|
| 7 | Install with [npm](https://www.npmjs.com/):
|
---|
| 8 |
|
---|
| 9 | ```sh
|
---|
| 10 | $ npm install --save snapdragon
|
---|
| 11 | ```
|
---|
| 12 |
|
---|
| 13 | Created by [jonschlinkert](https://github.com/jonschlinkert) and [doowb](https://github.com/doowb).
|
---|
| 14 |
|
---|
| 15 | **Features**
|
---|
| 16 |
|
---|
| 17 | * Bootstrap your own parser, get sourcemap support for free
|
---|
| 18 | * All parsing and compiling is handled by simple, reusable middleware functions
|
---|
| 19 | * Inspired by the parsers in [pug](http://jade-lang.com) and [css](https://github.com/reworkcss/css).
|
---|
| 20 |
|
---|
| 21 | ## History
|
---|
| 22 |
|
---|
| 23 | ### v0.5.0
|
---|
| 24 |
|
---|
| 25 | **Breaking changes**
|
---|
| 26 |
|
---|
| 27 | 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.
|
---|
| 28 |
|
---|
| 29 | * Renderer was renamed to `Compiler`
|
---|
| 30 | * the `.render` method was renamed to `.compile`
|
---|
| 31 | * 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.
|
---|
| 32 |
|
---|
| 33 | ## Usage examples
|
---|
| 34 |
|
---|
| 35 | ```js
|
---|
| 36 | var Snapdragon = require('snapdragon');
|
---|
| 37 | var snapdragon = new Snapdragon();
|
---|
| 38 | ```
|
---|
| 39 |
|
---|
| 40 | **Parse**
|
---|
| 41 |
|
---|
| 42 | ```js
|
---|
| 43 | var ast = snapdragon.parser('some string', options)
|
---|
| 44 | // parser middleware that can be called by other middleware
|
---|
| 45 | .set('foo', function () {})
|
---|
| 46 | // parser middleware, runs immediately in the order defined
|
---|
| 47 | .use(bar())
|
---|
| 48 | .use(baz())
|
---|
| 49 | ```
|
---|
| 50 |
|
---|
| 51 | **Render**
|
---|
| 52 |
|
---|
| 53 | ```js
|
---|
| 54 | // pass the `ast` from the parse method
|
---|
| 55 | var res = snapdragon.compiler(ast)
|
---|
| 56 | // compiler middleware, called when the name of the middleware
|
---|
| 57 | // matches the `node.type` (defined in a parser middleware)
|
---|
| 58 | .set('bar', function () {})
|
---|
| 59 | .set('baz', function () {})
|
---|
| 60 | .compile()
|
---|
| 61 | ```
|
---|
| 62 |
|
---|
| 63 | See the [examples](./examples/).
|
---|
| 64 |
|
---|
| 65 | ## Getting started
|
---|
| 66 |
|
---|
| 67 | **Parsers**
|
---|
| 68 |
|
---|
| 69 | Parsers are middleware functions used for parsing a string into an ast node.
|
---|
| 70 |
|
---|
| 71 | ```js
|
---|
| 72 | var ast = snapdragon.parser(str, options)
|
---|
| 73 | .use(function() {
|
---|
| 74 | var pos = this.position();
|
---|
| 75 | var m = this.match(/^\./);
|
---|
| 76 | if (!m) return;
|
---|
| 77 | return pos({
|
---|
| 78 | // `type` specifies the compiler to use
|
---|
| 79 | type: 'dot',
|
---|
| 80 | val: m[0]
|
---|
| 81 | });
|
---|
| 82 | })
|
---|
| 83 | ```
|
---|
| 84 |
|
---|
| 85 | **AST node**
|
---|
| 86 |
|
---|
| 87 | When the parser finds a match, `pos()` is called, pushing a token for that node onto the ast that looks something like:
|
---|
| 88 |
|
---|
| 89 | ```js
|
---|
| 90 | { type: 'dot',
|
---|
| 91 | val: '.',
|
---|
| 92 | position:
|
---|
| 93 | { start: { lineno: 1, column: 1 },
|
---|
| 94 | end: { lineno: 1, column: 2 } }}
|
---|
| 95 | ```
|
---|
| 96 |
|
---|
| 97 | **Renderers**
|
---|
| 98 |
|
---|
| 99 | Renderers are _named_ middleware functions that visit over an array of ast nodes to compile a string.
|
---|
| 100 |
|
---|
| 101 | ```js
|
---|
| 102 | var res = snapdragon.compiler(ast)
|
---|
| 103 | .set('dot', function (node) {
|
---|
| 104 | console.log(node.val)
|
---|
| 105 | //=> '.'
|
---|
| 106 | return this.emit(node.val);
|
---|
| 107 | })
|
---|
| 108 | ```
|
---|
| 109 |
|
---|
| 110 | **Source maps**
|
---|
| 111 |
|
---|
| 112 | If you want source map support, make sure to emit the position as well.
|
---|
| 113 |
|
---|
| 114 | ```js
|
---|
| 115 | var res = snapdragon.compiler(ast)
|
---|
| 116 | .set('dot', function (node) {
|
---|
| 117 | return this.emit(node.val, node.position);
|
---|
| 118 | })
|
---|
| 119 | ```
|
---|
| 120 |
|
---|
| 121 | ## Docs
|
---|
| 122 |
|
---|
| 123 | ### Parser middleware
|
---|
| 124 |
|
---|
| 125 | A parser middleware is a function that returns an abject called a `token`. This token is pushed onto the AST as a node.
|
---|
| 126 |
|
---|
| 127 | **Example token**
|
---|
| 128 |
|
---|
| 129 | ```js
|
---|
| 130 | { type: 'dot',
|
---|
| 131 | val: '.',
|
---|
| 132 | position:
|
---|
| 133 | { start: { lineno: 1, column: 1 },
|
---|
| 134 | end: { lineno: 1, column: 2 } }}
|
---|
| 135 | ```
|
---|
| 136 |
|
---|
| 137 | **Example parser middleware**
|
---|
| 138 |
|
---|
| 139 | Match a single `.` in a string:
|
---|
| 140 |
|
---|
| 141 | 1. Get the starting position by calling `this.position()`
|
---|
| 142 | 2. pass a regex for matching a single dot to the `.match` method
|
---|
| 143 | 3. if **no match** is found, return `undefined`
|
---|
| 144 | 4. if a **match** is found, `pos()` is called, which returns a token with:
|
---|
| 145 | - `type`: the name of the [compiler] to use
|
---|
| 146 | - `val`: 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].
|
---|
| 147 | - The ending position: automatically calculated by adding the length of the first capture group to the starting position.
|
---|
| 148 |
|
---|
| 149 | ## Renderer middleware
|
---|
| 150 |
|
---|
| 151 | Renderers are run when the name of the compiler middleware matches the `type` defined on an ast `node` (which is defined in a parser).
|
---|
| 152 |
|
---|
| 153 | **Example**
|
---|
| 154 |
|
---|
| 155 | Exercise: Parse a dot, then compile it as an escaped dot.
|
---|
| 156 |
|
---|
| 157 | ```js
|
---|
| 158 | var ast = snapdragon.parser('.')
|
---|
| 159 | .use(function () {
|
---|
| 160 | var pos = this.position();
|
---|
| 161 | var m = this.match(/^\./);
|
---|
| 162 | if (!m) return;
|
---|
| 163 | return pos({
|
---|
| 164 | // define the `type` of compiler to use
|
---|
| 165 | type: 'dot',
|
---|
| 166 | val: m[0]
|
---|
| 167 | })
|
---|
| 168 | })
|
---|
| 169 |
|
---|
| 170 | var result = snapdragon.compiler(ast)
|
---|
| 171 | .set('dot', function (node) {
|
---|
| 172 | return this.emit('\\' + node.val);
|
---|
| 173 | })
|
---|
| 174 | .compile()
|
---|
| 175 |
|
---|
| 176 | console.log(result.output);
|
---|
| 177 | //=> '\.'
|
---|
| 178 | ```
|
---|
| 179 |
|
---|
| 180 | ## API
|
---|
| 181 |
|
---|
| 182 | ### [Parser](lib/parser.js#L19)
|
---|
| 183 |
|
---|
| 184 | Create a new `Parser` with the given `input` and `options`.
|
---|
| 185 |
|
---|
| 186 | **Params**
|
---|
| 187 |
|
---|
| 188 | * `input` **{String}**
|
---|
| 189 | * `options` **{Object}**
|
---|
| 190 |
|
---|
| 191 | ### [.define](lib/parser.js#L103)
|
---|
| 192 |
|
---|
| 193 | Define a non-enumberable property on the `Parser` instance.
|
---|
| 194 |
|
---|
| 195 | **Example**
|
---|
| 196 |
|
---|
| 197 | ```js
|
---|
| 198 | parser.define('foo', 'bar');
|
---|
| 199 | ```
|
---|
| 200 |
|
---|
| 201 | **Params**
|
---|
| 202 |
|
---|
| 203 | * `key` **{String}**: propery name
|
---|
| 204 | * `val` **{any}**: property value
|
---|
| 205 | * `returns` **{Object}**: Returns the Parser instance for chaining.
|
---|
| 206 |
|
---|
| 207 | Set parser `name` with the given `fn`
|
---|
| 208 |
|
---|
| 209 | **Params**
|
---|
| 210 |
|
---|
| 211 | * `name` **{String}**
|
---|
| 212 | * `fn` **{Function}**
|
---|
| 213 |
|
---|
| 214 | Get parser `name`
|
---|
| 215 |
|
---|
| 216 | **Params**
|
---|
| 217 |
|
---|
| 218 | * `name` **{String}**
|
---|
| 219 |
|
---|
| 220 | Push a `token` onto the `type` stack.
|
---|
| 221 |
|
---|
| 222 | **Params**
|
---|
| 223 |
|
---|
| 224 | * `type` **{String}**
|
---|
| 225 | * `returns` **{Object}** `token`
|
---|
| 226 |
|
---|
| 227 | Pop a token off of the `type` stack
|
---|
| 228 |
|
---|
| 229 | **Params**
|
---|
| 230 |
|
---|
| 231 | * `type` **{String}**
|
---|
| 232 | * `returns` **{Object}**: Returns a token
|
---|
| 233 |
|
---|
| 234 | Return true if inside a `stack` node. Types are `braces`, `parens` or `brackets`.
|
---|
| 235 |
|
---|
| 236 | **Params**
|
---|
| 237 |
|
---|
| 238 | * `type` **{String}**
|
---|
| 239 | * `returns` **{Boolean}**
|
---|
| 240 |
|
---|
| 241 | **Example**
|
---|
| 242 |
|
---|
| 243 | ```js
|
---|
| 244 | parser.isType(node, 'brace');
|
---|
| 245 | ```
|
---|
| 246 |
|
---|
| 247 | **Params**
|
---|
| 248 |
|
---|
| 249 | * `node` **{Object}**
|
---|
| 250 | * `type` **{String}**
|
---|
| 251 | * `returns` **{Boolean}**
|
---|
| 252 |
|
---|
| 253 | ### [.define](lib/compiler.js#L71)
|
---|
| 254 |
|
---|
| 255 | Define a non-enumberable property on the `Compiler` instance.
|
---|
| 256 |
|
---|
| 257 | **Example**
|
---|
| 258 |
|
---|
| 259 | ```js
|
---|
| 260 | compiler.define('foo', 'bar');
|
---|
| 261 | ```
|
---|
| 262 |
|
---|
| 263 | **Params**
|
---|
| 264 |
|
---|
| 265 | * `key` **{String}**: propery name
|
---|
| 266 | * `val` **{any}**: property value
|
---|
| 267 | * `returns` **{Object}**: Returns the Compiler instance for chaining.
|
---|
| 268 |
|
---|
| 269 | ## About
|
---|
| 270 |
|
---|
| 271 | ### Related projects
|
---|
| 272 |
|
---|
| 273 | * [braces](https://www.npmjs.com/package/braces): Fastest brace expansion for node.js, with the most complete support for the Bash 4.3 braces… [more](https://github.com/jonschlinkert/braces) | [homepage](https://github.com/jonschlinkert/braces "Fastest brace expansion for node.js, with the most complete support for the Bash 4.3 braces specification.")
|
---|
| 274 | * [expand-brackets](https://www.npmjs.com/package/expand-brackets): Expand POSIX bracket expressions (character classes) in glob patterns. | [homepage](https://github.com/jonschlinkert/expand-brackets "Expand POSIX bracket expressions (character classes) in glob patterns.")
|
---|
| 275 | * [extglob](https://www.npmjs.com/package/extglob): Convert extended globs to regex-compatible strings. Add (almost) the expressive power of regular expressions to… [more](https://github.com/jonschlinkert/extglob) | [homepage](https://github.com/jonschlinkert/extglob "Convert extended globs to regex-compatible strings. Add (almost) the expressive power of regular expressions to glob patterns.")
|
---|
| 276 | * [micromatch](https://www.npmjs.com/package/micromatch): Glob matching for javascript/node.js. A drop-in replacement and faster alternative to minimatch and multimatch. | [homepage](https://github.com/jonschlinkert/micromatch "Glob matching for javascript/node.js. A drop-in replacement and faster alternative to minimatch and multimatch.")
|
---|
| 277 |
|
---|
| 278 | ### Contributing
|
---|
| 279 |
|
---|
| 280 | Pull requests and stars are always welcome. For bugs and feature requests, [please create an issue](../../issues/new).
|
---|
| 281 |
|
---|
| 282 | ### Contributors
|
---|
| 283 |
|
---|
| 284 | | **Commits** | **Contributor**<br/> |
|
---|
| 285 | | --- | --- |
|
---|
| 286 | | 106 | [jonschlinkert](https://github.com/jonschlinkert) |
|
---|
| 287 | | 2 | [doowb](https://github.com/doowb) |
|
---|
| 288 |
|
---|
| 289 | ### Building docs
|
---|
| 290 |
|
---|
| 291 | _(This document was generated by [verb-generate-readme](https://github.com/verbose/verb-generate-readme) (a [verb](https://github.com/verbose/verb) generator), please don't edit the readme directly. Any changes to the readme must be made in [.verb.md](.verb.md).)_
|
---|
| 292 |
|
---|
| 293 | To generate the readme and API documentation with [verb](https://github.com/verbose/verb):
|
---|
| 294 |
|
---|
| 295 | ```sh
|
---|
| 296 | $ npm install -g verb verb-generate-readme && verb
|
---|
| 297 | ```
|
---|
| 298 |
|
---|
| 299 | ### Running tests
|
---|
| 300 |
|
---|
| 301 | Install dev dependencies:
|
---|
| 302 |
|
---|
| 303 | ```sh
|
---|
| 304 | $ npm install -d && npm test
|
---|
| 305 | ```
|
---|
| 306 |
|
---|
| 307 | ### Author
|
---|
| 308 |
|
---|
| 309 | **Jon Schlinkert**
|
---|
| 310 |
|
---|
| 311 | * [github/jonschlinkert](https://github.com/jonschlinkert)
|
---|
| 312 | * [twitter/jonschlinkert](http://twitter.com/jonschlinkert)
|
---|
| 313 |
|
---|
| 314 | ### License
|
---|
| 315 |
|
---|
| 316 | Copyright © 2016, [Jon Schlinkert](https://github.com/jonschlinkert).
|
---|
| 317 | Released under the [MIT license](https://github.com/jonschlinkert/snapdragon/blob/master/LICENSE).
|
---|
| 318 |
|
---|
| 319 | ***
|
---|
| 320 |
|
---|
| 321 | _This file was generated by [verb-generate-readme](https://github.com/verbose/verb-generate-readme), v0.1.31, on October 10, 2016._ |
---|