Visual statical analysis tool

on YouTube ↗16m

" summary

A concrete tool exists that starts from a CFG parser (too slow: jquery at 46k in 24 seconds) then switches to a handwritten tokenizer for linear performance. It gives syntax highlighting, variable lookup and scope depth, naive but working type inference and property resolution, dead‑code detection, jslint‑style warnings, a basic minifier and beautifier, and a parse‑tree viewer. The result installs as a bookmarklet that turns any textarea into the analyzer and mostly works in the browser.

AI-written summary · about

" chapters (13)

1. 0:00Intro
2. 0:42JavaScript parser
3. 1:08Regular expressions
4. 1:43Concrete parse tree
5. 3:00Salt problem
6. 3:20Tokenizer
7. 3:58Index highlighting
8. 4:38Carrots
9. 4:57Layout
10. 5:41Orientation
11. 6:53Insights
12. 7:32Properties
13. 8:04Tools

" related talks

• 27mSweet sixteen, but where are the tools?Peter van der Zee · JSConf EU 2011
• 29mMy Little Parser: Tooling is MagicChris Dickinson · CascadiaJS 2013
• 27mParsing, Compiling, and Static MetaprogrammingPatrick Dubroy · JSConf EU 2013
• 31mAdvanced JavaScript code search: Abstract Syntax Tree analysisMarco Ippolito · jsday 2024
• 26mJavaScript Tools at Scale Using Type InformationMark Knichel · JSConf EU 2014
• 31mAST à la Vista, BabyLeonardo Garcia Crespo · NodeConf Argentina 2017
• 39mTree-sitter - a new parsing system for programming toolsMax Brunsfeld · Strange Loop 2018
• 35mJavaScript/Web tooling now and tomorrowChristian Heilmann · JSWorld Conference 2021