← Docs

The editor + workbench

The editor is a real Monaco instance — the same engine that powers VS Code. Every lesson with code gets:

  • Syntax highlighting that matches the active theme
  • In-language IntelliSense for the languages Monaco supports natively (JS, TS, Python, JSON, HTML, CSS)
  • Per-language linting / type errors where applicable
  • Multi-file workbenches — each file is a tab, and any file that matches the lesson’s primary language gets concatenated for runs

Running the code

The Run button executes your current code against the lesson’s hidden test file. Results land in the console pane below the editor:

✓ sumList([1, 2, 3]) === 6
✓ sumList([]) === 0
✓ sumList([-1, -2]) === -3

3 / 3 passed · 12ms

A passing run marks the lesson complete and advances the streak.

Pop-out workbench

The editor has a pop-out button that opens it as a separate window. Useful on multi-monitor setups: one screen for the prose, one for the code. Both windows stay synchronized as you type.