chore(dev-hub) Requested changes

Author: aditya520

apps/developer-hub/src/app/llms.txt/route.ts

@@ -4,29 +4,29 @@ import { getLLMText } from "../../lib/get-llm-text";
 import { source } from "../../lib/source";
 
 export async function GET() {
-    const pages = source.getPages();
-    const scan = pages.map((page) => getLLMText(page));
-    const scanned = await Promise.all(scan);
+  const pages = source.getPages();
+  const scan = pages.map((page) => getLLMText(page));
+  const scanned = await Promise.all(scan);
 
-    const content = [
-      "# Pyth Documentation",
-      "",
-      "This file contains the complete Pyth documentation for LLM consumption.",
-      `Generated on: ${new Date().toISOString()}`,
-      "",
-      "## About Pyth",
-      "Pyth is a decentralized price oracle network that provides real-time price feeds for a wide range of assets.",
-      "",
-      "---",
-      "",
-      ...scanned,
-    ].join("\n");
+  const content = [
+    "# Pyth Documentation",
+    "",
+    "This file contains the complete Pyth documentation for LLM consumption.",
+    `Generated on: ${new Date().toISOString()}`,
+    "",
+    "## About Pyth",
+    "Pyth is a decentralized price oracle network that provides real-time price feeds for a wide range of assets.",
+    "",
+    "---",
+    "",
+    ...scanned,
+  ].join("\n");
 
-    return new NextResponse(content, {
-      status: 200,
-      headers: {
-        "Content-Type": "text/plain; charset=utf-8",
-        "Cache-Control": "public, max-age=3600", // Cache for 1 hour
-      },
-    });
+  return new NextResponse(content, {
+    status: 200,
+    headers: {
+      "Content-Type": "text/plain; charset=utf-8",
+      "Cache-Control": "public, max-age=3600", // Cache for 1 hour
+    },
+  });
 }

apps/developer-hub/src/app/mdx/[...slug]/route.ts

@@ -7,20 +7,20 @@ export async function GET(
   _request: NextRequest,
   { params }: { params: Promise<{ slug: string[] }> },
 ) {
-    const { slug } = await params;
-    const page = source.getPage(slug);
+  const { slug } = await params;
+  const page = source.getPage(slug);
 
-    if (!page) {
-      return new NextResponse("Page not found", { status: 404 });
-    }
+  if (!page) {
+    return new NextResponse("Page not found", { status: 404 });
+  }
 
-    const content = await getLLMText(page);
+  const content = await getLLMText(page);
 
-    return new NextResponse(content, {
-      status: 200,
-      headers: {
-        "Content-Type": "text/plain; charset=utf-8",
-        "Cache-Control": "public, max-age=3600", // Cache for 1 hour
+  return new NextResponse(content, {
+    status: 200,
+    headers: {
+      "Content-Type": "text/plain; charset=utf-8",
+      "Cache-Control": "public, max-age=3600", // Cache for 1 hour
     },
   });
 }

apps/developer-hub/src/components/PageActions/index.tsx

@@ -2,17 +2,16 @@
 
 import { Copy, Check, Eye, OpenAiLogo } from "@phosphor-icons/react/dist/ssr";
 import { Button } from "@pythnetwork/component-library/Button";
-import { useLogger } from "@pythnetwork/component-library/useLogger";
-import type { ComponentType } from "react";
-import { useState } from "react";
+import { useCopy } from "@pythnetwork/component-library/useCopy";
+import type { ReactNode } from "react";
 
 import styles from "./index.module.scss";
 import { ClaudeIcon } from "../../lib/icons";
 
 type PageActionOption = {
   id: string;
   label: string;
-  icon: ComponentType<{ className?: string }>;
+  icon: ReactNode;
   url?: string;
   type: "copy" | "markdown" | "llm";
   ariaLabel?: string;
@@ -21,7 +20,7 @@ type PageActionOption = {
 type PageAction = {
   id: string;
   label: string;
-  icon: ComponentType<{ className?: string }>;
+  icon: ReactNode;
   onClick: () => void;
   ariaLabel?: string;
 };
@@ -36,52 +35,39 @@ const getPageActionOptions = (): PageActionOption[] => [
   {
     id: "copy-page",
     label: "Copy Page",
-    icon: Copy,
+    icon: <Copy />,
     type: "copy",
     ariaLabel: "Copy page content",
   },
   {
     id: "view-markdown",
     label: "View Markdown",
-    icon: Eye,
+    icon: <Eye />,
     type: "markdown",
     ariaLabel: "View page as Markdown",
   },
   {
     id: "ask-chatgpt",
     label: "Ask in ChatGPT",
-    icon: OpenAiLogo,
+    icon: <OpenAiLogo />,
     url: "https://chat.openai.com",
     type: "llm",
     ariaLabel: "Ask in ChatGPT",
   },
   {
     id: "ask-claude",
     label: "Ask in Claude",
-    icon: ClaudeIcon,
+    icon: <ClaudeIcon />,
     url: "https://claude.ai",
     type: "llm",
     ariaLabel: "Ask in Claude",
   },
 ];
 
 export function PageActions({ content, title, url }: PageActionsProps) {
-  const [copiedStates, setCopiedStates] = useState<Record<string, boolean>>({});
-  const logger = useLogger();
+  const { isCopied, copy } = useCopy(content);
   const pageActionOptions = getPageActionOptions();
 
-  async function handleCopy(key: string) {
-    try {
-      await navigator.clipboard.writeText(content);
-      setCopiedStates((prev) => ({ ...prev, [key]: true }));
-      setTimeout(() => {
-        setCopiedStates((prev) => ({ ...prev, [key]: false }));
-      }, 1200);
-    } catch (error) {
-      logger.error(error);
-    }
-  }
-
   function handleViewMarkdown() {
     const blob = new Blob([content], { type: "text/plain" });
     const blobUrl = URL.createObjectURL(blob);
@@ -118,11 +104,7 @@ export function PageActions({ content, title, url }: PageActionsProps) {
     let onClick: () => void;
 
     if (option.type === "copy") {
-      onClick = () => {
-        handleCopy(option.id).catch(() => {
-          /* no-op */
-        });
-      };
+      onClick = copy;
     } else if (option.type === "markdown") {
       onClick = handleViewMarkdown;
     } else {
@@ -144,14 +126,13 @@ export function PageActions({ content, title, url }: PageActionsProps) {
     <div className={styles.wrapper}>
       <div className={styles.container}>
         {actions.map((action, index) => {
-          const Icon = action.icon;
           const isLast = index === actions.length - 1;
 
           const pageOption = pageActionOptions.find(
             (opt) => opt.id === action.id,
           );
           const isCopyAction = pageOption?.type === "copy";
-          const showCheckIcon = isCopyAction && copiedStates[action.id];
+          const showCheckIcon = isCopyAction && isCopied;
 
           return (
             <div key={action.id} className={styles.buttonWrapper}>
@@ -165,7 +146,7 @@ export function PageActions({ content, title, url }: PageActionsProps) {
                   showCheckIcon ? (
                     <Check className={styles.icon ?? ""} />
                   ) : (
-                    <Icon className={styles.icon ?? ""} />
+                    action.icon
                   )
                 }
               >