README.md

About

This repository contains code samples from the talks:

1. Parsing, Compiling, and Static Metaprogramming at JSConfEU 2013 by Patrick Dubroy.
   • You can find slides for the talk on Speaker Deck
2. Master the Art of the AST and Take Control of Your JS by Yonatan Mevorach.
   • Here are the slides
3. Talk on the same topic at Javascript Israel by Yonatan Mevorach

Talk Master the Art of the AST and Take Control of Your JS by Yonatan Mevorach

• See also the video Master the Art of the AST and Take Control of Your JS.
• Here is another version of the talk at Javascript Israel
• Here are the slides

ASTExplorer

• astexplorer.net demo

ESLint Piggyback example

• ESLint: Working with Plugins
• eslint-plugin-piggyback

Babel remove "debugger" example

• Babel plugin Remove debugger transform. This plugin removes all debugger; statements
• babel-plugin-transform-remove-debugger at GitHub

jscodeshift example

• codeshift at GitHub
• Write Code to Rewrite Your Code: jscodeshift
• jscodeshift example
• jscodeshift cpojer/js-codemod no-vars.js

Repositorios interesantes de cowchimp

• AST Scout is a tool for analyzing and visualizing the relationship between the public API of a Class\Module and its implementations details (e.g. private methods, dependencies used).
• A web tool to explore the ASTs generated by various parsers. https://astexplorer.net/
• A curated list of awesome AST resources

Talk Babel plugins: Writing code that writes code - SingaporeJS

• Babel plugins: Writing code that writes code - SingaporeJS
• Babel Handbook

Talk Parsing, Compiling, and Static Metaprogramming at JSConfEU 2013 by Patrick Dubroy.

Esprima Examples

• checkstyle.coffee and logging.coffee contain the original source code for the style checker and logging examples presented in the talk.
• checkstyle.js and logging.js are the slightly simplified JS versions that were shown in the talk.
• syntax-highlight.js is taken from the Esprima tutorial Chapter 3. Lexical Analysis (Tokenization)¶

PEG.js Example

altjs.coffee is the code for the "AltJS language in 5 minutes" section presented in the second half of the talk.

Extra Special Bonus!

idgrep.coffee (and idgrep.js) is another example of using Esprima to do static analysis on JavaScript code.

REPL example

> esprima = require('esprima')
{ parse: [Function: parse],
  parseModule: [Function: parseModule],
  parseScript: [Function: parseScript],
  tokenize: [Function: tokenize],
  Syntax: 
   { ... },
  version: '4.0.1' }

> esprima.tokenize('answer = 42', { range: true })
[ { type: 'Identifier', value: 'answer', range: [ 0, 6 ] },
  { type: 'Punctuator', value: '=', range: [ 7, 8 ] },
  { type: 'Numeric', value: '42', range: [ 9, 11 ] } ]

> esprima.parseScript('const answer = 42', { tokens: true })
Script {
  type: 'Program',
  body: 
   [ VariableDeclaration {
       type: 'VariableDeclaration',
       declarations: [Array],
       kind: 'const' } ],
  sourceType: 'script',
  tokens: 
   [ { type: 'Keyword', value: 'const' },
     { type: 'Identifier', value: 'answer' },
     { type: 'Punctuator', value: '=' },
     { type: 'Numeric', value: '42' } ] }

> inspect = require('util')
{ ... }

> console.log(util.inspect(esprima.parseScript('answer = 42'), {depth: null}))
Script {
  type: 'Program',
  body: 
   [ ExpressionStatement {
       type: 'ExpressionStatement',
       expression: 
        AssignmentExpression {
          type: 'AssignmentExpression',
          operator: '=',
          left: Identifier { type: 'Identifier', name: 'answer' },
          right: Literal { type: 'Literal', value: 42, raw: '42' } } } ],
  sourceType: 'script' }
undefined
>