examples

ECSSTree examples

This project contains examples of how to use the ECSSTree library. Our examples are written in TypeScript and are located in the src directory. Each example is a separate TypeScript file. Source codes are well commented and should be self-explanatory.

ECSSTree uses EXACTLY the same AST as the CSSTree, so you can use the CSSTree documentation to learn more about the API, AST structure, etc.

Running examples

• Install dependencies by running npm i or yarn (depending on your package manager).
• Run npx ts-node-esm src/{example-name}.ts or yarn ts-node-esm src/{example-name}.ts to run the specific example. For example, to run the parsing-selectors example, run npx ts-node-esm src/parsing-selectors.ts / yarn ts-node-esm src/parsing-selectors.ts. ts-node makes it possible to run TypeScript files directly, same as node does with JavaScript files.

List of examples

Here is a list of currently available examples:

• parsing-selectors:
  • Selector parsing example
  • Converting AST to plain object and back
  • Generating CSS from AST (serializing)
• validate-regexp:
  • Parsing selectors, then validating parameters of :contains pseudo-class with the regexpp library to check if a valid regular expression is used as a parameter
• validate-xpath
  • Parsing selectors, then validating parameters of :xpath pseudo-class with the xpath library to check if a valid XPath expression is used as a parameter