Adding Interactive Visual Syntax to Textual Code
summary
Extends textual languages with reusable interactive-syntax extensions that embed runnable visual editors into source code; examples include a tree editor that uses four pattern diagrams plus a template to generate match patterns and expressions for red‑black balancing, and tile and board editors that generate literal data for Tsuro tests. Each extension has state, view, event handler and a code generator glued by define-interactive-syntax, runs at edit/compile/run time, and a working prototype on GitHub and a ClojureScript browser port.
AI-written summary · about
chapters (4)
related talks
49mDesign Tools Should Read and Write Code
21mA Picture worth a Thousand Programmes
12mBuilding a rich text editor with Svelte 5
19mBeyond Grids: Interactive Graphical Substrates to Structure Digital Layout
36mTechnical Challenges of Building a Visual IDE for React Components
31mCode Patterns for Pattern Making
24mRethinking Design Practices
29mDesign to Code: Roundtable discussion with Code Connect users