Skip to content

[ivy-nuget-stats]: resolve version chart controls layout and metrics card alignment #468

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

Open
ArtemLazarchuk wants to merge 5 commits into
base: development
Choose a base branch
from
Open

[ivy-nuget-stats]: resolve version chart controls layout and metrics card alignment #468

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
a272e25
refactor(nuget-stats-app): simplify statistics fetching logic
ArtemLazarchuk Jun 3, 2026
4d47684
fix(nuget-stats-app): update GitHub stars title for clarity
ArtemLazarchuk Jun 3, 2026
20c8401
refactor(nuget-stats-app): enhance latest version display and layout …
ArtemLazarchuk Jun 3, 2026
eb9a78a
refactor(nuget-stats-app): improve layout and input handling for vers…
ArtemLazarchuk Jun 3, 2026
5e152ed
refactor(nuget-stats-app): add spacing and adjust layout for improved…
ArtemLazarchuk Jun 3, 2026
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
76 changes: 38 additions & 38 deletions project-demos/ivy-nuget-stats/Apps/NuGetStatsApp.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,11 +57,7 @@ private static bool IsPreRelease(string version)
var statsQuery = this.UseQuery(
key: $"nuget-stats/{packageId}",
fetcher: async (CancellationToken ct) =>
{
var statistics = await nugetProvider.GetPackageStatisticsAsync(packageId, ct);
client.Toast($"Successfully loaded statistics for {packageId}!");
return statistics;
},
await nugetProvider.GetPackageStatisticsAsync(packageId, ct),
options: new QueryOptions
{
Scope = QueryScope.Server,
Expand Down Expand Up @@ -372,7 +368,11 @@ private static bool IsPreRelease(string version)
growthPercent = (double)thisWeekDownloads;
}

var latestVersionInfo = s.Versions.FirstOrDefault(v => v.Version == s.LatestVersion);
var latestVersionInfo = s.Versions.FirstOrDefault(v =>
string.Equals(v.Version, s.LatestVersion, StringComparison.OrdinalIgnoreCase));
var latestVersionDownloadsLabel = latestVersionInfo?.Downloads is { } latestVersionDownloads
? $"{latestVersionDownloads:N0} downloads"
: "— downloads";

var trendIcon = growthPercent >= 0 ? Icons.TrendingUp : Icons.TrendingDown;
var trendColor = growthPercent >= 0 ? Colors.Success : Colors.Destructive;
Expand Down Expand Up @@ -425,26 +425,26 @@ private static bool IsPreRelease(string version)
: null;

var versionChartCard = new Card(
Layout.Horizontal().Height(Size.Full())
| (Layout.Vertical()
| (Layout.Horizontal().AlignContent(Align.Center).Height(Size.Fit())
| versionChartDateRange.ToDateRangeInput()
.Format("MMM dd, yyyy")
.Placeholder("Select date range")
| new Button(versionChartShowPreReleases.Value ? "With Pre-releases" : "Releases Only")
.Outline()
.Icon(Icons.ChevronDown)
.WithDropDown(
MenuItem.Default("With Pre-releases").OnSelect(() => versionChartShowPreReleases.Set(true)),
MenuItem.Default("Releases Only").OnSelect(() => versionChartShowPreReleases.Set(false))
)
| versionChartCount.ToNumberInput()
.Min(2)
.Max(20)
.Width(Size.Units(60)))
| (versionChart != null
? versionChart
: Text.Block("No versions found").Muted())))
Layout.Vertical().Width(Size.Full()).Height(Size.Full())
| (Layout.Grid().Columns(3).Gap(2).Width(Size.Full()).Height(Size.Fit())
| versionChartDateRange.ToDateRangeInput()
.Format("MMM dd, yyyy")
.Placeholder("Select date range")
.Width(Size.Full())
| versionChartShowPreReleases.ToSelectInput(new[]
{
new Option<bool>("With Pre-releases", true),
new Option<bool>("Releases Only", false),
})
.Variant(SelectInputVariant.Select)
.Width(Size.Full())
| versionChartCount.ToNumberInput()
.Min(2)
.Max(20)
.Width(Size.Full()))
| (versionChart != null
? versionChart
: Text.Block("No versions found").Muted()))
.Title("Recent Versions Distribution")
.Icon(Icons.ChartBar)
.Height(Size.Full());
Expand Down Expand Up @@ -486,7 +486,7 @@ private static bool IsPreRelease(string version)
: (object)Text.Block("No data available").Muted())
).Title($"GitHub Stars — {githubRepoLabel} (Last 365 Days)").Icon(Icons.Github);

