Alex-Devera/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-06-05 20:54:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

fix(frontend): route remaining copy buttons through ClipboardManager

Browse source 
Direct navigator.clipboard calls fail in non-secure contexts (HTTP on a
LAN IP), making the API-docs code copy and security-tab token copy
silently broken. Both now go through ClipboardManager which falls back
to document.execCommand('copy') when navigator.clipboard is unavailable.
This commit is contained in:
MHSanaei 2026-05-23 14:31:56 +02:00
parent 5af8153e94
commit b5fb9e9fe0
No known key found for this signature in database
GPG key ID: 7E4060F2FBE5AB7A
2 changed files with 8 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/pages/api-docs/CodeBlock.tsx
View file

@ -1,6 +1,7 @@
import { useMemo, useState } from 'react';
import { message } from 'antd';
import { CheckOutlined, CopyOutlined } from '@ant-design/icons';
import { ClipboardManager } from '@/utils';
import './CodeBlock.css';
interface CodeBlockProps {
@ -37,12 +38,12 @@ export default function CodeBlock({ code = '', lang = 'json' }: CodeBlockProps)
);
async function copyCode() {
try {
await navigator.clipboard.writeText(code);
const ok = await ClipboardManager.copyText(code);
if (ok) {
setCopied(true);
messageApi.success('Copied');
window.setTimeout(() => setCopied(false), 2000);
} catch {
} else {
messageApi.error('Copy failed');
}
}

17
frontend/src/pages/settings/SecurityTab.tsx
View file

@ -12,7 +12,7 @@ import {
Switch,
message,
} from 'antd';
import { HttpUtil, RandomUtil } from '@/utils';
import { ClipboardManager, HttpUtil, RandomUtil } from '@/utils';
import type { AllSetting } from '@/models/setting';
import SettingListItem from '@/components/SettingListItem';
import TwoFactorModal from './TwoFactorModal';
@ -143,18 +143,9 @@ export default function SecurityTab({ allSetting, updateSetting }: SecurityTabPr
async function copyToken(token: string) {
if (!token) return;
try {
await navigator.clipboard.writeText(token);
messageApi.success(t('copySuccess'));
} catch {
const ta = document.createElement('textarea');
ta.value = token;
document.body.appendChild(ta);
ta.select();
document.execCommand('copy');
document.body.removeChild(ta);
messageApi.success(t('copySuccess'));
}
const ok = await ClipboardManager.copyText(token);
if (ok) messageApi.success(t('copySuccess'));
else messageApi.error(t('copyFail') ?? 'Copy failed');
}
function openCreateModal() {