[GH-ISSUE #193] Use Monaco Editor #195

New issue

Open

opened 2026-03-03 19:49:06 +03:00 by kerem · 0 comments

kerem commented

2026-03-03 19:49:06 +03:00

Owner

Originally created by @NghiaTranUIT on GitHub (Feb 16, 2023).
Original GitHub issue: https://github.com/ProxymanApp/proxyman-windows-linux/issues/193

Originally assigned to: @kics223w1 on GitHub.

Description

We should use Monaco Editor instead of CodeMirror.

Acceptance Criteria

Replace the Body CodeMirror with Monaco Editor
Search the entire app, and replace CodeMirror with Monaco Editor
Remove CodeMirror logic from package.json
Make sure the Code Syntax Highlighting is working. For example, if the body is JSON -> set modelLanague is JSON, ... Apply for CSS, HTML, JS
Make sure the JSON/JS worker is working. We can verify if we can collapse/extend the JSON Node, JS function body { }, and have the red line if the JSON is malformed. (See the following video)

https://user-images.githubusercontent.com/5878421/219252711-bf288275-94d4-4c01-9519-60d10f0d6fa8.mp4

Verify this bug #192 is fixed in Monaco Editor
Use default Light Visual Code Theme

Originally created by @NghiaTranUIT on GitHub (Feb 16, 2023). Original GitHub issue: https://github.com/ProxymanApp/proxyman-windows-linux/issues/193 Originally assigned to: @kics223w1 on GitHub. ## Description We should use Monaco Editor instead of CodeMirror. ## Acceptance Criteria - Replace the Body CodeMirror with Monaco Editor - Search the entire app, and replace CodeMirror with Monaco Editor - Remove CodeMirror logic from package.json - Make sure the Code Syntax Highlighting is working. For example, if the body is JSON -> set modelLanague is JSON, ... Apply for CSS, HTML, JS - Make sure the JSON/JS worker is working. We can verify if we can collapse/extend the JSON Node, JS function body { }, and have the red line if the JSON is malformed. (See the following video) https://user-images.githubusercontent.com/5878421/219252711-bf288275-94d4-4c01-9519-60d10f0d6fa8.mp4 - Verify this bug #192 is fixed in Monaco Editor - Use default Light Visual Code Theme