var metrics = Layout.Grid().Columns(5)
var metrics = (Layout.Grid().Columns(5)
| new Card(
Layout.Vertical().AlignContent(Align.Center)
| (Layout.Horizontal().AlignContent(Align.Center)
Expand All @@ -497,21 +497,19 @@ private static bool IsPreRelease(string version)
| Text.H3($"{Math.Abs(growthPercent):0.0}%").Color(trendColor))
: null))
| Text.Block($"+{thisWeekDownloads:N0} this week").Muted()
).Title("Total Downloads").Icon(Icons.Download)
).Title("Total Downloads").Icon(Icons.Download).Height(Size.Full())
| new Card(
Layout.Vertical().AlignContent(Align.Center)
| Text.H2(animatedVersions.Value.ToString("N0")).Bold()
| Text.Block(versionsThisMonth > 0
? $"+{versionsThisMonth} this month"
: "0 versions released this month").Muted()
).Title("Total Versions").Icon(Icons.Tag)
).Title("Total Versions").Icon(Icons.Tag).Height(Size.Full())
| new Card(
Layout.Vertical().AlignContent(Align.Center)
| Text.H2(s.LatestVersion).Bold()
| (latestVersionInfo != null && latestVersionInfo.Downloads.HasValue && latestVersionInfo.Downloads.Value > 0
? Text.Block($"{latestVersionInfo.Downloads.Value:N0} downloads").Muted()
: null)
).Title("Latest Version").Icon(Icons.ArrowUp)
| Text.Block(latestVersionDownloadsLabel).Muted()
).Title("Latest Version").Icon(Icons.ArrowUp).Height(Size.Full())
| new Card(
Layout.Vertical().AlignContent(Align.Center)
| Text.H2(mostDownloadedVersion != null
Expand All @@ -520,7 +518,7 @@ private static bool IsPreRelease(string version)
| (mostDownloadedVersion != null && mostDownloadedVersion.Downloads.HasValue && mostDownloadedVersion.Downloads.Value > 0
? Text.Block($"{mostDownloadedVersion.Downloads.Value:N0} downloads").Muted()
: null)
).Title("Most Popular").Icon(Icons.Star)
).Title("Most Popular").Icon(Icons.Star).Height(Size.Full())
| new Card(
Layout.Vertical().AlignContent(Align.Center)
| Text.H2(currentStars.ToString("N0")).Bold()
Expand All @@ -529,15 +527,15 @@ private static bool IsPreRelease(string version)
: starsThisMonth < 0
? $"{starsThisMonth:N0} this month"
: "0 stars added this month").Muted()
).Title($"GitHub Stars — {githubRepoLabel}").Icon(Icons.Github)
).Title($"GitHub Stars").Icon(Icons.Github).Height(Size.Full())
.OnClick(_ =>
{
showStargazersTodayDialog.Set(true);
if (stargazersQuery.Value == null && !stargazersQuery.Loading)
{
stargazersQuery.Mutator.Revalidate();
}
});
}));

var allStargazers = stargazersQuery.Value ?? cachedStargazers.Value;
var last30Days = DateOnly.FromDateTime(DateTime.UtcNow.AddDays(-30));
Expand Down Expand Up @@ -901,6 +899,7 @@ private static bool IsPreRelease(string version)
.Url("/scalar");

return Layout.Vertical().AlignContent(Align.TopCenter)
| new Spacer().Height(Size.Units(5))
| metrics.Width(Size.Fraction(0.9f))
| (Layout.Grid().Columns(3).Width(Size.Fraction(0.9f))
| adoptionCard
Expand All @@ -910,10 +909,11 @@ private static bool IsPreRelease(string version)
| versionChartCard
| totalDownloadsCard)
| versionsTableCard
| new FloatingPanel(openApiButton, Align.BottomRight).Offset(new Thickness(0, 0, 10, 5))
| (Layout.Horizontal().Width(Size.Fraction(0.9f)).Height(Size.Units(280))
| (Layout.Horizontal().Width(Size.Fraction(0.9f))
| githubStarsCard
| stargazersDailyCard)
| new FloatingPanel(openApiButton, Align.BottomRight).Offset(new Thickness(0, 0, 10, 5))
| new Spacer().Height(Size.Units(10))
| stargazersTodayDialog
| stargazerDetailDialog;
}
Expand Down
Loading