Jenkins 中的管道可视化已全新升级

重写与重新设计

该插件已使用最新版本的 React 完全重建，拥有简洁、现代的界面。我们投入了大量精力简化插件的结构——从 Webpack 切换到 Rspack，迁移到 Vite，并将基于类的组件替换为现代函数组件。这些改变使得代码库更容易维护和协作，在此过程中我们删除了数千行代码，从而提高了可维护性和性能。

界面采用了 Jenkins Design Library 的新组件，经过精心设计，提供了更流畅、更直观的体验。该插件现在支持整页滚动——消除了嵌套滚动区域的需求——并带有固定的页眉，以提供更好的上下文。流水线图可以平移和缩放，让用户轻松探索复杂的流水线。微妙而令人愉悦的动画增强了可用性，而不会造成干扰。阶段进度现在清晰可见，加载骨架提供了即时视觉反馈，带来了更稳定、响应更快的体验。

统一视图

新界面将流水线图、阶段和日志整合到一个单一的、简化的布局中。您可以在一个地方检查一个阶段、跟踪其执行情况并读取其输出。

自定义

默认情况下，流水线图显示在顶部，但您可以将其移到左侧，以更好地适应超宽显示器。列可以调整大小和隐藏，布局偏好会自动保存。

性能改进

我们在后台对阶段和日志的获取和渲染方式进行了重大改进。新插件加载速度更快，滚动更流畅，并且能更平稳地处理大型流水线。

新的 Pipeline Graph View 现在可供 Jenkins 2.479.3 及更高版本的用户使用。

如果您尚未安装该插件，请务必通过 Jenkins 控制器的“插件”部分下载它，以体验此次更新。

在 ci.jenkins.io 上的 Jenkins 核心构建中查看其实际效果。

如果您想参与Jenkins的UI和UX讨论，请加入用户体验SIG。

通过Design Library利用您的插件中的新组件和模式。

您可以在 YouTube 上观看我们的月度会议，并可以在 GitHub 上查看正在进行的工作。