// ══════════════════════════════════════════════ // Constants & utils // ══════════════════════════════════════════════ const TOKEN_KEY = 'ag_token'; const THEME_KEY = 'ag_theme'; const DEFAULT_TEMPLATES = [ { id:'xiaohongshu', name:'小红书风格', builtIn:true, system:'你是一位擅长写小红书爆款内容的创作者。风格：口语化、有情绪、多用 emoji、结构清晰（痛点+干货+金句）。', userTpl:'请根据以下选题写一篇小红书风格的文章：{topic}\n补充说明：{note}' }, { id:'wechat', name:'公众号长文', builtIn:true, system:'你是一位专业的公众号作者，擅长深度内容创作。风格：有观点、有数据、有案例，结构完整（引言+正文+结尾）。', userTpl:'请根据以下选题写一篇公众号深度长文：{topic}\n补充说明：{note}' }, { id:'news', name:'简讯 / 资讯', builtIn:true, system:'你是一位资讯编辑，擅长写简洁客观的信息类内容。风格：简洁、客观、重点突出，200-400 字。', userTpl:'请根据以下选题写一段资讯简讯：{topic}\n补充说明：{note}' }, { id:'zhihu_gptplus', name:'知乎 gptplus', builtIn:true, system:`你是一位知乎内容创作者，擅长写兼具干货价值与软性推广的教程文章。写作风格参考知乎高赞回答：口语化、第一人称、有温度、像朋友在聊天，不像教程也不像广告。 ## 推广信息 - 网站：gptplus.fun - 服务：代充值（用户提供账号，平台代为升级，账号完全归用户所有） ## 核心卖点（从中挑选2-3个，自然嵌入正文，切勿堆砌罗列） - 无需海外银行卡，支付宝/微信直接付人民币 - 价格比官方便宜，性价比高 - 操作简单，全程2分钟内完成，下单即充 - 大平台有保障，充值失败全额退款，包售后 ## 文章结构（严格按此顺序写） **第一段：开篇引导（最重要）** 开头必须同时做到三件事： ① 共鸣痛点：描述读者遇到的真实困境（国内信用卡不支持、折腾魔法环境失败、被各种教程绕晕等），让读者感到"说的就是我" ② 亮出结论 + 引导读到文末：第一段内必须出现类似"我已经找到了一个目前最稳的方案，放在文末了，可以直接拉到最后看"的句子，制造悬念，让读者有动力读完 ③ 预告内容：一句话说清楚"下面先把几种主流方法都过一遍，帮你避坑，最后给出我现在在用的方案" 示例句式（根据选题自由发挥，不要照抄）： - "折腾了好几次，踩了不少坑，最后找到了一个又稳又省心的方式——我把它放在文末了，等不及的可以直接划到最后。" - "网上教程一堆，真正好用的就那么一个，我帮你筛好了放在文末，这篇先把几种方法的坑都说清楚。" **正文：介绍2-4种主流方式** 每种方法都要写：原理 + 真实操作体验 + 局限/坑在哪（魔法自购、虚拟卡、苹果礼品卡、代充等） **对比表格** | 方法 | 价格 | 成功率 | 操作难度 | 封号风险 | 横向对比，帮读者一眼做决策 **推荐方案（自然植入）** 以"用了X个月"的亲测口吻引出 gptplus.fun，从卖点中挑选1-2个最贴合上下文的细节带出，语气是"朋友推荐"而非"广告" **结尾** 一句话总结 + 再次自然提及网址，配上"有问题评论区聊"之类拉互动的话 ## 语言禁忌 - 禁止出现"梯子"，统一用"魔法"替代 - 禁止出现"软广""推广""广告""恰饭"等暴露意图的字眼 - 禁止任何违规/违法表述 ## 格式要求 - 字数：1000-1300字 - 适当使用 emoji 增加亲切感（不要滥用） - 重点处可加粗，但不要每句都加粗`, userTpl:'请根据以下主题写一篇知乎风格的干货教程文章。\n\n要求：第一行用 Markdown 标题格式输出文章标题（即 # 标题文字），空一行后再写正文。\n\n主题：{topic}\n补充说明：{note}' }, ]; const SLOGANS = [ '🔥 一篇出10单，一百篇就出1000单', '⚡ 正在狠狠地生成中，财富正在涌来', '💰 一篇赚1000，一百篇就赚一百万', '🚀 多线程全速运转，效率拉满', '🔥 量变引起质变，狠狠地生成', '⚡ 内容就是资产，正在为你疯狂创作', '💰 批量出单，让钱自己来找你', ]; async function apiFetch(path, opts={}) { const token = localStorage.getItem(TOKEN_KEY); const res = await fetch(path, { ...opts, headers: { 'Content-Type':'application/json', ...(token?{Authorization:`Bearer ${token}`}:{}), ...opts.headers }, body: opts.body ? JSON.stringify(opts.body) : undefined, }); const data = await res.json(); if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`); return data; } // Proxy stream — uses server-side platform API key (never exposed to client) async function streamProxy({ messages, onChunk, signal, threadIdx }) { const token = localStorage.getItem(TOKEN_KEY); const res = await fetch('/api/proxy/stream', { method:'POST', headers:{'Content-Type':'application/json', Authorization:`Bearer ${token}`}, body: JSON.stringify({ messages, ...(typeof threadIdx==='number'?{threadIdx}:{}) }), signal, }); if (!res.ok) { let msg=`HTTP ${res.status}`; try { const d=await res.json(); msg=d?.error?.message||msg; } catch {} throw new Error(msg); } const reader=res.body.getReader(), dec=new TextDecoder(); let buf=''; while(true){ const {done,value}=await reader.read(); if(done) break; buf+=dec.decode(value,{stream:true}); const lines=buf.split('\n'); buf=lines.pop(); for(const line of lines){ const t=line.trim(); if(!t.startsWith('data:')) continue; const p=t.slice(5).trim(); if(p==='[DONE]') return; try{ const j=JSON.parse(p); if(j?.error) throw new Error(j.error); const c=j?.choices?.[0]?.delta?.content??j?.choices?.[0]?.text??''; if(c) onChunk(c); }catch(e){ if(e.message&&!e.message.startsWith('{')) throw e; } } } } async function streamContent({ apiConfig, messages, onChunk, signal }) { const url = apiConfig.baseUrl.replace(/\/$/,'') + '/chat/completions'; const key = apiConfig.apiKey; const res = await fetch(url, { method:'POST', headers:{'Content-Type':'application/json', Authorization:`Bearer ${key}`}, body: JSON.stringify({ model:apiConfig.model, messages, stream:true }), signal, }); if (!res.ok) { let msg=`HTTP ${res.status}`; try { const d=await res.json(); msg=d?.error?.message||msg; } catch {} throw new Error(msg); } const reader=res.body.getReader(), dec=new TextDecoder(); let buf=''; while(true){ const {done,value}=await reader.read(); if(done) break; buf+=dec.decode(value,{stream:true}); const lines=buf.split('\n'); buf=lines.pop(); for(const line of lines){ const t=line.trim(); if(!t.startsWith('data:')) continue; const p=t.slice(5).trim(); if(p==='[DONE]') return; try{ const j=JSON.parse(p); const c=j?.choices?.[0]?.delta?.content??j?.choices?.[0]?.text??''; if(c) onChunk(c); }catch{} } } } // Insert images after headings using image search API async function insertImages(text) { const lines = text.split('\n'); const result = []; for (const line of lines) { result.push(line); if (/^#{1,3}\s/.test(line)) { const kw = line.replace(/^#{1,3}\s+/, '').replace(/[*_`]/g, '').trim().slice(0, 60); try { const r = await apiFetch('/api/image/search?q=' + encodeURIComponent(kw)); if (r.url) { result.push('', `![${r.alt || kw}](${r.url})`, ''); } } catch {} } } return result.join('\n'); } function stripMd(md){ return md.replace(/```[\s\S]*?```/g,m=>m.replace(/```\w*\n?/g,'').trim()) .replace(/`([^`]+)`/g,'$1').replace(/^#{1,6}\s+/gm,'') .replace(/\*\*(.+?)\*\*/g,'$1').replace(/\*(.+?)\*/g,'$1') .replace(/!\[.*?\]\(.*?\)/g,'').replace(/\[(.+?)\]\(.*?\)/g,'$1') .replace(/^\s*[-*+]\s+/gm,'').replace(/^\s*\d+\.\s+/gm,'') .replace(/^\s*>\s*/gm,'').replace(/\n{3,}/g,'\n\n').trim(); } function buildHTML(md,title){ const body=marked.parse(md); return `${title||'文章'} ${body}`; } function download(content,filename){ const a=Object.assign(document.createElement('a'),{href:URL.createObjectURL(new Blob([content],{type:'text/plain;charset=utf-8'})),download:filename}); document.body.appendChild(a); a.click(); document.body.removeChild(a); } function safeName(t){ return (t||'文章').replace(/[\\/:*?"<>|]/g,'').replace(/\s+/g,'_').slice(0,50); } function timeLeft(expiresAt){ const ms=new Date(expiresAt)-Date.now(); if(ms<=0) return '已过期'; const h=Math.floor(ms/3600000), m=Math.floor((ms%3600000)/60000); return h>0?`${h}h ${m}m`:`${m}m`; } function fmtTime(iso){ return new Date(iso).toLocaleString('zh-CN',{month:'numeric',day:'numeric',hour:'2-digit',minute:'2-digit'}); } function workFilename(work){ const b=safeName(work.title); return work.format==='md' ? b+'.md' : b+'.txt'; } function workContent(work){ if(work.format==='txt') return stripMd(work.content); if(work.format==='html') return buildHTML(work.content, work.title); return work.content; } // ══════════════════════════════════════════════ // Icons // ══════════════════════════════════════════════ const Ic={ Cog: , Eye: , EyeOff:, Check: , X: , Spin: , Stop: , Bolt: , Pen: , Doc: , Fmt: , Edit: , Trash: , Plus: , Copy: , Dl: , DlAll: , Sun: , Moon: , User: , Shield:, Lock: , Logout:, Img: , Zip: , Books: , List: , Clock: , Chev: (open)=>, }; // ══════════════════════════════════════════════ // Shared UI // ══════════════════════════════════════════════ function Card({icon,title,badge,defaultOpen=true,children}){ const [open,setOpen]=React.useState(defaultOpen); return(
setOpen(v=>!v)}> {icon} {title} {badge&&{badge}} {Ic.Chev(open)}
{open&&
{children}
}
); } function FL({label,hint,req,children}){ return(
{label&&(
{req&&*} {hint&&{hint}}
)} {children}
); } // ══════════════════════════════════════════════ // Auth screen // ══════════════════════════════════════════════ function AuthScreen({onAuth}){ const [user,setUser]=React.useState(''); const [pass,setPass]=React.useState(''); const [err,setErr]=React.useState(''); const [loading,setLoading]=React.useState(false); const [showPw,setShowPw]=React.useState(false); const submit=async(e)=>{ e.preventDefault(); if(!user.trim()||!pass){setErr('请填写用户名和密码');return;} setLoading(true);setErr(''); try{ const data=await apiFetch('/api/login',{method:'POST',body:{username:user,password:pass}}); localStorage.setItem(TOKEN_KEY,data.token); onAuth(data); }catch(e){setErr(e.message);} finally{setLoading(false);} }; return(

