Add installation command for drawer (3)
What does this MR do and why?
This change adds a drawer with commands to install GitLab Runner in the users machine.
This MR is large, but there is large portion of snapshots (~200 LOC) that I am using to keep the commands from changing arbitrarily.
How does this MR work?
I have taken the scripts we loaded from the backend via GraphQL and moved them to the frontend. This is part of the deprecation of our APIs to generate installation scripts: #387937
The scripts are shown on the screen according to the user selection, this requires some updates to our webpack config.
UI change
In #383139 (closed) we use a different look and feel for our scripts:
| original design | implementation |
|---|---|
 |
 |
I did this for 2 main reasons:
- Our scripts can contain an arbitrary number of steps depending on the platform
- The proposed design had users copy commands one-by-one but not all steps are mandatory. Some steps are suggestions and users are expected to discern if/how to execute them.
Related MRs
Screenshots or screen recordings
How to set up and validate locally
- Enable the feature flag: in your console
rails c, and thenFeature.enable(:create_runner_workflow_for_admin) - Visit Admin -> CI/CD -> Runners
- Select the "New instance runner" button
- Input values to create a new runner, select a platform you want.
- Confirm the installations instructions are correct for all platforms and they update according to the selection
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 #383139 (closed)