[Enhancement] Migrate lib-diagram code panel from CodeMirror to Monaco — feature parity #26

New Issue

2026-04-28T23:01:21Z

spikerj commented

2026-04-28 23:01:21 +00:00

Background

lib-diagram (split Rete diagram + code) uses @acrodata/code-editor.

Goal

Migrate the code panel editor to Monaco while keeping diagram sync flows (sync from/to code) behaving the same.

Feature parity checklist

Syntax highlighting / language wiring parity with @codemirror/language-data mappings used for diagram export.
ngModel/two‑way binding reliable for sync buttons and external updates.
Theme, line wrap, placeholders match current UX.
Split layout / 100vh‑style panel sizing unchanged or improved.

Paths

spikersoft-angular/libraries/tools/src/components/diagram/diagram.component.*

## Background **`lib-diagram`** (split Rete diagram + code) uses **`@acrodata/code-editor`**. ## Goal Migrate the code panel editor to **Monaco** while keeping diagram sync flows (sync from/to code) behaving the same. ## Feature parity checklist - [ ] **Syntax highlighting / language wiring** parity with `@codemirror/language-data` mappings used for diagram export. - [ ] **`ngModel`/two‑way binding** reliable for sync buttons and external updates. - [ ] **Theme**, line wrap, placeholders match current UX. - [ ] Split layout / **100vh‑style panel** sizing unchanged or improved. ## Paths `spikersoft-angular/libraries/tools/src/components/diagram/diagram.component.*`

spikerj referenced this issue

2026-04-28 23:01:31 +00:00

[Enhancement] Migrate app-language-runner playgrounds (C#/Python/JS) from CodeMirror (@acrodata/code-editor) to Monaco — feature parity #24

spikerj closed this issue

2026-05-05 20:11:06 +00:00

spikerj referenced this issue

2026-06-08 22:11:59 +00:00

## [Enhancement] Unlock “Next Lesson” Button After Successful Submission #160

spikerj referenced this issue

2026-06-28 17:54:16 +00:00

[Content] Spanish lesson instructions & hints untranslated across all playground tracks #279

spikerj referenced this issue