npm - skrypt-ai - Versions diffs - 0.4.2 → 0.6.0 - Mend

skrypt-ai 0.4.2 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

package/dist/auth/index.d.ts +13 -3
package/dist/auth/index.js +101 -9
package/dist/auth/keychain.d.ts +5 -0
package/dist/auth/keychain.js +82 -0
package/dist/auth/notices.d.ts +3 -0
package/dist/auth/notices.js +42 -0
package/dist/autofix/index.d.ts +0 -4
package/dist/autofix/index.js +10 -24
package/dist/capture/browser.d.ts +11 -0
package/dist/capture/browser.js +173 -0
package/dist/capture/diff.d.ts +23 -0
package/dist/capture/diff.js +52 -0
package/dist/capture/index.d.ts +23 -0
package/dist/capture/index.js +210 -0
package/dist/capture/naming.d.ts +17 -0
package/dist/capture/naming.js +45 -0
package/dist/capture/parser.d.ts +15 -0
package/dist/capture/parser.js +80 -0
package/dist/capture/types.d.ts +57 -0
package/dist/capture/types.js +1 -0
package/dist/cli.js +20 -3
package/dist/commands/autofix.js +136 -120
package/dist/commands/cron.js +58 -47
package/dist/commands/deploy.js +123 -102
package/dist/commands/generate.js +125 -7
package/dist/commands/heal.d.ts +10 -0
package/dist/commands/heal.js +201 -0
package/dist/commands/i18n.js +146 -111
package/dist/commands/import.d.ts +2 -0
package/dist/commands/import.js +157 -0
package/dist/commands/init.js +19 -7
package/dist/commands/lint.js +50 -44
package/dist/commands/llms-txt.js +59 -49
package/dist/commands/login.js +63 -34
package/dist/commands/mcp.js +6 -0
package/dist/commands/monitor.js +13 -8
package/dist/commands/qa.d.ts +2 -0
package/dist/commands/qa.js +43 -0
package/dist/commands/review-pr.js +108 -92
package/dist/commands/sdk.js +128 -122
package/dist/commands/security.d.ts +2 -0
package/dist/commands/security.js +109 -0
package/dist/commands/test.js +91 -92
package/dist/commands/version.js +104 -75
package/dist/commands/watch.js +130 -114
package/dist/config/types.js +2 -2
package/dist/context-hub/index.d.ts +23 -0
package/dist/context-hub/index.js +179 -0
package/dist/context-hub/mappings.d.ts +8 -0
package/dist/context-hub/mappings.js +55 -0
package/dist/context-hub/types.d.ts +33 -0
package/dist/context-hub/types.js +1 -0
package/dist/generator/generator.js +39 -6
package/dist/generator/types.d.ts +7 -0
package/dist/generator/writer.d.ts +3 -1
package/dist/generator/writer.js +36 -7
package/dist/importers/confluence.d.ts +5 -0
package/dist/importers/confluence.js +137 -0
package/dist/importers/detect.d.ts +20 -0
package/dist/importers/detect.js +121 -0
package/dist/importers/docusaurus.d.ts +5 -0
package/dist/importers/docusaurus.js +279 -0
package/dist/importers/gitbook.d.ts +5 -0
package/dist/importers/gitbook.js +189 -0
package/dist/importers/github.d.ts +8 -0
package/dist/importers/github.js +99 -0
package/dist/importers/index.d.ts +15 -0
package/dist/importers/index.js +30 -0
package/dist/importers/markdown.d.ts +6 -0
package/dist/importers/markdown.js +105 -0
package/dist/importers/mintlify.d.ts +5 -0
package/dist/importers/mintlify.js +172 -0
package/dist/importers/notion.d.ts +5 -0
package/dist/importers/notion.js +174 -0
package/dist/importers/readme.d.ts +5 -0
package/dist/importers/readme.js +184 -0
package/dist/importers/transform.d.ts +90 -0
package/dist/importers/transform.js +457 -0
package/dist/importers/types.d.ts +37 -0
package/dist/importers/types.js +1 -0
package/dist/llm/anthropic-client.d.ts +1 -0
package/dist/llm/anthropic-client.js +3 -1
package/dist/llm/index.d.ts +6 -4
package/dist/llm/index.js +76 -261
package/dist/llm/openai-client.d.ts +1 -0
package/dist/llm/openai-client.js +7 -2
package/dist/plugins/index.js +7 -0
package/dist/qa/checks.d.ts +10 -0
package/dist/qa/checks.js +492 -0
package/dist/qa/fixes.d.ts +30 -0
package/dist/qa/fixes.js +277 -0
package/dist/qa/index.d.ts +29 -0
package/dist/qa/index.js +187 -0
package/dist/qa/types.d.ts +24 -0
package/dist/qa/types.js +1 -0
package/dist/scanner/csharp.d.ts +23 -0
package/dist/scanner/csharp.js +421 -0
package/dist/scanner/index.js +53 -26
package/dist/scanner/java.d.ts +39 -0
package/dist/scanner/java.js +318 -0
package/dist/scanner/kotlin.d.ts +23 -0
package/dist/scanner/kotlin.js +389 -0
package/dist/scanner/php.d.ts +57 -0
package/dist/scanner/php.js +351 -0
package/dist/scanner/python.js +17 -0
package/dist/scanner/ruby.d.ts +36 -0
package/dist/scanner/ruby.js +431 -0
package/dist/scanner/swift.d.ts +25 -0
package/dist/scanner/swift.js +392 -0
package/dist/scanner/types.d.ts +1 -1
package/dist/template/content/docs/_navigation.json +46 -0
package/dist/template/content/docs/_sidebars.json +684 -0
package/dist/template/content/docs/core.md +4544 -0
package/dist/template/content/docs/index.mdx +89 -0
package/dist/template/content/docs/integrations.md +1158 -0
package/dist/template/content/docs/llms-full.md +403 -0
package/dist/template/content/docs/llms.txt +4588 -0
package/dist/template/content/docs/other.md +10379 -0
package/dist/template/content/docs/tools.md +746 -0
package/dist/template/content/docs/types.md +531 -0
package/dist/template/docs.json +13 -11
package/dist/template/mdx-components.tsx +27 -2
package/dist/template/package.json +6 -0
package/dist/template/public/search-index.json +1 -1
package/dist/template/scripts/build-search-index.mjs +149 -13
package/dist/template/src/app/api/chat/route.ts +83 -128
package/dist/template/src/app/docs/[...slug]/page.tsx +75 -20
package/dist/template/src/app/docs/llms-full.md +151 -4
package/dist/template/src/app/docs/llms.txt +2464 -847
package/dist/template/src/app/docs/page.mdx +48 -38
package/dist/template/src/app/layout.tsx +3 -1
package/dist/template/src/app/page.tsx +22 -8
package/dist/template/src/components/ai-chat.tsx +73 -64
package/dist/template/src/components/breadcrumbs.tsx +21 -23
package/dist/template/src/components/copy-button.tsx +13 -9
package/dist/template/src/components/copy-page-button.tsx +54 -0
package/dist/template/src/components/docs-layout.tsx +37 -25
package/dist/template/src/components/header.tsx +51 -10
package/dist/template/src/components/mdx/card.tsx +17 -3
package/dist/template/src/components/mdx/code-block.tsx +13 -9
package/dist/template/src/components/mdx/code-group.tsx +13 -8
package/dist/template/src/components/mdx/heading.tsx +15 -2
package/dist/template/src/components/mdx/highlighted-code.tsx +13 -8
package/dist/template/src/components/mdx/index.tsx +2 -0
package/dist/template/src/components/mdx/mermaid.tsx +110 -0
package/dist/template/src/components/mdx/screenshot.tsx +150 -0
package/dist/template/src/components/scroll-to-hash.tsx +48 -0
package/dist/template/src/components/sidebar.tsx +12 -18
package/dist/template/src/components/table-of-contents.tsx +9 -0
package/dist/template/src/lib/highlight.ts +3 -88
package/dist/template/src/lib/navigation.ts +159 -0
package/dist/template/src/lib/search-types.ts +4 -1
package/dist/template/src/lib/search.ts +30 -7
package/dist/template/src/styles/globals.css +17 -6
package/dist/utils/files.d.ts +9 -1
package/dist/utils/files.js +59 -10
package/dist/utils/validation.d.ts +0 -3
package/dist/utils/validation.js +0 -26
package/package.json +5 -1

