Your Own Language with Source Map Support in Half an Hour
summary
Explains how sourcemaps work and shows how to implement a custom programming language with sourcemap support in about thirty minutes. Covers practical techniques for transforming ASTs and wiring up source maps, intended for people new to ASTs and sourcemaps.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 3:15Language history
- 9:15Code generation & Source Maps
- 11:41Source Map challenges
- 17:41Source Map format
- 21:31Macros & debugging
- 27:12Browser limitations
- 29:19Format 3 & AST
- 34:59Jack 3 language
- 38:29Babel vs TypeScript
- 40:14Text Tree & Source Maps
- 42:40WebAssembly & DWARF
- 43:02IDE plugin
- 45:51DSL examples
- 47:35Simple startup DSL
- 50:47Custom language algorithm
- 52:51Convincing team
- 54:59Conclusion & Q&A
related talks
24mSource maps through the looking glass
30mA deep dive into Source Maps
12mSource maps for debugging
40mJavaScript Source Maps, can we do better?
33mEmbracing Black Magic: The Power of Code Transpilation
38mThe magical land of AST's with babel, eslint and codemods
01mSource map
26mMake Your Own Programming Language!