Set up Web IDE get started walkthrough
What does this MR do and why?
The new Web IDE displays a Get Started walkthrough that communicates to the user how to leave feedback and how to switch to the legacy IDE if needed. This Merge Request passes the feedback issue and the user preferences page URLs to the IDE initialization function.
CSP frame-src configuration
The Get Started walkthrough loads Markdown and image assets that we introduced in gitlab-web-ide!86 (merged). VSCode uses a proxy CDN to load these files because extensions run in a sandboxed environment. This Merge Request adds the Content Security Policy clause that allows iframe requests coming from https://*.vscode-cdn.net/
.
Screenshots or screen recordings
Give the new IDE a spin | Let us know what you think |
---|---|
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Enable the
vscode_web_ide
feature flag. - Ensure that the "Use legacy web ide" checkbox is unchecked on the User Preferences page.
- Open the Web IDE in any project in your local environment.
- You should see the Get Started walkthrough.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #370139 (closed)