spikerj/spikersoft-issues
1
0
Fork 0
Code Issues 196 Pull Requests Actions Packages Projects Releases Wiki Activity

[Enhancement] Migrate lib-blockly generated code pane from CodeMirror to Monaco — feature parity #25

New Issue
Closed
opened 2026-04-28 23:01:20 +00:00 by spikerj · 0 comments
spikerj commented 2026-04-28 23:01:20 +00:00
Owner
Copy Link
Copy Source

Background

lib-blockly uses @acrodata/code-editor (CodeMirror 6).

Goal

Migrate the generated‑code code-editor region to Monaco with parity to current Blockly integration.

Feature parity checklist

  • Syntax highlighting for generated languages as today (languages/language).
  • highlightCodeEditorLine() / line gutter behavior (blockly.component.ts): reimplement with Monaco decorations or equivalent so block→code linkage still works.
  • Resize/layout interplay with Blockly + resize.service (codeEditorHeight); no regressions to split-pane UX.
  • Guided tour anchor [data-tour='code-editor'] (see blockly.component.html / tour service) preserved or migrated.
  • Theming consistency with Blockly chrome.

Paths

spikersoft-angular/libraries/tools/src/components/blockly/

## Background **`lib-blockly`** uses **`@acrodata/code-editor`** (CodeMirror 6). ## Goal Migrate the generated‑code **`code-editor`** region to **Monaco** with parity to current Blockly integration. ## Feature parity checklist - [ ] **Syntax highlighting** for generated languages as today (`languages`/`language`). - [ ] **`highlightCodeEditorLine()` / line gutter behavior** (`blockly.component.ts`): reimplement with Monaco decorations or equivalent so block→code linkage still works. - [ ] **Resize/layout** interplay with Blockly + `resize.service` (`codeEditorHeight`); no regressions to split-pane UX. - [ ] Guided tour anchor **`[data-tour='code-editor']`** (see `blockly.component.html` / tour service) preserved or migrated. - [ ] Theming consistency with Blockly chrome. ## Paths `spikersoft-angular/libraries/tools/src/components/blockly/`
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
agentic
Actionable surfaced by the agentic architecture & security review
 bug
Something is not working
 duplicate
This issue or pull request already exists
 enhancement
New feature
 help wanted
Need some help
 invalid
Something is wrong
 question
More information is needed
 sonarqube
Code quality issue surfaced by SonarQube (bug / code smell)
 wontfix
This won't be fixed
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
spikerj (Joseph Spiker)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: spikerj/spikersoft-issues#25