Skip to content

alehander92/ast_diff

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#ast_diff

A tool for visualization of diffs between javascript source syntax trees

early stage

an image of a visualized syntax tree diff

what is this

Currently you can compare two versions of a single function, and see a visualization of a syntax tree containing the removed nodes, the added nodes and the nodes that remained the same.

technologies

It uses esprima for parsing javascript source, Treant and raphael.js for drawing the tree, codemirror for highlighting the code, lodash and jquery for some common functionallity.

todo(one day when I have more time)

  • Improve visualization for different kinds of nodes
  • Improve diff algorithm, find nodes moving up and down the tree
  • Add tests
  • Move the diff code to a library

License

MIT License, Alexander Ivanov, 2015

About

a tool for visualizing javascript syntax diffs

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published