fix: bump vue-data-ui and impacts

[graphieros]

• Bump vue-data-ui from 3.15.0 to 3.15.5

Impacts

Downloads chart in modal

• apply subtle path gradient
• refactor (dry)
  Note: gradient paths are not used in the charts on the compare page

Versions chart (bars)

• replace unnecessary use of the #area-gradient by #bar-gradient, with a subtle gradient based on the series color

Weekly downloads sparkline

• Improve performance of the pulse trail (showing 1/3 of trailing circles compared to previous version). The value is increased from 20 to 30, but will only animate 10 dom nodes instead of 20 in the previous version.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 22, 2026 10:33am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 22, 2026 10:33am
npmx-lunaria	Ignored		Feb 22, 2026 10:33am

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

---

📝 Walkthrough

Walkthrough

Consolidated dataset construction in TrendsChart.vue by introducing a shared datasetItem (name, type, series, color, temperatureColors, useArea) and computing a light color variant for dark mode; reused across weekly, daily, monthly and yearly branches. Tooltip guards in TrendsChart.vue and VersionDistribution.vue now return early when datapoint is missing or when a loading/pending state is active. VersionDistribution.vue replaces area-gradient with a bar-gradient, computing gradient stops using lightenHex and stop-opacity adjustments. WeeklyDownloadStats.vue increases the sparkline pulse trail length from 20 to 30. vue-data-ui bumped from 3.15.0 to 3.15.5.

Possibly related PRs

• feat: add trail effect on sparkline pulse #991: Modifies WeeklyDownloadStats.vue sparkline/pulse configuration (trail length changes overlap).
• feat: add subtle gradient on modal chart area #1127: Refactors chart dataset construction to introduce reusable dataset items and area/gradient properties (strong code-level overlap).

Suggested labels

front

Suggested reviewers

• danielroe
• shuuji3
• whitep4nth3r

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description accurately relates to and describes the changeset, including dependency bump and specific visual/performance improvements across three chart components.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[codecov]

Codecov Report

❌ Patch coverage is 57.14286% with 3 lines in your changes missing coverage. Please review.
✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
app/components/Package/VersionDistribution.vue	0.00%	1 Missing and 1 partial ⚠️
app/components/Package/TrendsChart.vue	80.00%	0 Missing and 1 partial ⚠️

📢 Thoughts on this report? Let us know!

[coderabbitai]

Actionable comments posted: 2

[coderabbitai]

🧹 Nitpick comments (1)

app/components/Package/TrendsChart.vue (1)

204-220: Simplify redundant conditions in temperatureColors and use baseColor for the color field.

Three minor redundancies in this block:

1. baseColor (Line 205) is always truthy — accent.value always yields a non-empty string via the OKLCH_NEUTRAL_FALLBACK fallback, so the && baseColor guard is a no-op.
2. isDarkMode.value && typeof baseColor === 'string' (Lines 208–210) — typeof baseColor === 'string' is always true (the value is statically typed as string), and isDarkMode.value is redundant because lightColor is already undefined when not in dark mode, making typeof lightColor === 'string' sufficient alone.
3. color: accent.value (Line 217) duplicates baseColor which already holds the same value.

♻️ Proposed simplification

- const lightColor = isDarkMode.value && baseColor ? lightenOklch(baseColor, 0.618) : undefined+ const lightColor = isDarkMode.value ? lightenOklch(baseColor, 0.618) : undefined- // Subtle path gradient applied in dark mode only- const temperatureColors =- isDarkMode.value && typeof baseColor === 'string' && typeof lightColor === 'string'- ? [lightColor, baseColor]- : undefined+ // Subtle path gradient applied in dark mode only+ const temperatureColors = lightColor ? [lightColor, baseColor] : undefined
const datasetItem: VueUiXyDatasetItem = {
name: seriesName,
type: 'line',
series: dataset.map(d => d.value),
- color: accent.value,+ color: baseColor,
temperatureColors,
useArea: true,
}