南阳市择宸科技内容流

AI 驱动的内容创作平台

登录

账号由管理员分配，如需开通请联系管理员

{setUser(e.target.value);setErr('');}} placeholder="输入用户名" autoFocus autoComplete="username"/>
{setPass(e.target.value);setErr('');}} placeholder="输入密码" autoComplete="current-password"/>
{err&&
{Ic.X}

{err}

}
); } // ══════════════════════════════════════════════ // Works panel (已生成作品) // ══════════════════════════════════════════════ function WorksPanel({works,loadingWorks,onRefresh,onDelete,onDeleteAll,onClose}){ const [dlLoading,setDlLoading]=React.useState(null); const handleDownload=async(w)=>{ setDlLoading(w.id); try{ const full=await apiFetch(`/api/works/${w.id}`); download(workContent(full), workFilename(full)); }catch(e){alert(e.message);} finally{setDlLoading(null);} }; const fmtBadge=(f)=>{ const map={md:['Markdown','var(--accent)'],txt:['纯文本','var(--text-3)'],html:['HTML','var(--accent-mid)']}; const [label,color]=map[f]||['?','var(--text-4)']; return {label}; }; const expColor=(exp)=>{ const h=(new Date(exp)-Date.now())/3600000; if(h<1) return 'var(--error)'; if(h<4) return 'var(--warning,#fbbf24)'; return 'var(--text-4)'; }; return(
e.stopPropagation()}>
{Ic.Books} 已生成作品 {Ic.Clock} 24h 自动清理 {works.length>0&&}
{loadingWorks?(
{Ic.Spin} 加载中…
):works.length===0?(
{Ic.Books}

暂无作品

生成的文章会自动保存在这里

):(
{works.map((w,i)=>(
{fmtBadge(w.format)} {w.title}
{w.templateName&&{w.templateName}} {(w.charCount||0).toLocaleString()} 字符 {fmtTime(w.createdAt)} {Ic.Clock} {timeLeft(w.expiresAt)}
))}
)}
{works.length>0&&(
共 {works.length} 篇 · 过期后自动删除
)}
); } // ══════════════════════════════════════════════ // Batch card (批量生成) // ══════════════════════════════════════════════ function BatchCard({titleLibrary,onLibraryChange,batchState,onRun,onStop,onDownloadZip,zipLoading,maxThreads,platformThreadCount,threadCount,setThreadCount,usePlatform,threadProgress}){ const {running,done,total,current,errors,workIds}=batchState; const [mode,setMode]=React.useState('each_once'); // each_once | each_n | one_n const [count,setCount]=React.useState(3); const [singleIdx,setSingleIdx]=React.useState(0); const [sloganIdx,setSloganIdx]=React.useState(0); // Textarea-as-library: local string state, synced with titleLibrary const [libText,setLibText]=React.useState(()=>titleLibrary.map(t=>t.title).join('\n')); const taFocused=React.useRef(false); // Sync external changes (e.g. topic generation adding titles) → textarea React.useEffect(()=>{ if(!taFocused.current){ setLibText(titleLibrary.map(t=>t.title).join('\n')); } },[titleLibrary]); const syncLibrary=(text)=>{ const titles=text.split('\n').map(s=>s.trim()).filter(Boolean); onLibraryChange(titles.map((title,i)=>({ id:titleLibrary[i]?.id||(Date.now()+Math.random()).toString(36), title,sel:true }))); }; const titles=libText.split('\n').map(s=>s.trim()).filter(Boolean); React.useEffect(()=>{ if(!running) return; const t=setInterval(()=>setSloganIdx(i=>(i+1)%SLOGANS.length),2500); return ()=>clearInterval(t); },[running]); const buildQueue=()=>{ const n=Math.max(1,Math.min(50,Number(count)||1)); if(mode==='each_once') return titles; if(mode==='each_n') return titles.flatMap(t=>Array(n).fill(t)); if(mode==='one_n'){ const t=titles[singleIdx]||titles[0]; return t?Array(n).fill(t):[]; } return []; }; const queue=buildQueue(); const pct=total>0?Math.round(done/total*100):0; return(
{/* Textarea library */}
标题库{titles.length>0?` · ${titles.length} 篇`:''} {titles.length>0&&( )}