yeyinly/MoonTVPlus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加动漫源cloudflare workers部署脚本示例

Browse Source
This commit is contained in:
mtvpls
2026-06-05 21:05:11 +08:00
parent 63fb51ce99
commit d342442d5e
3 changed files with 352 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/UserMenu.tsx
+56
View File
@@ -175,6 +175,9 @@ export const UserMenu: React.FC = () => {
useState('server-proxy');
const [animeCustomBaseUrl, setAnimeCustomBaseUrl] = useState('');
const [animeImageBaseUrl, setAnimeImageBaseUrl] = useState('');
const [bangumiProxyScript, setBangumiProxyScript] = useState('');
const [bangumiProxyScriptCopied, setBangumiProxyScriptCopied] =
useState(false);
const [doubanImageProxyType, setDoubanImageProxyType] = useState(
'cmliussss-cdn-tencent'
);
@@ -639,6 +642,13 @@ export const UserMenu: React.FC = () => {
const savedAnimeImageBaseUrl = localStorage.getItem('animeImageBaseUrl');
setAnimeImageBaseUrl(savedAnimeImageBaseUrl || '');
fetch('/scripts/bangumi-proxy.worker.js')
.then((response) => (response.ok ? response.text() : ''))
.then(setBangumiProxyScript)
.catch((error) => {
console.error('加载 Bangumi Workers 脚本失败:', error);
});
const savedDoubanImageProxyType = localStorage.getItem(
'doubanImageProxyType'
);
@@ -1788,6 +1798,17 @@ export const UserMenu: React.FC = () => {
}
};
const handleCopyBangumiProxyScript = async () => {
if (!bangumiProxyScript) return;
try {
await navigator.clipboard.writeText(bangumiProxyScript);
setBangumiProxyScriptCopied(true);
setTimeout(() => setBangumiProxyScriptCopied(false), 2000);
} catch (error) {
console.error('复制 Bangumi Workers 脚本失败:', error);
}
};
const handleDoubanImageProxyTypeChange = (value: string) => {
setDoubanImageProxyType(value);
if (typeof window !== 'undefined') {
@@ -3030,6 +3051,41 @@ export const UserMenu: React.FC = () => {
图片域名。只需填写基础部分，不需要填写完整图片路径。
</p>
</div>
<details className='group rounded-lg border border-green-200 bg-green-50/60 p-3 dark:border-green-900/50 dark:bg-green-900/10'>
<summary className='flex cursor-pointer list-none items-center justify-between gap-2'>
<div className='min-w-0'>
<label className='text-xs font-medium text-gray-700 dark:text-gray-300'>
Bangumi Cloudflare Workers 代理脚本
</label>
<p className='mt-1 text-xs text-gray-500 dark:text-gray-400'>
复制后粘贴到 Cloudflare Workers，部署地址可填入上方
Base URL。
</p>
</div>
<div className='flex shrink-0 items-center gap-2'>
<button
type='button'
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
handleCopyBangumiProxyScript();
}}
disabled={!bangumiProxyScript}
className='inline-flex items-center gap-1.5 rounded-lg bg-green-600 px-3 py-2 text-xs font-semibold text-white transition hover:bg-green-700 disabled:cursor-not-allowed disabled:opacity-50'
>
<Copy className='h-3.5 w-3.5' />
{bangumiProxyScriptCopied ? '已复制' : '复制脚本'}
</button>
<ChevronDown className='h-4 w-4 text-green-600 transition-transform group-open:rotate-180 dark:text-green-400' />
</div>
</summary>
<pre className='mt-3 max-h-40 overflow-auto rounded-lg border border-gray-200 bg-white p-3 text-xs text-gray-700 dark:border-gray-700 dark:bg-gray-950 dark:text-gray-300'>
<code>
{bangumiProxyScript || '正在加载 /scripts/bangumi-proxy.worker.js ...'}
</code>
</pre>
</details>
</div>
</div>
)}