Skip to content

Enable word wrap and indent wrapping for Monaco editors - #27

Merged
jinbagi merged 1 commit into
masterfrom
codex/set-default-line-wrapping-in-monaco-editor
Jul 1, 2026
Merged

Enable word wrap and indent wrapping for Monaco editors#27
jinbagi merged 1 commit into
masterfrom
codex/set-default-line-wrapping-in-monaco-editor

Conversation

@jinbagi

@jinbagi jinbagi commented Jul 1, 2026

Copy link
Copy Markdown
Owner

Motivation

  • Improve readability of long lines in various Monaco editor instances by enabling word wrapping and preserving indentation for wrapped lines.

Description

  • Enabled wordWrap: 'on' and wrappingIndent: 'indent' in Monaco editor options in src/components/form/Editor.tsx, src/components/form/FormJsonTabs.tsx (DiffEditor), and src/components/form/JsonCodeEditor.tsx.

Testing

  • Ran the project's automated checks including yarn test, yarn lint, and yarn build, and they completed successfully.

Codex Task

Copilot AI review requested due to automatic review settings July 1, 2026 09:16
@jinbagi
jinbagi merged commit 6a2e609 into master Jul 1, 2026
1 check passed
@jinbagi
jinbagi deleted the codex/set-default-line-wrapping-in-monaco-editor branch July 1, 2026 09:16

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR improves readability of long lines in the app’s Monaco editor instances by enabling word wrapping and indent-preserving wrapped lines across the core JSON/code editor components.

Changes:

  • Enable wordWrap: 'on' for Monaco editors used in JSON/code editing.
  • Enable wrappingIndent: 'indent' so wrapped lines preserve indentation context.
  • Apply the same wrapping behavior to the diff view (DiffEditor) used in JSON tabs.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File Description
src/components/form/JsonCodeEditor.tsx Enables word wrap + indent wrapping in the reusable JSON editor options.
src/components/form/FormJsonTabs.tsx Enables word wrap + indent wrapping in the JSON diff modal’s DiffEditor options.
src/components/form/Editor.tsx Enables word wrap + indent wrapping in the form-bound Monaco editor defaults.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines 49 to +51
automaticLayout: true,
wordWrap: 'on',
wrappingIndent: 'indent',
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants