fix(theme/llmsUI): add LLMS clipboard fallback for HTTP pages (#3237)

Copilot · SoonIter · web-flow · commit 10031f930cfd · 2026-03-17T17:38:11.000+08:00
Co-authored-by: copilot-swe-agent[bot] &lt;198982749+Copilot@users.noreply.github.com&gt;
Co-authored-by: SoonIter &lt;79413249+SoonIter@users.noreply.github.com&gt;
diff --git a/packages/core/src/theme/components/Llms/LlmsCopyButton.tsx b/packages/core/src/theme/components/Llms/LlmsCopyButton.tsx
@@ -9,6 +9,7 @@ import { useCallback, useRef, useState } from 'react';
 import { SvgWrapper } from '../SvgWrapper';
 import './index.scss';
 import './LlmsCopyButton.scss';
+import { copyToClipboard } from './copy';
 import { useMdUrl } from './useMdUrl';
 
 export interface LlmsCopyButtonProps
@@ -51,7 +52,7 @@ export function LlmsCopyButton(props: LlmsCopyButtonProps) {
         cache.get(url) ?? (await fetch(url).then(res => res.text()));
 
       cache.set(url, content);
-      await navigator.clipboard.writeText(content);
+      await copyToClipboard(content);
     } finally {
       setLoading(false);
       setFinished(true);
diff --git a/packages/core/src/theme/components/Llms/LlmsCopyRow.tsx b/packages/core/src/theme/components/Llms/LlmsCopyRow.tsx
@@ -1,6 +1,7 @@
 import { useI18n } from '@rspress/core/runtime';
 import { IconCopy, IconSuccess, SvgWrapper } from '@theme';
 import { useCallback, useRef, useState } from 'react';
+import { copyToClipboard } from './copy';
 import { useMdUrl } from './useMdUrl';
 
 const cache = new Map<string, string>();
@@ -19,7 +20,7 @@ export function LlmsCopyRow() {
       const content: string =
         cache.get(pathname) ?? (await fetch(pathname).then(res => res.text()));
       cache.set(pathname, content);
-      await navigator.clipboard.writeText(content);
+      await copyToClipboard(content);
     } finally {
       setLoading(false);
       setFinished(true);
diff --git a/packages/core/src/theme/components/Llms/LlmsViewOptions.tsx b/packages/core/src/theme/components/Llms/LlmsViewOptions.tsx
@@ -10,6 +10,7 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 import { SvgWrapper } from '../SvgWrapper';
 import './index.scss';
 import './LlmsViewOptions.scss';
+import { copyToClipboard } from './copy';
 import { useMdUrl } from './useMdUrl';
 
 type Option =
@@ -98,7 +99,7 @@ export function LlmsViewOptions({
         title: t('copyMarkdownLinkText'),
         icon: <SvgWrapper icon={IconLink} />,
         onClick: () => {
-          navigator.clipboard.writeText(fullMarkdownUrl);
+          void copyToClipboard(fullMarkdownUrl);
         },
       },
       chatgpt: {
diff --git a/packages/core/src/theme/components/Llms/copy.ts b/packages/core/src/theme/components/Llms/copy.ts
@@ -0,0 +1,12 @@
+import copy from 'copy-to-clipboard';
+
+export async function copyToClipboard(text: string) {
+  if (navigator.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return;
+    } catch {}
+  }
+
+  copy(text);
+}
