Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Performance Preview - WaterFall Chart

オープン
#407 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
20/100
issue の種類
機能追加
明瞭さ
説明が足りない
活発さ
停滞
技術スタック
github-actions, typescript, vscode

調査の方向性

ファイル、テスト、またはエントリーポイントは特定されていません。まず、これが VS Code 拡張機能と Web UI のどちらに属するのかを明確にし、workflow-run データとローカルワークフローのプレビューの範囲を定義する必要があります。完了とするには、合意されたデザイン、データ形式、可視化の動作、および実装計画が必要です。

索引モデルが issue の本文から書いたものです。

説明

enhancement

Is your feature request related to a problem? Please describe.

I think CI/CD systems can get extremely complex. I don't think it's that crazy to believe that some workflows will run 3-5 machines in parallel and branch up to around 20 jobs. I work at a company that has very rigorous compliance standards and I have a goal to move all of our compliance steps away from the primary thread our users will do work on. Ultimately trying to speed up pipelines and better devex. I think it would be amazing if we could visualize this better.

Describe the solution you'd like

This requirement sent me down a rabbit hole thinking: What if when I changed a workflow file locally and it showed me a preview of how more performant my workflow run would be? Something like Chrome Dev Tools network tab?
image

Then I could even move a task (Single Github action step) to another spot in the workflow file and that chart would change automatically. Maybe change the title to clearly show this is now a preview if your change worked.

I think if we really nailed this implementation I think it could save complex workflow writers a lot of time.

So I would add a new command to show this chart in a preview (New tab to the right in VSCode).

Additional context
First and foremost I know this is kind of a crazy ask. So I am totally ok with you saying: Nah this is crazy go do this in a separate extension. I just feel since you are already authenticated and making the API request it's the right place for it.

Secondly this might be something better suited for the actual web ui. Even if it didn't auto update based on local changes to a workflow file, this view of a workflow might still be useful.

I know this is a bit half baked but I am really trying to gauge if other users would find this interesting.

If this issue was accepted as a feature request to the product and I was working on it I would split this into 2 parts

  1. Find a way to take existing workflow runs and create a performance preview in JSON or some other data format based off a potential workflow file change.
  2. Find a way to visualize existing workflow executions as a waterfall chart or something that can consume this data.

PS: If people liked this idea I would definitely be interested in contributing the change

主要言語
TypeScript
スター
661
フォーク
214
PR マージ指標
30日以内にマージされた PR はありません

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

github/vscode-github-actions のほかの issue

github/vscode-github-actions の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。