Documentation Playgrounds With Module Imports Support
summary
Walks through building live code-sandboxes embedded in Markdown for the RescUI library, with a concrete pipeline: a Markdown parser extracts example blocks and their import statements, a dependency extractor lists external packages, a resolver bundles or fetches those packages on demand, and a frontend runtime executes editable examples in the browser. Demo shows editable examples rendering instantly; tradeoffs include runtime bundle size, CORS and remote package resolution quirks, and some unsupported import patterns. module imports support
AI-written summary · about
chapters (10)
- 0:00Introduction
- 5:05Plan overview
- 6:10Parsing Markdown and examples
- 7:12Extracting dependencies
- 9:31Resolving dependencies
- 12:38Frontend part
- 13:08Demo
- 15:46Brief summary
- 16:33Limitations
- 17:05Conclusion
related talks
27mREPL/Playground, Let's do it Live!
32mFeedback and the REPL
41mCode in Content: Using Dynamic, Interactive Elements in your Technical Writing
56mComponents and Modules
19mModule Frontiers
34mTowards a simpler JavaScript ecosystem
33mBuilding a Browser Based Code Editor
28mI've Fallen Into a Large Codebase and I Can't Get Up!