Skip to content

[Feat]: Add YAML editor as a standalone component #1448

@nangelov-eti

Description

@nangelov-eti

Is your feature request related to a problem? Please describe.
Yes, many applications that require YAML manipulation currently lack an intuitive or integrated solution for directly editing YAML within the app.

Possible Use Cases:

  1. Configuration File Editing: Developers can integrate an editor that allows users to easily edit YAML-based configuration files, with features like syntax highlighting, auto-completion, and error validation.
  2. Cloud Infrastructure Management: Applications that interact with tools like Kubernetes or Docker can benefit from an embedded YAML editor that streamlines the creation and editing of YAML-based deployment files.
  3. CI/CD Pipeline Customization: For applications working with continuous integration and delivery tools, integrating a YAML editor would enable users to modify pipeline configurations and scripts seamlessly.

Describe the solution you'd like
I would like to see a code editor component that supports YAML syntax, preferably based on popular open-source solutions like CodeMirror or Monaco Editor (or a similar alternative). This editor should be easily embeddable as a standalone component, allowing developers to integrate it seamlessly into their applications. Key features should include syntax highlighting, autocompletion, and error detection.

Describe alternatives you've considered
I have considered using text areas or JSON editors, but they are not ideal, as they require conversion between JSON and YAML and lack dedicated support for YAML syntax.

Additional context
Embedding a dedicated YAML editor directly into an app would significantly enhance the user experience, aligning with the growing prevalence of YAML in DevOps, cloud computing, and configuration-heavy applications.

Metadata

Metadata

Assignees

Labels

ComponentsDedicated to Frontend Visual Components

Projects

Status

🆕 New

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions