[Enhancement] Migrate lib-tools-difference (DiffEditor / CodeMirror) to Monaco Diff Editor — feature parity #28

Closed
opened 2026-04-28 23:01:25 +00:00 by spikerj · 0 comments
Owner

Background

lib-tools-difference uses DiffEditor from @acrodata/code-editor — side‑by‑side diff, not plain CodeEditor, but same upstream stack (CodeMirror).

Goal

Migrate diff UI to equivalent Monaco Diff Editor (two‑pane) with parity to existing features (themes, gutters, highlighting, menus, clipboard…).

Feature parity checklist

  • Original/modified panels, orientation swapping (A‑B vs B‑A), theme light/dark.
  • Gutter + change highlighting options.
  • Save/load dialogs, clipboard, ZIP export flows unaffected.
  • Guided tour data-tour targets updated if selectors move.
  • Performance acceptable on large pasted files.

Paths

spikersoft-angular/libraries/tools/src/components/difference/ (difference.component.ts uses DiffEditor).

## Background **`lib-tools-difference`** uses **`DiffEditor`** from **`@acrodata/code-editor`** — side‑by‑side diff, not plain `CodeEditor`, but same upstream stack (CodeMirror). ## Goal Migrate diff UI to equivalent **Monaco Diff Editor** (two‑pane) with parity to existing features (themes, gutters, highlighting, menus, clipboard…). ## Feature parity checklist - [ ] **Original/modified panels**, orientation swapping (A‑B vs B‑A), theme light/dark. - [ ] **Gutter + change highlighting** options. - [ ] Save/load dialogs, clipboard, ZIP export flows unaffected. - [ ] Guided tour **`data-tour`** targets updated if selectors move. - [ ] Performance acceptable on large pasted files. ## Paths `spikersoft-angular/libraries/tools/src/components/difference/` (`difference.component.ts` uses `DiffEditor`).
Sign in to join this conversation.