KusionStack / KusionStack/vscode-kusion

support live diff preview at the level of model abstraction

Open
#24 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
7
Forks
5
PR merge metrics
No merged PRs in 30d

Description

## Feature

provide live diff preview, so that users will see what changes will be made before actually applying. And the preview should be displayed at the level of model abstraction to avoid the cognitive burden to be aware of infra-oriented details.

## Design

The live diff preview can be triggered by 2 entries:

- Command Palette -> select `Kusion: Preview Live Diff and Apply`
- Right-click on a stack -> click `Preview Live Diff and Apply`

users can:
- see side-to-side diff view with different values highlighted(green for added, red for deleted)
- select or fill in the dynamic parameters for local configurations to digest
- sync runtime configurations to local files by clicking the sync button on the diff lines
- check the diffs, component by component
- navigate through diff blocks up and down with current diff blocks highlighted

![image](https://user-images.githubusercontent.com/29722609/226113779-28f2ebee-769e-43d5-be4c-802c5e2204fb.png)

Contributor guide

Open the contributing guide

Research direction

Start from the VS Code Command Palette action and the stack context-menu action named in the issue. Review how those two entries can lead to a model-level live diff, then use the listed side-by-side highlighting, dynamic parameters, sync controls, component navigation, and apply flow as the completion criteria.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript, vscode
Domain
devops, tooling
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.