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._ |
---|