Skip to content

implemented code editor component#685

Open
refoo0 wants to merge 14 commits intomainfrom
add-code-editor-component
Open

implemented code editor component#685
refoo0 wants to merge 14 commits intomainfrom
add-code-editor-component

Conversation

@refoo0
Copy link
Member

@refoo0 refoo0 commented Mar 16, 2026

No description provided.

refoo0 added 7 commits March 16, 2026 10:31
Signed-off-by: rafi <refaei.shikho@hotmail.com>
Signed-off-by: rafi <refaei.shikho@hotmail.com>
Signed-off-by: rafi <refaei.shikho@hotmail.com>
Signed-off-by: rafi <refaei.shikho@hotmail.com>
Signed-off-by: rafi <refaei.shikho@hotmail.com>
Signed-off-by: rafi <refaei.shikho@hotmail.com>
Signed-off-by: rafi <refaei.shikho@hotmail.com>
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Adds an in-app configuration file editor (YAML/JSON/TOML) and wires it into organization/project/repository settings so users can navigate to dedicated “Configuration Files” pages and edit scanner configs in the UI.

Changes:

  • Introduce a reusable CodeEditor (CodeMirror) with YAML/JSON/TOML linting and theme support.
  • Add ConfigFileEditor to fetch/edit config files via API and provide a tabbed UI for multiple tools.
  • Add navigation sections + new settings sub-pages at org/project/repo scope; update dependencies to support TOML parsing and CodeMirror themes.

Reviewed changes

Copilot reviewed 9 out of 10 changed files in this pull request and generated 9 comments.

Show a summary per file
File Description
src/components/common/ConfigFileEditor.tsx New client component to view/edit config files via SWR + PUT, with tabs and edit mode
src/components/common/CodeEditor.tsx New client CodeMirror wrapper with language modes + linters and theme switching
src/app/(loading-group)/[organizationSlug]/settings/page.tsx Adds a “Configuration Files” section linking to org config editor page
src/app/(loading-group)/[organizationSlug]/settings/config/page.tsx New org-level config editor page hosting ConfigFileEditor
src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/settings/page.tsx Adds a “Configuration Files” section linking to project config editor page
src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/settings/config/page.tsx New project-level config editor page hosting ConfigFileEditor
src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/assets/[assetSlug]/settings/page.tsx Adds a “Configuration Files” section linking to repo config editor page
src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/assets/[assetSlug]/settings/config/page.tsx New repo-level config editor page hosting ConfigFileEditor
package.json Adds TOML parser, CodeMirror theme packages, and js-yaml types
package-lock.json Lockfile updates for the added dependencies

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

…ents

Signed-off-by: rafi <refaei.shikho@hotmail.com>
@refoo0 refoo0 marked this pull request as ready for review March 24, 2026 14:13
@timbastin
Copy link
Member

timbastin commented Mar 25, 2026

@refoo0 could you implement dark mode support, highlight the settings page menu when on the config file page, add breadcrumb to settings page (we need breadcrumbs on all pages), IaC (checkov) is missing as well https://www.checkov.io/

refoo0 added 3 commits March 25, 2026 17:59
Signed-off-by: rafi <refaei.shikho@hotmail.com>
…ton state logic

Signed-off-by: rafi <refaei.shikho@hotmail.com>
Signed-off-by: rafi <refaei.shikho@hotmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants