Skip to content

Commit 22d326e

Browse files
BoshenBoshen
committed
update
1 parent 7c21780 commit 22d326e

14 files changed

Lines changed: 54 additions & 64 deletions

File tree

‎apps/dashboard/src/NpmPackages.tsx‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,7 @@ const packages = [
1616
function NpmPackages() {
1717
return (
1818
<main className="px-6 py-6">
19-
<h2 className="mb-6 text-lg font-semibold">
20-
NPM Package Statistics
21-
</h2>
19+
<h2 className="mb-6 text-lg font-semibold">NPM Package Statistics</h2>
2220

2321
<PackageDownloadsList packages={packages} />
2422
</main>

‎apps/dashboard/src/components/Layout.tsx‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,7 @@ function Layout() {
1010
<Sidebar />
1111

1212
{/* Main Content Area */}
13-
<div
14-
className={`${collapsed ? "lg:pl-20" : "lg:pl-64"} transition-all duration-200`}
15-
>
13+
<div className={`${collapsed ? "lg:pl-20" : "lg:pl-64"} transition-all duration-200`}>
1614
<main className="h-screen overflow-auto">
1715
<Outlet />
1816
</main>

‎apps/dashboard/src/components/layout/Sidebar.tsx‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -101,12 +101,8 @@ export function Sidebar() {
101101
</div>
102102
{!collapsed && (
103103
<div>
104-
<h1 className="font-semibold text-sm tracking-tight">
105-
Vibe
106-
</h1>
107-
<p className="text-[10px] text-[var(--color-text-muted)]">
108-
Dashboard
109-
</p>
104+
<h1 className="font-semibold text-sm tracking-tight">Vibe</h1>
105+
<p className="text-[10px] text-[var(--color-text-muted)]">Dashboard</p>
110106
</div>
111107
)}
112108
</div>
@@ -159,7 +155,6 @@ export function Sidebar() {
159155
))}
160156
</ul>
161157
</nav>
162-
163158
</aside>
164159
</>
165160
);

‎apps/dashboard/src/components/minification/LibraryBenchmarkCard.tsx‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,7 @@ export function LibraryBenchmarkCard({ library }: LibraryBenchmarkCardProps) {
1313
return (
1414
<div className="rounded-lg border border-[var(--color-border)] bg-[var(--color-surface)] overflow-hidden">
1515
<div className="px-5 py-3 border-b border-[var(--color-border)]">
16-
<h3 className="text-sm font-semibold capitalize">
17-
{library}
18-
</h3>
16+
<h3 className="text-sm font-semibold capitalize">{library}</h3>
1917
</div>
2018
<div className="grid grid-cols-1 lg:grid-cols-2 gap-px bg-[var(--color-border)]">
2119
{/* Left column - Minification Time */}

‎apps/dashboard/src/components/minification/MinificationStats.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,9 @@ export function MinificationStats() {
3636
<h3 className="mb-2 text-[var(--color-text-muted)] text-xs font-medium uppercase tracking-wider">
3737
{stat.label}
3838
</h3>
39-
<p className={`mb-3 text-2xl font-semibold tracking-tight ${stat.highlight ? "text-[var(--color-accent)]" : ""}`}>
39+
<p
40+
className={`mb-3 text-2xl font-semibold tracking-tight ${stat.highlight ? "text-[var(--color-accent)]" : ""}`}
41+
>
4042
{stat.value}
4143
</p>
4244
<span className="text-xs px-2 py-1 rounded-md bg-[var(--color-accent-soft)] text-[var(--color-accent)] border border-[var(--color-accent)]/20">

‎apps/dashboard/src/components/npm/PackageCard.tsx‎

Lines changed: 22 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,7 @@ function formatNumber(num: number): string {
2525

2626
function Skeleton({ width }: { width: string }) {
2727
return (
28-
<span
29-
className={`inline-block h-4 ${width} bg-[var(--color-surface)] rounded animate-pulse`}
30-
/>
28+
<span className={`inline-block h-4 ${width} bg-[var(--color-surface)] rounded animate-pulse`} />
3129
);
3230
}
3331

@@ -118,13 +116,25 @@ export function PackageCard({ packageName }: PackageCardProps) {
118116
{
119117
icon: <Download size={12} />,
120118
label: "Weekly",
121-
value: loading ? <Skeleton width="w-14" /> : downloads !== null ? formatNumber(downloads) : "N/A",
119+
value: loading ? (
120+
<Skeleton width="w-14" />
121+
) : downloads !== null ? (
122+
formatNumber(downloads)
123+
) : (
124+
"N/A"
125+
),
122126
highlight: true,
123127
},
124128
{
125129
icon: <Calendar size={12} />,
126130
label: "Updated",
127-
value: loading ? <Skeleton width="w-16" /> : lastPublishDate ? formatDate(lastPublishDate) : "N/A",
131+
value: loading ? (
132+
<Skeleton width="w-16" />
133+
) : lastPublishDate ? (
134+
formatDate(lastPublishDate)
135+
) : (
136+
"N/A"
137+
),
128138
},
129139
{
130140
icon: <Users size={12} />,
@@ -161,7 +171,10 @@ export function PackageCard({ packageName }: PackageCardProps) {
161171
<h3 className="font-mono text-sm font-medium group-hover:text-[var(--color-accent)] transition-colors">
162172
{packageName}
163173
</h3>
164-
<ExternalLink size={12} className="text-[var(--color-text-muted)] opacity-0 group-hover:opacity-100 transition-opacity" />
174+
<ExternalLink
175+
size={12}
176+
className="text-[var(--color-text-muted)] opacity-0 group-hover:opacity-100 transition-opacity"
177+
/>
165178
</div>
166179

167180
{/* Stats Grid */}
@@ -173,7 +186,9 @@ export function PackageCard({ packageName }: PackageCardProps) {
173186
</div>
174187
<div className="min-w-0 flex-1">
175188
<p className="text-[10px] text-[var(--color-text-muted)]">{stat.label}</p>
176-
<p className={`text-sm font-medium truncate ${stat.highlight ? "text-[var(--color-accent)]" : ""}`}>
189+
<p
190+
className={`text-sm font-medium truncate ${stat.highlight ? "text-[var(--color-accent)]" : ""}`}
191+
>
177192
{stat.value}
178193
</p>
179194
</div>

‎apps/dashboard/src/components/rolldown/StatsCards.tsx‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -41,9 +41,7 @@ export function StatsCards() {
4141
<h3 className="mb-2 text-[var(--color-text-muted)] text-xs font-medium uppercase tracking-wider">
4242
{stat.label}
4343
</h3>
44-
<p className="mb-3 text-2xl font-semibold tracking-tight">
45-
{stat.value}
46-
</p>
44+
<p className="mb-3 text-2xl font-semibold tracking-tight">{stat.value}</p>
4745
<span className="text-xs px-2 py-1 rounded-md bg-[var(--color-accent-soft)] text-[var(--color-accent)] border border-[var(--color-accent)]/20">
4846
{stat.badge}
4947
</span>

‎apps/dashboard/src/pages/DependentsPage.tsx‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -141,7 +141,10 @@ function DependentsPage() {
141141
className="text-sm hover:text-[var(--color-accent)] transition-colors flex items-center gap-1 group"
142142
>
143143
<span className="truncate">{repoName}</span>
144-
<ExternalLink size={10} className="opacity-0 group-hover:opacity-100 transition-opacity flex-shrink-0" />
144+
<ExternalLink
145+
size={10}
146+
className="opacity-0 group-hover:opacity-100 transition-opacity flex-shrink-0"
147+
/>
145148
</a>
146149
</td>
147150
<td className="py-2 px-4 text-right">

‎apps/dashboard/src/pages/HomePage.tsx‎

Lines changed: 6 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -129,9 +129,7 @@ function HomePage() {
129129
<BarChart3 size={24} className="text-white" />
130130
</div>
131131
<div>
132-
<h1 className="text-2xl font-semibold tracking-tight mb-1">
133-
VoidZero Dashboard
134-
</h1>
132+
<h1 className="text-2xl font-semibold tracking-tight mb-1">VoidZero Dashboard</h1>
135133
<p className="text-[var(--color-text-muted)] text-sm max-w-xl">
136134
Performance metrics and analytics for the next-generation JavaScript toolchain
137135
</p>
@@ -186,10 +184,7 @@ function HomePage() {
186184
className="group p-4 rounded-lg border border-[var(--color-border)] bg-[var(--color-bg-elevated)] hover:border-[var(--color-border-strong)] hover:bg-[var(--color-surface)] transition-all"
187185
>
188186
<div className="flex items-center gap-2 mb-3">
189-
<div
190-
className="w-2 h-2 rounded-full"
191-
style={{ backgroundColor: project.color }}
192-
/>
187+
<div className="w-2 h-2 rounded-full" style={{ backgroundColor: project.color }} />
193188
<span className="font-medium text-sm group-hover:text-[var(--color-accent)] transition-colors">
194189
{project.name}
195190
</span>
@@ -228,9 +223,7 @@ function HomePage() {
228223
}}
229224
/>
230225
</div>
231-
<div className="w-16 text-right font-mono text-sm">
232-
{benchmark.time}s
233-
</div>
226+
<div className="w-16 text-right font-mono text-sm">{benchmark.time}s</div>
234227
</div>
235228
))}
236229
</div>
@@ -260,12 +253,8 @@ function HomePage() {
260253
className="p-4 rounded-lg border border-[var(--color-border)] bg-[var(--color-bg-elevated)]"
261254
>
262255
<div className="text-sm font-medium mb-1">{bench.tool}</div>
263-
<div className="text-xs text-[var(--color-text-muted)] mb-2">
264-
{bench.comparison}
265-
</div>
266-
<div className="text-lg font-semibold text-[var(--color-accent)]">
267-
{bench.speed}
268-
</div>
256+
<div className="text-xs text-[var(--color-text-muted)] mb-2">{bench.comparison}</div>
257+
<div className="text-lg font-semibold text-[var(--color-accent)]">{bench.speed}</div>
269258
</div>
270259
))}
271260
</div>
@@ -322,9 +311,7 @@ function HomePage() {
322311
{feature.icon}
323312
</div>
324313
<div className="text-xs font-medium">{feature.label}</div>
325-
<div className="text-[10px] text-[var(--color-text-muted)]">
326-
{feature.sub}
327-
</div>
314+
<div className="text-[10px] text-[var(--color-text-muted)]">{feature.sub}</div>
328315
</div>
329316
))}
330317
</div>

‎apps/dashboard/src/pages/MinificationBenchmarksPage.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,9 @@ function MinificationBenchmarksPage() {
5656
{stat.icon}
5757
<span className="text-xs">{stat.label}</span>
5858
</div>
59-
<div className={`text-xl font-semibold ${stat.highlight ? "text-[var(--color-accent)]" : ""}`}>
59+
<div
60+
className={`text-xl font-semibold ${stat.highlight ? "text-[var(--color-accent)]" : ""}`}
61+
>
6062
{stat.value}
6163
</div>
6264
</div>

0 commit comments

Comments
 (0)