Dashboard: Add caching to analytics charts #7804
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Contributor
|
Note Other AI code review bot(s) detectedCodeRabbit has detected other AI code review bot(s) in this pull request and will avoid duplicating their findings in the review comments. This may lead to a less comprehensive review. WalkthroughThis change refactors analytics data fetching across the dashboard app to require explicit authentication tokens and introduces caching for analytics API calls using Next.js's Changes
Sequence Diagram(s)sequenceDiagram
participant PageComponent
participant getAuthToken
participant ChildAnalyticsComponent
participant AnalyticsAPI
PageComponent->>getAuthToken: getAuthToken()
alt Token present
PageComponent->>ChildAnalyticsComponent: Render with authToken
ChildAnalyticsComponent->>AnalyticsAPI: fetchData(params, authToken)
AnalyticsAPI-->>ChildAnalyticsComponent: Data (cached if available)
ChildAnalyticsComponent-->>PageComponent: Rendered analytics
else Token missing
PageComponent->>PageComponent: Redirect to login
end
Estimated code review effort🎯 4 (Complex) | ⏱️ ~45 minutes Warning Review ran into problems🔥 ProblemsErrors were encountered while retrieving linked issues. Errors (1)
📜 Recent review detailsConfiguration used: CodeRabbit UI 📒 Files selected for processing (24)
🚧 Files skipped from review as they are similar to previous changes (23)
🧰 Additional context used📓 Path-based instructions (3)**/*.{ts,tsx}📄 CodeRabbit Inference Engine (CLAUDE.md)
Files:
**/*.{ts,tsx,js,jsx}📄 CodeRabbit Inference Engine (CLAUDE.md)
Files:
apps/{dashboard,playground-web}/**/*.{ts,tsx}📄 CodeRabbit Inference Engine (CLAUDE.md)
Files:
🧠 Learnings (19)📓 Common learnings📚 Learning: applies to dashboard/**/*.{ts,tsx} : heavy data fetching that should not ship to the client (e.g. an...Applied to files:
📚 Learning: applies to src/@/analytics/report.ts : review `src/@/analytics/report.ts` before adding analytics ev...Applied to files:
📚 Learning: applies to dashboard/**/api/**/*.{ts,tsx} : always call `getauthtoken()` to get the jwt from cookies...Applied to files:
📚 Learning: applies to dashboard/**/*.{ts,tsx} : export default async functions without `'use client';` – they r...Applied to files:
📚 Learning: applies to dashboard/**/*client.tsx : keep `querykey` stable and descriptive for cache hits....Applied to files:
📚 Learning: applies to apps/{dashboard,playground-web}/**/*.{ts,tsx} : wrap client-side data fetching calls in r...Applied to files:
📚 Learning: applies to apps/{dashboard,playground-web}/**/*.{ts,tsx} : always call `getauthtoken()` to retrieve ...Applied to files:
📚 Learning: applies to apps/{dashboard,playground-web}/**/*.{ts,tsx} : use descriptive, stable `querykeys` for r...Applied to files:
📚 Learning: applies to dashboard/**/*client.tsx : create light wrappers (e.g. `fetchjson`) that automatically at...Applied to files:
📚 Learning: applies to apps/{dashboard,playground-web}/**/*.{ts,tsx} : configure `staletime`/`cachetime` in reac...Applied to files:
📚 Learning: applies to dashboard/**/*.{ts,tsx} : accessing server-only environment variables or secrets....Applied to files:
📚 Learning: applies to apps/{dashboard,playground-web}/**/*.{ts,tsx} : server components (node edge): start file...Applied to files:
📚 Learning: applies to dashboard/**/*client.tsx : configure `staletime` / `cachetime` according to freshness req...Applied to files:
📚 Learning: applies to dashboard/**/api/**/*.{ts,tsx} : prefix files with `import "server-only";` so they never ...Applied to files:
📚 Learning: applies to dashboard/**/api/**/*.{ts,tsx} : co-locate data helpers under `@/api/**` and mark them wi...Applied to files:
📚 Learning: in next.js server components, the `params` object can sometimes be a promise that needs to be awaite...Applied to files:
📚 Learning: applies to dashboard/**/*client.tsx : interactive ui that relies on hooks (`usestate`, `useeffect`, ...Applied to files:
📚 Learning: applies to dashboard/**/*client.tsx : pages requiring fast transitions where data is prefetched on t...Applied to files:
🧬 Code Graph Analysis (1)apps/dashboard/src/@/api/analytics.ts (3)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (8)
🔇 Additional comments (9)
✨ Finishing Touches
🧪 Generate unit tests
🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
SupportNeed help? Create a ticket on our support page for assistance with any issues or questions. CodeRabbit Commands (Invoked using PR comments)
Other keywords and placeholders
CodeRabbit Configuration File (
|
Member
Author
How to use the Graphite Merge QueueAdd either label to this PR to merge it via the merge queue:
You must have a Graphite account in order to use the merge queue. Sign up using this link. An organization admin has enabled the Graphite Merge Queue in this repository. Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue. This stack of pull requests is managed by Graphite. Learn more about stacking. |
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #7804 +/- ##
=======================================
Coverage 56.33% 56.33%
=======================================
Files 905 905
Lines 58809 58809
Branches 4147 4147
=======================================
Hits 33131 33131
Misses 25573 25573
Partials 105 105
🚀 New features to boost your workflow:
|
MananTank
force-pushed
the
08-07-dashboard_add_caching_to_analytics_usage
branch
from
788068b to
95c42f7
Compare
![graphite-app[bot]](https://avatars.githubusercontent.com/in/158384?s=60&v=4){kind=small}
MananTank
force-pushed
the
08-06-dashboard_improved_chart_responsiveness_code_cleanup
branch
from
5ce2058 to
5e15af1
Compare
MananTank
force-pushed
the
08-07-dashboard_add_caching_to_analytics_usage
branch
from
95c42f7 to
04d6c76
Compare
MananTank
force-pushed
the
08-07-dashboard_add_caching_to_analytics_usage
branch
from
04d6c76 to
a29048e
Compare
Contributor
size-limit report 📦
|
joaquim-verges
approved these changes
Aug 7, 2025
graphite-app
bot
changed the base branch from
08-06-dashboard_improved_chart_responsiveness_code_cleanup
to
graphite-base/7804
MananTank
force-pushed
the
graphite-base/7804
branch
from
5e15af1 to
8bb2b0a
Compare
Contributor
Merge activity
|
MananTank
force-pushed
the
08-07-dashboard_add_caching_to_analytics_usage
branch
from
a29048e to
86d38c8
Compare
MananTank
changed the title
<!--
## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"
If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):
## Notes for the reviewer
Anything important to call out? Be sure to also clarify these in your comments.
## How to test
Unit tests, playground, etc.
-->
<!-- start pr-codex -->
---
## PR-Codex overview
This PR focuses on enhancing the analytics functionality across various components by adding an `authToken` parameter to API calls, ensuring secure access to analytics data.
### Detailed summary
- Added `authToken` prop to multiple components for secure API access.
- Updated API functions to accept `authToken` for authentication.
- Modified analytics data fetching methods to include `authToken`.
- Changed default values and parameters in several functions for consistency.
> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`
<!-- end pr-codex -->
<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit
* **New Features**
* Analytics data fetching now uses caching for improved performance.
* Authentication is enforced for all analytics-related pages and components, with users redirected to login if not authenticated.
* **Refactor**
* All analytics API calls and related components now require an explicit authentication token, improving security and consistency.
* Parameters for analytics functions and components are more consistently structured, often grouped into objects for clarity.
* **Style**
* Default chart display updated from "totalVolume" to "activeUsers" in highlights cards for a more relevant initial view.
* **Bug Fixes**
* Standardized error handling across analytics data requests.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
graphite-app
bot
force-pushed
the
08-07-dashboard_add_caching_to_analytics_usage
branch
from
86d38c8 to
7883127
Compare
graphite-app
bot
deleted the
08-07-dashboard_add_caching_to_analytics_usage
branch
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
PR-Codex overview
This PR introduces the
authTokenparameter across various components and functions, enhancing authentication handling for analytics and data fetching. It also refactors several API calls to include this token for improved security.Detailed summary
authTokenprop to multiple components and functions.authTokenfor data fetching.getUserOpUsage,getWalletConnections, and others to acceptauthToken.InAppWalletsSummary,EcosystemAnalyticsPage, andProjectAnalyticsto utilize the newauthToken.Summary by CodeRabbit
New Features
Refactor
Style
Bug Fixes