1. 35
  1. 12

    For people like me:

    tylr is a tiny interactive exposition of tile-based editing, a new kind of structure editing that, like text, supports linear token-level editing workflows but, unlike text, ensures your manipulated tokens can always be parsed back into a valid syntax tree.


    1. 3



      Wish this was visible on Android. Even rotating sideways cuts off past the margin.

      1. 1

        Doesn’t work on iOS either

      2. 2

        The little UX flourishes (like the tab-stop bar, the color coordination, fading words in the action menu, parens matching, nothing is ever hidden from the user) are what makes this such a joy to play with. Easily stands out from everything else in our current era of bland, design-by-committee user interfaces.

        1. 2

          I like it. Here’s how I would develop it further:

          1. Large expressions are automatically wrapped (at token/tile boundaries) across multiple lines, to fit the amount of horizontal space in the window. Like word wrapping in a word processor.
          2. You can select and copy an expression fragment as text into the clipboard. Or paste text from the clipboard.
          3. Whatever text gets copied into the clipboard, you can type that text verbatim on the keyboard to reproduce the expression in the tylr UI. So you can explicitly type the ‘)’ character that ends a parenthesized subexpression, for example, instead of pressing the right-arrow key to skip over the ‘)’ that was inserted for you.
          1. 1

            This would be a fun/helpful way to look at Lojban text.