Code cell

[LukasMasuch]

Add a cell type to the cells package to display and edit code with syntax highlighting. The overlay editor could be based on monaco or codemirror editor. The behavior is pretty comparable to the markdown and article cell types.

interface CodeCellProps {
    readonly kind: "code-cell";
    readonly data: string | undefined | null;
}

[jassmith]

If the package we choose is good enough it might even be possible to get the highlighting into the rendered cell

[BrianHung]

Would add a language prop there to the syntax highlighter would know how to parse it. I'm biased towards recommending CodeMirror, since if you use the same syntax highlighter and language for renderer and editor, it will reduce bundle size.