Code

A field that holds code, coloured by its grammar. It ships with symfony-coding and not with the design system, which it only borrows from: its frame is a field's, its colours are the scheme's code tokens, its current line and its selection the scheme's nuances — so it follows the light and the dark face like everything around it.

Server field

A real textarea, laid over by the editor once the page runs. The textarea stays the field — posted with the form, spoken to by the form stack — so the form works the same with or without it. Select across several lines, the cursor line among them: the selection stays visible.

JSON

{
  "name": "board",
  "services": ["php", "node"],
  "watch": true,
  "port": 8080
}

YAML

# The services an app runs
name: board
services:
  - php
  - node
watch: true
port: 8080

Python

def total(runs):
    # Only the runs that ended count
    return sum(run.items for run in runs if run.done)

Twig

{% for run in runs %}
    <li>{{ run.title }} — {{ run.items }}</li>
{% endfor %}

Vue field

The same editor holding a model: v-model on the way in and out, the language a prop that can change while the field is open.