@byline/host-tanstack-start 5.1.3 → 5.1.4

package/dist/routes/create-admin-analytics-route.js

@@ -1,7 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createFileRoute, notFound } from "@tanstack/react-router";
-import { AnalyticsDashboard } from "@byline/admin/analytics/components/dashboard";
-import { isAnalyticsDashboardPeriod } from "@byline/analytics/config";
+import { ANALYTICS_PREVIEW_ROWS, AnalyticsDashboard } from "@byline/admin/analytics/components/dashboard";
+import { ANALYTICS_MAX_TOP_LIMIT, isAnalyticsDashboardPeriod } from "@byline/analytics/config";
 import { useTranslation } from "@byline/i18n/react";
 import { z } from "zod";
 import { BreadcrumbsClient } from "../admin-shell/chrome/breadcrumbs/breadcrumbs-client.js";
@@ -36,20 +36,20 @@ function createAdminAnalyticsRoute(path) {
                     data: {
                         ...range,
                         kind: 'page',
-                        limit: 20
+                        limit: ANALYTICS_PREVIEW_ROWS
                     }
                 }),
                 getAnalyticsTop({
                     data: {
                         ...range,
                         kind: 'download',
-                        limit: 20
+                        limit: ANALYTICS_PREVIEW_ROWS
                     }
                 }),
                 getAnalyticsReferrers({
                     data: {
                         ...range,
-                        limit: 20
+                        limit: ANALYTICS_PREVIEW_ROWS
                     }
                 }),
                 getAnalyticsCountries({
@@ -90,6 +90,18 @@ function createAdminAnalyticsRoute(path) {
                     /*#__PURE__*/ jsx(AnalyticsDashboard, {
                         data: data,
                         period: period,
+                        loadFullList: (kind)=>'referrers' === kind ? getAnalyticsReferrers({
+                                data: {
+                                    ...data.range,
+                                    limit: ANALYTICS_MAX_TOP_LIMIT
+                                }
+                            }) : getAnalyticsTop({
+                                data: {
+                                    ...data.range,
+                                    kind: 'pages' === kind ? 'page' : 'download',
+                                    limit: ANALYTICS_MAX_TOP_LIMIT
+                                }
+                            }),
                         onPeriodChange: (nextPeriod)=>{
                             navigate({
                                 to: getAdminRoutePath('analytics'),

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "5.1.3",
+  "version": "5.1.4",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -125,15 +125,15 @@
     "react-json-view-lite": "^2.5.0",
     "react-swipeable": "^7.0.2",
     "zod": "^4.5.4",
-    "@byline/admin": "5.1.3",
-    "@byline/analytics": "5.1.3",
-    "@byline/auth": "5.1.3",
-    "@byline/ui": "5.1.3",
-    "@byline/ai": "5.1.3",
-    "@byline/client": "5.1.3",
-    "@byline/i18n": "5.1.3",
-    "@byline/core": "5.1.3",
-    "@byline/analytics-agent": "5.1.3"
+    "@byline/analytics": "5.1.4",
+    "@byline/admin": "5.1.4",
+    "@byline/auth": "5.1.4",
+    "@byline/ai": "5.1.4",
+    "@byline/client": "5.1.4",
+    "@byline/core": "5.1.4",
+    "@byline/i18n": "5.1.4",
+    "@byline/analytics-agent": "5.1.4",
+    "@byline/ui": "5.1.4"
   },
   "peerDependencies": {
     "@tanstack/react-router": "^1.167.0",

package/src/routes/create-admin-analytics-route.tsx

@@ -9,8 +9,11 @@
 import { createFileRoute, notFound } from '@tanstack/react-router'
 
 import type { AnalyticsDashboardData, AnalyticsDashboardPeriod } from '@byline/admin/analytics'
-import { AnalyticsDashboard } from '@byline/admin/analytics/components/dashboard'
-import { isAnalyticsDashboardPeriod } from '@byline/analytics/config'
+import {
+  ANALYTICS_PREVIEW_ROWS,
+  AnalyticsDashboard,
+} from '@byline/admin/analytics/components/dashboard'
+import { ANALYTICS_MAX_TOP_LIMIT, isAnalyticsDashboardPeriod } from '@byline/analytics/config'
 import { useTranslation } from '@byline/i18n/react'
 import { z } from 'zod'
 
@@ -55,9 +58,11 @@ export function createAdminAnalyticsRoute(path: string) {
       const range = buildAnalyticsDashboardRange(deps.period, new Date(), coverage.summaryFrom)
       const [summary, pages, downloads, referrers, countries] = await Promise.all([
         getAnalyticsSummary({ data: range }),
-        getAnalyticsTop({ data: { ...range, kind: 'page', limit: 20 } }),
-        getAnalyticsTop({ data: { ...range, kind: 'download', limit: 20 } }),
-        getAnalyticsReferrers({ data: { ...range, limit: 20 } }),
+        // Fetch exactly the preview depth each card shows; the full list is
+        // fetched on demand through `loadFullList` below.
+        getAnalyticsTop({ data: { ...range, kind: 'page', limit: ANALYTICS_PREVIEW_ROWS } }),
+        getAnalyticsTop({ data: { ...range, kind: 'download', limit: ANALYTICS_PREVIEW_ROWS } }),
+        getAnalyticsReferrers({ data: { ...range, limit: ANALYTICS_PREVIEW_ROWS } }),
         getAnalyticsCountries({ data: range }),
       ])
 
@@ -93,6 +98,19 @@ export function createAdminAnalyticsRoute(path: string) {
           <AnalyticsDashboard
             data={data}
             period={period}
+            loadFullList={(kind) =>
+              kind === 'referrers'
+                ? getAnalyticsReferrers({
+                    data: { ...data.range, limit: ANALYTICS_MAX_TOP_LIMIT },
+                  })
+                : getAnalyticsTop({
+                    data: {
+                      ...data.range,
+                      kind: kind === 'pages' ? 'page' : 'download',
+                      limit: ANALYTICS_MAX_TOP_LIMIT,
+                    },
+                  })
+            }
             onPeriodChange={(nextPeriod) => {
               navigate({
                 to: getAdminRoutePath('analytics'),