File name
Commit message
Commit date
jlchoi1932 2023-02-09 cbd1386 230209 최정임 노드 모듈 UNIX

snapdragon NPM version NPM downloads Build Status#

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:

  1. Get the starting position by calling this.position()
  2. pass a regex for matching a single dot to the .match method
  3. if no match is found, return undefined
  4. if a match is found, pos() is called, which returns a token with:
  • type: the name of the [compiler] to use
  • 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].
  • 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 name
  • val {any}: property value
  • returns {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 name
  • val {any}: property value
  • returns {Object}: Returns the Compiler instance for chaining.

About#

  • 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#

CommitsContributor
106jonschlinkert
2doowb

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.