Abusing Preprocessor ASTs

on YouTube ↗27m

" summary

Claims that preprocessor ASTs let code-level edits replace fragile regex hacks: actually modifies AST nodes to add global !important, or to remove !important rules by deleting rule nodes; extracts every variable and counts where each is used; exposes a JSON endpoint of variables→selectors via an Express/rework pipeline. Compilation is millisecond-fast but too slow for slider events so a demo builds a live theme builder without recompiling by injecting generated style blocks. The demo runs and reproduces those behaviors.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 2:08How Does Parsing Work
3. 11:04Reduce Your Preprocessor Ast into a Css Ast
4. 16:03Change Variables in Real Time

" related talks

• 43mMachine Powered Refactoring: Leverage AST's to Push Your Legacy Code (& the Web) ForwardAmal Hussein · Node+JS Interactive 2018
• 29mMy Little Parser: Tooling is MagicChris Dickinson · CascadiaJS 2013
• 20mThey see me refactorin'. They hatin'Vit Gottwald · ReactiveConf 2018
• 29mAST: the Secret Weapon to Transform a CodebaseSophia Wang · EmberConf 2020
• 31mAST à la Vista, BabyLeonardo Garcia Crespo · NodeConf Argentina 2017
• 47mComputer, refactor my code!Zbyszek Tenerowicz · GrillJS 2019
• 31mThe Different Transformation Stages of AOT CompilersEytan Manor · JSConf.Asia 2019
• 27mParsing, Compiling, and Static MetaprogrammingPatrick Dubroy · JSConf EU 2013