pug-parser

Parsing Pug Templates

This feature allows you to parse a Pug template into an Abstract Syntax Tree (AST). The code sample demonstrates how to use the pug-parser along with pug-lexer to convert a simple Pug template into its AST representation.

const pugParser = require('pug-parser');
const lex = require('pug-lexer');

const template = 'p Hello, World!';
const tokens = lex(template);
const ast = pugParser(tokens);
console.log(JSON.stringify(ast, null, 2));

Custom AST Transformations

This feature allows you to perform custom transformations on the AST generated from a Pug template. The code sample shows how to add a class attribute to all 'p' tags in the AST.

const pugParser = require('pug-parser');
const lex = require('pug-lexer');

const template = 'p Hello, World!';
const tokens = lex(template);
let ast = pugParser(tokens);

// Custom transformation: Add a class to all 'p' tags
function transformAST(node) {
  if (node.type === 'Tag' && node.name === 'p') {
    node.attrs.push({ name: 'class', val: 'greeting', mustEscape: true });
  }
  if (node.block) {
    node.block.nodes.forEach(transformAST);
  }
}
transformAST(ast);
console.log(JSON.stringify(ast, null, 2));