package/dist/template/src/app/docs/page.mdx CHANGED Viewed

@@ -1,60 +1,70 @@
+---
+title: "Skrypt Documentation"
+description: "AI-powered documentation generation for your codebase"
+---
+# Skrypt Documentation
+Skrypt scans your source code and generates beautiful, comprehensive documentation automatically. One command, zero boilerplate.
+<Info>
+  **130** documented API elements across 5 categories — all generated by Skrypt itself.
+</Info>
 <CardGroup cols={2}>
-  <Card title="Quick Start" icon="Zap" href="/docs/quickstart">
-    Get up and running in under 5 minutes
+  <Card title="Core API" icon="Code" href="/docs/core">
+    Main exports, plugin system, auth, and documentation generation (31 items)
+  </Card>
+  <Card title="Tools & Utilities" icon="Zap" href="/docs/tools">
+    File discovery, frontmatter parsing, validation helpers (7 items)
+  </Card>
+  <Card title="Types & Interfaces" icon="FileText" href="/docs/types">
+    TypeScript scanner and type definitions (3 items)
+  </Card>
+  <Card title="Integrations" icon="Globe" href="/docs/integrations">
+    Anthropic and OpenAI-compatible LLM clients (8 items)
   </Card>
-  <Card title="Reference" icon="Code" href="/docs/api">
-    Explore all available APIs
+  <Card title="Other" icon="Package" href="/docs/other">
+    Language scanners, PR analysis, and utilities (81 items)
   </Card>
 </CardGroup>
