Notes on Structured Editors

README.md

Blog 2019/3/9

<- previous | index | next ->

Notes on Structured Editors

To the googles

Terms to search for:

• structured editor
• semantic editor / editing
• direct manipulation

Links

"StructuredEditors" tag on del.icio.us by Kirill Osenkov

• https://del.icio.us/kirillosenkov/StructuredEditors
• thanks kirill https://twitter.com/KirillOsenkov/status/1104256285346689029

"Gallery of programming UIs" Jonathan Edwards

• https://alarmingdevelopment.org/?p=1068
• https://docs.google.com/presentation/d/1MD-CgzODFWzdpnYXr8bEgysfDmb8PDV6iCAjH5JIvaI/edit#slide=id.g1da0625f1b_0_56
• thanks kirill https://twitter.com/KirillOsenkov/status/1104256473444446210

"Inspiring a future clojure editor with forgotten lisp UX" Shaun Lebron

• https://www.youtube.com/watch?v=K0Tsa3smr1w

From the folks at http://pl.cs.uchicago.edu/

"Deuce: A Lightweight UI for Structured Editing"

• https://www.youtube.com/watch?v=wU17sNGs_qA
• https://arxiv.org/pdf/1707.00015.pdf

Sketch-n-sketch

• https://ravichugh.github.io/sketch-n-sketch/
• https://www.youtube.com/watch?v=YuGVC8VqXz0

"Structured editing for Elm in Elm"

• https://www.youtube.com/watch?v=-TFL6E1uSHE

"SVG Progrmming by direct manipulation of intermediates"

• https://www.youtube.com/watch?v=9JcKnJyufD8

more links to follow-up on, mentioned in the above:

Unisonweb work on semantic editors

• http://unisonweb.org/2015-10-14/fluent-editing.html
• http://unisonweb.org/2016-03-16/semantic-vs-text.html
• thanks tom https://twitter.com/browgrammer/status/1100090145661964288

Papers / Theses

"The ABC structure editor" Lambert Meertens, Steven Pemberton, Guido Van Rossum

• https://www.researchgate.net/publication/240893732_The_ABC_Structure_Editor
• thanks jared https://twitter.com/jaredforsyth/status/1104249311737462784

"Designing, implementing and integrating a structured C# code editor" Kirill Osenkov

• http://www.osenkov.com/diplom/KirillOsenkovDiplom.pdf
• thanks jared https://twitter.com/jaredforsyth/status/1104219113046437888

"Improving usability of refactoring tools" Emerson Murphy-Hill

• https://src.acm.org/binaries/content/assets/src/2007/emerson-murphy-hill.pdf

"Breaking the barriers to successful refactoring" Emerson Murphy-Hill, Andrew Black

• https://www.computer.org/csdl/proceedings-article/icse/2008/04814153/12OmNwBBqbm

"Drag-and-drop refactoring: intuitive program transformation" Yun Young Lee, Nicholas Chen, Ralph Johnson

• http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.225.940&rep=rep1&type=pdf

"Speaking for the trees: a new (old) approach to languages and syntax" Moss Prescott

• http://ecee.colorado.edu/~siek/moss_msthesis.pdf
• thanks jared https://twitter.com/jaredforsyth/status/1103895010200567809

Related iOS apps

Hopscotch

• https://www.gethopscotch.com/about/
• https://samanthajohn.com/2019/01/29/weak-arrays

Jayson

• https://jayson.app/

Implementation resources

"Retained mode vs immediate mode"

• https://docs.microsoft.com/en-us/windows/desktop/learnwin32/retained-mode-versus-immediate-mode

OpenGL / Immediate-mode GUI toolkits

Dear ImGui (Immediate mode)

• https://github.com/ocornut/imgui

NanoGUI

• https://github.com/wjakob/nanogui

Retained mode GUI toolkits

Qt (QPainter, QPixmap, etc)

• https://doc.qt.io/qt-5/qpainter.html

Rendering libraries

bgfx

• https://github.com/bkaradzic/bgfx

for HTML5 Canvas

zebkit

• https://github.com/barmalei/zebkit

fabric.js

• http://fabricjs.com/kitchensink

Shameless plug

I'm hacking on my own structured editor!

• part 1
• part 2
• part 3
• part 4
• part 5

twitter thread

• https://twitter.com/cellularmitosis/status/1099402027237548033