feat(devops): separate public page server timing diagnostics

src/app/(site)/events/page.tsx

@@ -7,6 +7,7 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { auth } from "@/lib/auth";
 import { excerpt, slugify } from "@/lib/format";
 import { logger } from "@/lib/logger";
+import { withPublicPagePerformance } from "@/lib/public-page-performance";
 import { loadPublicEvents } from "@/lib/services/public-events";
 
 export async function generateMetadata(): Promise<Metadata> {
@@ -22,7 +23,7 @@ export async function generateMetadata(): Promise<Metadata> {
 	};
 }
 
-export default async function EventsPage({
+async function EventsPage({
 	searchParams,
 }: {
 	searchParams: Promise<{
@@ -274,3 +275,5 @@ export default async function EventsPage({
 		</main>
 	);
 }
+
+export default withPublicPagePerformance("/events", EventsPage);

src/app/(site)/me/page.tsx

@@ -11,6 +11,7 @@ import { UserAvatarThumbnail } from "@/components/shared/user-avatar-thumbnail";
 import { SurfaceCard } from "@/components/surface-card";
 import { auth } from "@/lib/auth";
 import { avatarImageUrl, slugify } from "@/lib/format";
+import { withPublicPagePerformance } from "@/lib/public-page-performance";
 import { loadUserDashboard } from "@/lib/services/user-dashboard";
 import CopyReferralButton from "./CopyReferralButton";
 import DashboardTasks from "./DashboardTasks";
@@ -21,7 +22,7 @@ export async function generateMetadata() {
 	return { title: t("title") };
 }
 
-export default async function MePage({
+async function MePage({
 	searchParams,
 }: {
 	searchParams: Promise<{ claimed?: string; error?: string }>;
@@ -440,3 +441,5 @@ export default async function MePage({
 		</main>
 	);
 }
+
+export default withPublicPagePerformance("/me", MePage);

src/app/(site)/news/[...slug]/page.tsx

@@ -19,6 +19,7 @@ import {
 } from "@/lib/db";
 import { excerpt } from "@/lib/format";
 import { formatDate } from "@/lib/format-date";
+import { withPublicPagePerformance } from "@/lib/public-page-performance";
 import { sanitize } from "@/lib/sanitize";
 import { cacheNews } from "@/lib/services/news-cache";
 
@@ -92,7 +93,7 @@ const REACTIONS: { key: string; emoji: string }[] = [
 	{ key: "wow", emoji: "😮" },
 ];
 
-export default async function ArticlePage({
+async function ArticlePage({
 	params,
 	searchParams,
 }: {
@@ -407,3 +408,5 @@ export default async function ArticlePage({
 		</main>
 	);
 }
+
+export default withPublicPagePerformance("/news/[slug]", ArticlePage);

src/app/(site)/news/page.tsx

@@ -5,11 +5,12 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { excerpt } from "@/lib/format";
 import { formatDate } from "@/lib/format-date";
 import { logger } from "@/lib/logger";
+import { withPublicPagePerformance } from "@/lib/public-page-performance";
 import { loadNewsArchive } from "@/lib/services/news-archive";
 
 export const metadata = { title: "News" };
 
-export default async function NewsPage({
+async function NewsPage({
 	searchParams,
 }: {
 	searchParams: Promise<{ q?: string; page?: string; order?: string }>;
@@ -188,3 +189,5 @@ export default async function NewsPage({
 		</main>
 	);
 }
+
+export default withPublicPagePerformance("/news", NewsPage);

src/app/(site)/search/page.tsx

@@ -4,6 +4,7 @@ import Link from "@/components/link";
 import { LocalEventTime } from "@/components/public/local-event-time";
 import { ContentCard, EmptyState } from "@/components/public/ui";
 import { UserAvatarThumbnail } from "@/components/shared/user-avatar-thumbnail";
+import { withPublicPagePerformance } from "@/lib/public-page-performance";
 import { loadPublicSearch } from "@/lib/services/public-search";
 
 export async function generateMetadata(): Promise<Metadata> {
@@ -17,11 +18,7 @@ type Params = {
 	newsPage?: string;
 	eventsPage?: string;
 };
-export default async function SearchPage({
-	searchParams,
-}: {
-	searchParams: Promise<Params>;
-}) {
+async function SearchPage({ searchParams }: { searchParams: Promise<Params> }) {
 	const t = await getTranslations("pages.search");
 	const params = await searchParams;
 	const result = await loadPublicSearch({
@@ -226,3 +223,5 @@ export default async function SearchPage({
 		</main>
 	);
 }
+
+export default withPublicPagePerformance("/search", SearchPage);

src/app/(site)/u/[username]/page.tsx

@@ -25,6 +25,7 @@ import {
 } from "@/lib/db";
 import { avatarImageUrl } from "@/lib/format";
 import { formatDate } from "@/lib/format-date";
+import { withPublicPagePerformance } from "@/lib/public-page-performance";
 import { loadProfilePrivacy } from "@/lib/services/profile-privacy";
 import { ProfilePhotoGallery } from "./ProfilePhotoGallery";
 import styles from "./profile.module.css";
@@ -77,7 +78,7 @@ const BADGE_IMG_BASE = "https://images.habbo.com/c_images/album1584";
 const CURRENCY_DUCKETS = 0;
 const CURRENCY_DIAMONDS = 5;
 
-export default async function ProfilePage({
+async function ProfilePage({
 	params,
 	searchParams,
 }: {
@@ -699,3 +700,5 @@ export default async function ProfilePage({
 		</main>
 	);
 }
+
+export default withPublicPagePerformance("/u/[username]", ProfilePage);