Move pipelines page to GraphQL - Part 1
What does this MR do and why?
First part of a large effort to move Build > Pipelines
to use GraphQL. This first part introduces a feature flag and starts some work on using GraphQL as the SSOT for data. In this MR I tackle getting the status
, pipeline
and created by
columns working. The idea is create a new component app/assets/javascripts/ci/pipelines_page/pipelines_graphql.vue
that mirrors app/assets/javascripts/ci/pipelines_page/pipelines.vue
in functionality but uses GraphQL as the data source.
References
Screenshots or screen recordings
Before | After |
---|---|
![]() |
![]() |
How to set up and validate locally
- First visit
Build > Pipelines
and ensure existing feature works as expected. - Next enable
Feature.enable(:pipelines_page_graphql)
the feature flag - Visit
Build > Pipelines
again - Ensure the Status, Pipeline and Created by columns work for the table in this MR
- It's okay that the rest is missing and broken, we are iterating here
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Related to #223264
Edited by Payton Burdette