-## Getting Started
+## Quick Start
 <Steps>
-  <Step title="Installation">
-    Install the package using your preferred package manager.
+  <Step title="Install">
+    ```bash
+    npx skrypt-ai generate ./src
+    ```
   </Step>
-  <Step title="Configuration">
-    Set up your configuration and credentials.
+  <Step title="Configure">
+    Set your API key for AI-powered documentation:
+    ```bash
+    skrypt auth login
+    ```
   </Step>
-  <Step title="First Steps">
-    Start using the library in your project.
+  <Step title="Generate">
+    Skrypt scans your codebase, extracts exports, and generates MDX documentation grouped by topic.
   </Step>
 </Steps>
-## Code Examples
+## Install Methods
 <CodeGroup>
-```typescript
-// TypeScript example
-import { Client } from 'your-package'
-const client = new Client({
-  apiKey: process.env.API_KEY
-})
-const result = await client.getData()
+```bash npx (no install)
+npx skrypt-ai generate ./src
 ```
-```python
-# Python example
-from your_package import Client
-client = Client(api_key=os.environ["API_KEY"])
+```bash npm
+npm install -g skrypt-ai
+skrypt generate ./src
+```
-result = client.get_data()
+```bash Homebrew
+brew tap debgotwired/skrypt
+brew install skrypt
+skrypt generate ./src
 ```
 </CodeGroup>
-## Need Help?
-<AccordionGroup>
-  <Accordion title="Where can I get support?">
-    Check the GitHub repository for issues and discussions.
-  </Accordion>
-  <Accordion title="How do I report bugs?">
-    Open an issue on GitHub with reproduction steps.
-  </Accordion>
-</AccordionGroup>

