Skip to content

feat(site): add agent connection timings #15276

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 20 commits into from
Nov 1, 2024
Merged

feat(site): add agent connection timings #15276

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
8f15ca1
Add agent ID and name on agent script timing response
BrunoQuaresma Oct 25, 2024
8ac895f
Add agent connection timings to the response
BrunoQuaresma Oct 25, 2024
124d149
Remove unused modules
BrunoQuaresma Oct 29, 2024
0ff2be9
Merge branch 'main' of https://github.com/coder/coder into bq/add-age…
BrunoQuaresma Oct 29, 2024
d00a00b
Display agent timings
BrunoQuaresma Oct 29, 2024
69b181c
Display agent connection timings
BrunoQuaresma Oct 29, 2024
3e1170c
Apply suggestions from code review
BrunoQuaresma Oct 30, 2024
ab8792f
Fix fmt
BrunoQuaresma Oct 30, 2024
0b685a9
Improve tests
BrunoQuaresma Oct 30, 2024
709b669
Merge branch 'main' of https://github.com/coder/coder into bq/add-age…
BrunoQuaresma Oct 31, 2024
d9fc453
Return error if agent or script are not found
BrunoQuaresma Oct 31, 2024
1bed074
Change the agent stage label to agent ()
BrunoQuaresma Oct 31, 2024
4bd6538
Fix storybook
BrunoQuaresma Oct 31, 2024
c368a57
Merge branch 'main' of https://github.com/coder/coder into bq/add-age…
BrunoQuaresma Nov 1, 2024
f59a87d
Remove duplicate vscode config
BrunoQuaresma Nov 1, 2024
91be0dc
Apply PR suggested changes
BrunoQuaresma Nov 1, 2024
044f6e5
Fix chart navigation
BrunoQuaresma Nov 1, 2024
e8bbecd
Fix fmt
BrunoQuaresma Nov 1, 2024
e1a61d8
Apply PR reviews
BrunoQuaresma Nov 1, 2024
ce6f507
Fix test
BrunoQuaresma Nov 1, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Display agent timings
  • Loading branch information
@BrunoQuaresma
BrunoQuaresma committed Oct 29, 2024
commit d00a00be2de862cbb1ede1292b4e1b04614ac1b8
5 changes: 3 additions & 2 deletions site/src/api/queries/workspaceBuilds.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,9 +57,10 @@ export const infiniteWorkspaceBuilds = (
};
};

export const workspaceBuildTimings = (workspaceBuildId: string) => {
// We use readyAgentsCount to invalidate the query when an agent connects
export const workspaceBuildTimings = (workspaceBuildId: string, readyAgentsCount: number) => {
return {
queryKey: ["workspaceBuilds", workspaceBuildId, "timings"],
queryKey: ["workspaceBuilds", workspaceBuildId, "timings", { readyAgentsCount }],
queryFn: () => API.workspaceBuildTimings(workspaceBuildId),
};
};
1 change: 1 addition & 0 deletions site/src/api/typesGenerated.ts
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

13 changes: 6 additions & 7 deletions site/src/modules/workspaces/WorkspaceTiming/ResourcesChart.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,8 @@ import {
makeTicks,
mergeTimeRanges,
} from "./Chart/utils";
import type { StageCategory } from "./StagesChart";
import { type Theme, useTheme } from "@emotion/react";
import type { Stage } from "./StagesChart";

type ResourceTiming = {
name: string;
Expand All @@ -36,14 +37,12 @@ type ResourceTiming = {
};

export type ResourcesChartProps = {
category: StageCategory;
stage: string;
stage: Stage;
timings: ResourceTiming[];
onBack: () => void;
};

export const ResourcesChart: FC<ResourcesChartProps> = ({
category,
stage,
timings,
onBack,
Expand All @@ -67,11 +66,11 @@ export const ResourcesChart: FC<ResourcesChartProps> = ({
<ChartBreadcrumbs
breadcrumbs={[
{
label: category.name,
label: stage.section,
onClick: onBack,
},
{
label: stage,
label: stage.name,
},
]}
/>
Expand All @@ -85,7 +84,7 @@ export const ResourcesChart: FC<ResourcesChartProps> = ({
<ChartContent>
<YAxis>
<YAxisSection>
<YAxisHeader>{stage} stage</YAxisHeader>
<YAxisHeader>{stage.name} stage</YAxisHeader>
<YAxisLabels>
{visibleTimings.map((t) => (
<YAxisLabel key={t.name} id={encodeURIComponent(t.name)}>
Expand Down
12 changes: 5 additions & 7 deletions site/src/modules/workspaces/WorkspaceTiming/ScriptsChart.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ import {
makeTicks,
mergeTimeRanges,
} from "./Chart/utils";
import type { StageCategory } from "./StagesChart";
import type { Stage } from "./StagesChart";

type ScriptTiming = {
name: string;
Expand All @@ -37,14 +37,12 @@ type ScriptTiming = {
};

export type ScriptsChartProps = {
category: StageCategory;
stage: string;
stage: Stage;
timings: ScriptTiming[];
onBack: () => void;
};

export const ScriptsChart: FC<ScriptsChartProps> = ({
category,
stage,
timings,
onBack,
Expand All @@ -66,11 +64,11 @@ export const ScriptsChart: FC<ScriptsChartProps> = ({
<ChartBreadcrumbs
breadcrumbs={[
{
label: category.name,
label: stage.section,
onClick: onBack,
},
{
label: stage,
label: stage.name,
},
]}
/>
Expand All @@ -84,7 +82,7 @@ export const ScriptsChart: FC<ScriptsChartProps> = ({
<ChartContent>
<YAxis>
<YAxisSection>
<YAxisHeader>{stage} stage</YAxisHeader>
<YAxisHeader>{stage.name} stage</YAxisHeader>
<YAxisLabels>
{visibleTimings.map((t) => (
<YAxisLabel key={t.name} id={encodeURIComponent(t.name)}>
Expand Down
Loading