// apps/www/src/app/(app)/docs/[[...slug]]/page.tsx:35-37
type DocPageProps = {
  searchParams: Promise<{ locale: string }>; // <-- THIS FORCES DYNAMIC RENDERING
};

// apps/www/src/app/(app)/docs/[[...slug]]/page.tsx

// BEFORE
type DocPageProps = {
  params: Promise<{ slug: string[] }>;
  searchParams: Promise<{ locale: string }>; // DELETE THIS
};

// AFTER
type DocPageProps = {
  params: Promise<{ slug: string[] }>;
  locale?: "en" | "cn"; // Optional prop, defaults to 'en'
};

export const dynamic = "force-static";

// Update getDocFromParams
async function getDocFromParams({ params, locale = "en" }: DocPageProps) {
  const slugParam = (await params).slug;
  // Use locale prop instead of searchParams
  if (locale === "cn") {
    // Chinese logic...
  }
  // ...
}

// apps/www/src/app/cn/docs/[[...slug]]/page.tsx
import { DocContent } from "@/app/(app)/docs/[[...slug]]/doc-content";
import { allDocs } from "contentlayer/generated";
// ... other imports from main page

export const dynamic = "force-static";

// IMPORTANT: Generate params for CN docs specifically
export function generateStaticParams() {
  return allDocs
    .filter((doc) => doc._raw.sourceFileName?.endsWith(".cn.mdx"))
    .map((doc) => ({
      slug: doc.slugAsParams.replace(/\.cn$/, "").split("/").slice(1),
    }));
}

export default async function CNDocPage({
  params,
}: {
  params: Promise<{ slug: string[] }>;
}) {
  // Render with locale='cn'
  // ... (copy rendering logic with locale hardcoded to 'cn')
}

// apps/www/src/hooks/useLocale.ts

// BEFORE - forces client-side hydration issues
import { useSearchParams } from "next/navigation";

export const useLocale = () => {
  const searchParams = useSearchParams();
  const locale = searchParams?.get("locale") || "en";
  return locale;
};

// AFTER - derive from pathname
import { usePathname } from "next/navigation";

export const useLocale = () => {
  const pathname = usePathname();
  return pathname?.startsWith("/cn") ? "cn" : "en";
};

// apps/www/src/lib/withLocale.ts

// BEFORE - adds redundant query param
export const hrefWithLocale = (href: string, locale: string) => {
  if (locale === "cn") {
    return `/cn${href}?locale=${locale}`; // Redundant!
  }
  return href;
};

// AFTER - path only
export const hrefWithLocale = (href: string, locale: string) => {
  if (locale === "cn") {
    return `/cn${href}`;
  }
  return href;
};

// apps/www/next.config.ts

// REMOVE these rewrites:
rewrites: async () => {
  return [
    { source: '/cn', destination: '/?locale=cn' },           // DELETE
    { source: '/cn/:path*', destination: '/:path*?locale=cn' }, // DELETE
  ];
},

// ADD these redirects for old URLs:
redirects: async () => {
  return [
    // ...existing redirects...

    // Redirect old ?locale=cn URLs to /cn/* paths
    {
      source: '/',
      has: [{ type: 'query', key: 'locale', value: 'cn' }],
      destination: '/cn',
      permanent: true,
    },
    {
      source: '/docs/:path*',
      has: [{ type: 'query', key: 'locale', value: 'cn' }],
      destination: '/cn/docs/:path*',
      permanent: true,
    },
  ];
},

// apps/www/src/app/(app)/page.tsx

// BEFORE
export default async function IndexPage({
  searchParams,
}: {
  searchParams: SearchParams;
}) {
  const locale = ((await searchParams).locale || "en") as keyof typeof i18n;
  // ...
}

// AFTER - remove searchParams, default to 'en'
export const dynamic = "force-static";

export default async function IndexPage() {
  const locale = "en"; // English home page
  // ...
}

// Create separate /cn/page.tsx for Chinese home