package/dist/template/src/app/layout.tsx CHANGED Viewed

@@ -58,11 +58,13 @@ export const metadata: Metadata = {
     siteName,
     title: siteName,
     description: siteDescription,
+    images: ['/og-image.png'],
   },
   twitter: {
     card: 'summary_large_image',
     title: siteName,
     description: siteDescription,
+    images: ['/og-image.png'],
   },
   icons: {
     icon: '/favicon.svg',
@@ -110,7 +112,7 @@ export default function RootLayout({
           </>
         )}
       </head>
-      <body className={inter.className} suppressHydrationWarning>
+      <body className={inter.className}>
         <a href="#main-content" className="skip-to-content">Skip to content</a>
         <SyntaxThemeProvider>
           {children}

package/dist/template/src/app/page.tsx CHANGED Viewed

@@ -2,6 +2,7 @@ import Link from 'next/link'
 import { readFileSync } from 'fs'
 import { join } from 'path'
 import { ArrowRight, BookOpen, Zap, Code } from 'lucide-react'
+import { hasTabs, getAllPagesFlat, type Navigation } from '@/lib/navigation'
 function getDocsConfig() {
   const configPath = join(process.cwd(), 'docs.json')
@@ -9,17 +10,30 @@ function getDocsConfig() {
   return JSON.parse(content)
 }
+/** Get flat groups for display on the home page (works with both formats) */
+function getDisplayGroups(navigation: Navigation): Array<{ group: string; pages: Array<{ title: string; path: string }> }> {
+  if (hasTabs(navigation)) {
+    const groups: Array<{ group: string; pages: Array<{ title: string; path: string }> }> = []
+    for (const tab of navigation) {
+      if (tab.groups) {
+        for (const g of tab.groups) {
+          groups.push(g as any)
+        }
+      }
+    }
+    return groups
+  }
+  return navigation as any
+}
 export default function Home() {
   const docsConfig = getDocsConfig()
-  const firstPage = docsConfig.navigation?.[0]?.pages?.[0]?.path || '/docs'
+  const allPagesFlat = getAllPagesFlat(docsConfig.navigation || [])
+  const firstPage = allPagesFlat[0]?.path || '/docs'
   // Collect first 6 pages for quick links
-  const allPages: Array<{ title: string; path: string }> = []
-  for (const group of docsConfig.navigation || []) {
-    for (const page of group.pages || []) {
-      if (allPages.length < 6) allPages.push(page)
-    }
-  }
+  const allPages = allPagesFlat.slice(0, 6)
+  const displayGroups = getDisplayGroups(docsConfig.navigation || [])
   return (
     <main id="main-content" className="min-h-screen flex flex-col">
@@ -64,7 +78,7 @@ export default function Home() {
         {/* Feature cards — show first page title + description from each group */}
         <div className="flex flex-wrap justify-center gap-4 max-w-2xl mx-auto mt-16 w-full">
-          {(docsConfig.navigation || []).slice(0, 3).map((group: { group: string; pages: Array<{ title: string; path: string }> }, i: number) => {
+          {displayGroups.slice(0, 3).map((group: { group: string; pages: Array<{ title: string; path: string }> }, i: number) => {
             const icons = [BookOpen, Code, Zap]
             const Icon = icons[i % icons.length]
             const firstGroupPage = group.pages?.[0]

package/dist/template/src/components/ai-chat.tsx CHANGED Viewed

@@ -1,13 +1,14 @@
 'use client'
 import { useState, useRef, useEffect } from 'react'
-import { MessageSquare, X, Send, Loader2, ExternalLink } from 'lucide-react'
-interface Message {
-  id: string
-  role: 'user' | 'assistant'
-  content: string
-  citations?: Array<{ title: string; path: string; snippet: string }>
+import { useChat } from '@ai-sdk/react'
+import { Streamdown } from 'streamdown'
+import { MessageSquare, X, Send, ExternalLink } from 'lucide-react'
+interface Citation {
+  title: string
+  path: string
+  snippet: string
 }
 interface AIChatProps {
@@ -22,60 +23,49 @@ export function AIChat({
   placeholder = 'Ask a question...',
 }: AIChatProps) {
   const [isOpen, setIsOpen] = useState(false)
-  const [messages, setMessages] = useState<Message[]>([])
-  const [input, setInput] = useState('')
-  const [isLoading, setIsLoading] = useState(false)
+  const [citations, setCitations] = useState<Map<string, Citation[]>>(new Map())
   const messagesEndRef = useRef<HTMLDivElement>(null)
-  useEffect(() => {
-    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })
-  }, [messages])
-  async function handleSubmit(e: React.FormEvent) {
-    e.preventDefault()
-    if (!input.trim() || isLoading) return
-    const userMessage = input.trim()
-    setInput('')
-    setMessages(prev => [...prev, { id: Date.now().toString(), role: 'user', content: userMessage }])
-    setIsLoading(true)
-    try {
-      const response = await fetch(apiEndpoint, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          messages: [...messages, { role: 'user', content: userMessage }],
-        }),
+  const { messages, input, handleInputChange, handleSubmit, status, error } = useChat({
+    api: apiEndpoint,
+    onResponse(response: Response) {
+      // Extract citations from response header
+      const citationsHeader = response.headers.get('X-Citations')
+      if (citationsHeader) {
+        try {
+          const parsed = JSON.parse(atob(citationsHeader)) as Citation[]
+          // Associate citations with the next assistant message
+          setCitations(prev => {
+            const next = new Map(prev)
+            // Use a temporary key that will be replaced when the message arrives
+            next.set('_pending', parsed)
+            return next
+          })
+        } catch {
+          // Skip invalid citations
+        }
+      }
+    },
+    onFinish(message: { id: string }) {
+      // Move pending citations to the actual message ID
+      setCitations(prev => {
+        const next = new Map(prev)
+        const pending = next.get('_pending')
+        if (pending) {
+          next.delete('_pending')
+          next.set(message.id, pending)
+        }
+        return next
       })
+    },
+  })
-      if (!response.ok) {
-        throw new Error('Failed to get response')
-      }
+  const isStreaming = status === 'streaming'
+  const isLoading = status === 'submitted'
-      const data = await response.json()
-      setMessages(prev => [
-        ...prev,
-        {
-          id: Date.now().toString(),
-          role: 'assistant',
-          content: data.content,
-          citations: data.citations,
-        },
-      ])
-    } catch (err) {
-      setMessages(prev => [
-        ...prev,
-        {
-          id: Date.now().toString(),
-          role: 'assistant',
-          content: 'Sorry, I encountered an error. Please try again.',
-        },
-      ])
-    } finally {
-      setIsLoading(false)
-    }
-  }
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })
+  }, [messages, isStreaming])
   if (!isOpen) {
     return (
@@ -116,7 +106,7 @@ export function AIChat({
         {messages.length === 0 && (
           <div className="text-center text-sm text-[var(--color-text-tertiary)] py-8">
             <p>Ask me anything about {projectName}.</p>
-            <p className="mt-2 text-xs">I'll search the docs and give you an answer with sources.</p>
+            <p className="mt-2 text-xs">I&apos;ll search the docs and give you an answer with sources.</p>
           </div>
         )}
@@ -132,14 +122,25 @@ export function AIChat({
                   : 'bg-[var(--color-bg-tertiary)] text-[var(--color-text)]'
               }`}
             >
-              <p className="whitespace-pre-wrap">{message.content}</p>
+              {message.role === 'assistant' ? (
+                <div className="chat-markdown prose prose-sm max-w-none">
+                  <Streamdown
+                    shikiTheme={['github-light', 'github-dark']}
+                    isAnimating={isStreaming && message.id === messages[messages.length - 1]?.id}
+                  >
+                    {message.content}
+                  </Streamdown>
+                </div>
+              ) : (
+                <p className="whitespace-pre-wrap">{message.content}</p>
+              )}
               {/* Citations */}
-              {message.citations && message.citations.length > 0 && (
+              {citations.get(message.id) && (
                 <div className="mt-3 border-t border-[var(--color-border)] pt-2">
                   <p className="text-xs font-medium text-[var(--color-text-tertiary)] mb-1">Sources:</p>
                   <div className="space-y-1">
-                    {message.citations.map((citation, j) => (
+                    {citations.get(message.id)!.map((citation, j) => (
                       <a
                         key={j}
                         href={citation.path}
@@ -159,12 +160,20 @@ export function AIChat({
         {isLoading && (
           <div className="flex justify-start">
             <div className="flex items-center gap-2 rounded-2xl bg-[var(--color-bg-tertiary)] px-4 py-2 text-sm text-[var(--color-text-tertiary)]">
-              <Loader2 className="h-4 w-4 animate-spin" />
+              <span className="inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" />
               Searching docs...
             </div>
           </div>
         )}
+        {error && (
+          <div className="flex justify-start">
+            <div className="rounded-2xl bg-red-50 px-4 py-2 text-sm text-red-600">
+              Something went wrong. Please try again.
+            </div>
+          </div>
+        )}
         <div ref={messagesEndRef} />
       </div>
@@ -177,14 +186,14 @@ export function AIChat({
           <input
             type="text"
             value={input}
-            onChange={e => setInput(e.target.value)}
+            onChange={handleInputChange}
             placeholder={placeholder}
-            disabled={isLoading}
+            disabled={isStreaming || isLoading}
             className="flex-1 rounded-xl border border-[var(--color-border)] bg-[var(--color-bg-secondary)] px-4 py-2 text-sm text-[var(--color-text)] outline-none transition-colors placeholder:text-[var(--color-text-tertiary)] focus:border-[var(--color-border-strong)]"
           />
           <button
             type="submit"
-            disabled={!input.trim() || isLoading}
+            disabled={!input.trim() || isStreaming || isLoading}
             className="flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-text)] text-[var(--color-bg)] transition-colors hover:opacity-90 disabled:opacity-50"
             aria-label="Send message"
           >

package/dist/template/src/components/breadcrumbs.tsx CHANGED Viewed

@@ -3,41 +3,39 @@
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 import { ChevronRight } from 'lucide-react'
+import { hasTabs, isNavGroup, type Navigation, type NavPage, type NavGroup } from '@/lib/navigation'
-interface NavPage { title: string; path: string; pages?: NavPage[] }
-interface NavGroup { group: string; pages: (NavPage | NavGroup)[] }
-interface DocsConfig { navigation: NavGroup[] }
+interface DocsConfig { navigation: Navigation }
-function isNavGroup(item: NavPage | NavGroup): item is NavGroup {
-  return 'group' in item && !('path' in item)
-}
-function buildTitleMap(docsConfig?: DocsConfig): Map<string, string> {
+function buildTitleMap(navigation: Navigation): Map<string, string> {
   const map = new Map<string, string>()
-  if (!docsConfig) return map
-  for (const group of docsConfig.navigation) {
-    for (const item of group.pages) {
+  function fillFromPages(pages: (NavPage | NavGroup)[]) {
+    for (const item of pages) {
       if (isNavGroup(item)) {
-        fillTitleMap(item.pages, map)
+        fillFromPages(item.pages)
       } else {
         map.set(item.path, item.title)
-        if (item.pages) fillTitleMap(item.pages, map)
+        if (item.pages) fillFromPages(item.pages)
       }
     }
   }
-  return map
-}
-function fillTitleMap(pages: (NavPage | NavGroup)[], map: Map<string, string>) {
-  for (const item of pages) {
-    if (isNavGroup(item)) {
-      fillTitleMap(item.pages, map)
-    } else {
-      map.set(item.path, item.title)
-      if (item.pages) fillTitleMap(item.pages, map)
+  if (hasTabs(navigation)) {
+    for (const tab of navigation) {
+      if (tab.groups) {
+        for (const group of tab.groups) {
+          fillFromPages(group.pages)
+        }
+      }
+    }
+  } else {
+    for (const group of navigation) {
+      fillFromPages(group.pages)
     }
   }
+  return map
 }
 interface BreadcrumbsProps {
@@ -50,7 +48,7 @@ export function Breadcrumbs({ docsConfig }: BreadcrumbsProps) {
   if (segments.length <= 1) return null
-  const titleMap = buildTitleMap(docsConfig)
+  const titleMap = docsConfig ? buildTitleMap(docsConfig.navigation) : new Map<string, string>()
   const crumbs = segments.map((segment, index) => {
     const href = '/' + segments.slice(0, index + 1).join('/')

package/dist/template/src/components/copy-button.tsx CHANGED Viewed

@@ -17,15 +17,19 @@ export function CopyButton({ text, className = '' }: CopyButtonProps) {
       setCopied(true)
       setTimeout(() => setCopied(false), 2000)
     } catch {
-      // Fallback for insecure contexts
-      const textarea = document.createElement('textarea')
-      textarea.value = text
-      textarea.style.position = 'fixed'
-      textarea.style.opacity = '0'
-      document.body.appendChild(textarea)
-      textarea.select()
-      document.execCommand('copy')
-      document.body.removeChild(textarea)
+      // Deprecated fallback for older browsers that don't support navigator.clipboard
+      try {
+        const textarea = document.createElement('textarea')
+        textarea.value = text
+        textarea.style.position = 'fixed'
+        textarea.style.opacity = '0'
+        document.body.appendChild(textarea)
+        textarea.select()
+        document.execCommand('copy') // deprecated but kept for old browser compat
+        document.body.removeChild(textarea)
+      } catch {
+        // Copy failed in both methods — silently ignore
+      }
       setCopied(true)
       setTimeout(() => setCopied(false), 2000)
     }

package/dist/template/src/components/copy-page-button.tsx ADDED Viewed

@@ -0,0 +1,54 @@
+'use client'
+import { useState } from 'react'
+import { Copy, Check } from 'lucide-react'
+interface CopyPageButtonProps {
+  content: string
+}
+export function CopyPageButton({ content }: CopyPageButtonProps) {
+  const [copied, setCopied] = useState(false)
+  async function handleCopy() {
+    try {
+      await navigator.clipboard.writeText(content)
+    } catch {
+      // Deprecated fallback for older browsers that don't support navigator.clipboard
+      try {
+        const textarea = document.createElement('textarea')
+        textarea.value = content
+        textarea.style.position = 'fixed'
+        textarea.style.opacity = '0'
+        document.body.appendChild(textarea)
+        textarea.select()
+        document.execCommand('copy') // deprecated but kept for old browser compat
+        document.body.removeChild(textarea)
+      } catch {
+        // Copy failed in both methods — silently ignore
+      }
+    }
+    setCopied(true)
+    setTimeout(() => setCopied(false), 2000)
+  }
+  return (
+    <button
+      onClick={handleCopy}
+      className="flex items-center gap-1.5 shrink-0 mt-1 px-2.5 py-1.5 text-[0.75rem] text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)] border border-[var(--color-border)] rounded-lg hover:bg-[var(--color-bg-secondary)] transition-colors"
+      title={copied ? 'Copied!' : 'Copy page content'}
+    >
+      {copied ? (
+        <>
+          <Check size={12} />
+          Copied
+        </>
+      ) : (
+        <>
+          <Copy size={12} />
+          Copy page
+        </>
+      )}
+    </button>
+  )
+}