perf: route page markdown copy through first-party docs endpoints

(cherry picked from commit 235a834)

Author: LadyBluenotes

src/components/CopyMarkdownButton.tsx

@@ -33,95 +33,3 @@ export function useCopyButton(
 
   return [checked, onClick]
 }
-
-const cache = new Map<string, string>()
-
-interface CopyMarkdownButtonProps {
-  repo: string
-  branch: string
-  filePath: string
-}
-
-export function CopyMarkdownButton({
-  repo,
-  branch,
-  filePath,
-}: CopyMarkdownButtonProps) {
-  const [isLoading, startTransition] = useTransition()
-  const { notify } = useToast()
-  const [checked, onClick] = useCopyButton(async () => {
-    startTransition(() => {
-      const url = `https://raw.githubusercontent.com/${repo}/${branch}/${filePath}`
-      const cached = cache.get(url)
-
-      if (cached) {
-        navigator.clipboard.writeText(cached).then(() => {
-          notify(
-            <div>
-              <div className="font-medium">Copied markdown</div>
-              <div className="text-gray-500 dark:text-gray-400 text-xs">
-                Source content copied from cache
-              </div>
-            </div>,
-          )
-        })
-      } else {
-        fetch(url)
-          .then((response) => {
-            if (!response.ok) {
-              throw new Error('Fetch failed')
-            }
-            return response.text()
-          })
-          .then((content) => {
-            cache.set(url, content)
-            return navigator.clipboard.writeText(content).then(() => {
-              notify(
-                <div>
-                  <div className="font-medium">Copied markdown</div>
-                  <div className="text-gray-500 dark:text-gray-400 text-xs">
-                    Source content copied from GitHub
-                  </div>
-                </div>,
-              )
-            })
-          })
-          .catch(() => {
-            // fallback: try to copy current page content if available
-            const pageContent =
-              document.querySelector('.styled-markdown-content')?.textContent ||
-              ''
-            navigator.clipboard.writeText(pageContent).then(() => {
-              notify(
-                <div>
-                  <div className="font-medium">Copied markdown</div>
-                  <div className="text-gray-500 dark:text-gray-400 text-xs">
-                    Fallback: copied rendered page content
-                  </div>
-                </div>,
-              )
-            })
-          })
-      }
-    })
-  })
-
-  return (
-    <Button
-      disabled={isLoading}
-      className="bg-white/70 text-black dark:bg-gray-500/40 dark:text-white shadow-md backdrop-blur-sm"
-      onClick={onClick}
-      title="Copy markdown source"
-    >
-      {checked ? (
-        <>
-          <Check className="w-3 h-3" /> Copied to Clipboard
-        </>
-      ) : (
-        <>
-          <Copy className="w-3 h-3" /> Copy Markdown
-        </>
-      )}
-    </Button>
-  )
-}

src/components/CopyPageDropdown.tsx

@@ -113,11 +113,7 @@ export function CopyPageDropdown({
   const [copied, setCopied] = React.useState(false)
   const { notify } = useToast()
 
-  // Determine if we should fetch from GitHub or use the page URL
-  const useGitHub = repo === 'tanstack/tanstack.com'
-  const gitHubUrl = useGitHub
-    ? `https://raw.githubusercontent.com/${repo}/${branch}/${filePath}`
-    : null
+  // For docs pages in this repo, prefer the site's markdown endpoint so requests stay behind site caching.
   const pageMarkdownUrl = (() => {
     const base = `${typeof window !== 'undefined' ? window.location.origin : ''}${typeof window !== 'undefined' ? window.location.pathname.replace(/\/$/, '') : ''}.md`
     const params = new URLSearchParams()
@@ -134,6 +130,13 @@ export function CopyPageDropdown({
     return queryString ? `${base}?${queryString}` : base
   })()
 
+  const sourceMarkdownUrl =
+    repo === 'tanstack/tanstack.com'
+      ? pageMarkdownUrl
+      : repo && branch && filePath
+        ? `https://raw.githubusercontent.com/${repo}/${branch}/${filePath}`
+        : pageMarkdownUrl
+
   const handleCopyPage = async () => {
     if (rawContent) {
       await navigator.clipboard.writeText(rawContent)
@@ -147,7 +150,7 @@ export function CopyPageDropdown({
       return
     }
 
-    const urlToFetch = gitHubUrl || pageMarkdownUrl
+    const urlToFetch = sourceMarkdownUrl
     const cached = markdownCache.get(urlToFetch)
 
     const copyContent = async (content: string, source: string) => {
@@ -176,9 +179,9 @@ export function CopyPageDropdown({
       markdownCache.set(urlToFetch, content)
       await copyContent(
         content,
-        gitHubUrl
-          ? 'Markdown content copied from GitHub'
-          : 'Markdown content copied',
+        repo === 'tanstack/tanstack.com'
+          ? 'Markdown content copied from markdown endpoint'
+          : 'Markdown content copied from GitHub',
       )
     } catch {
       // Fallback: try to copy current page content if available
@@ -204,7 +207,7 @@ export function CopyPageDropdown({
   }
 
   const handleViewMarkdown = () => {
-    const url = gitHubUrl || pageMarkdownUrl
+    const url = sourceMarkdownUrl
     window.open(url, '_blank')
   }