828 lines
30 KiB
JavaScript
828 lines
30 KiB
JavaScript
const $ = (id) => document.getElementById(id);
|
||
|
||
function renderBodyPreview() {
|
||
const raw = ($("body") && $("body").value) || "";
|
||
const el = $("bodyPreview");
|
||
if (!el) return;
|
||
if (typeof marked !== "undefined" && marked.parse) {
|
||
el.innerHTML = marked.parse(raw, { breaks: true });
|
||
} else {
|
||
el.textContent = raw;
|
||
}
|
||
}
|
||
|
||
const statusEl = $("status");
|
||
const rewriteBtn = $("rewriteBtn");
|
||
const wechatBtn = $("wechatBtn");
|
||
const imBtn = $("imBtn");
|
||
const coverUploadBtn = $("coverUploadBtn");
|
||
const coverUrlUploadBtn = $("coverUrlUploadBtn");
|
||
const coverGenerateBtn = $("coverGenerateBtn");
|
||
const saveCoverImageModelBtn = $("saveCoverImageModelBtn");
|
||
const coverImageModelInput = $("coverImageModel");
|
||
const coverModeManualBtn = $("coverModeManualBtn");
|
||
const coverModeAiBtn = $("coverModeAiBtn");
|
||
const coverManualSection = $("coverManualSection");
|
||
const coverAiSection = $("coverAiSection");
|
||
const coverAutoAfterRewrite = $("coverAutoAfterRewrite");
|
||
const coverPreview = $("coverPreview");
|
||
const coverPreviewWrap = $("coverPreviewWrap");
|
||
const logoutBtn = $("logoutBtn");
|
||
const clearDraftBtn = $("clearDraftBtn");
|
||
const targetBodyCharsInput = $("targetBodyChars");
|
||
const posterGenerateBtn = $("posterGenerateBtn");
|
||
const posterPreviewList = $("posterPreviewList");
|
||
const posterHint = $("posterHint");
|
||
const posterAutoInclude = $("posterAutoInclude");
|
||
const DRAFT_STORAGE_KEY = "aifagao:index:draft:v1";
|
||
|
||
let posterState = {
|
||
signature: "",
|
||
bodyMarkdownWithPosters: "",
|
||
posters: [],
|
||
};
|
||
let coverMode = "manual";
|
||
|
||
function setCoverMode(mode) {
|
||
coverMode = mode === "ai" ? "ai" : "manual";
|
||
if (coverModeManualBtn) coverModeManualBtn.classList.toggle("is-active", coverMode === "manual");
|
||
if (coverModeAiBtn) coverModeAiBtn.classList.toggle("is-active", coverMode === "ai");
|
||
if (coverManualSection) {
|
||
const hideManual = coverMode !== "manual";
|
||
coverManualSection.hidden = hideManual;
|
||
coverManualSection.style.display = hideManual ? "none" : "";
|
||
}
|
||
if (coverAiSection) {
|
||
const hideAi = coverMode !== "ai";
|
||
coverAiSection.hidden = hideAi;
|
||
coverAiSection.style.display = hideAi ? "none" : "";
|
||
}
|
||
const hint = $("coverHint");
|
||
if (hint) {
|
||
hint.textContent =
|
||
coverMode === "manual"
|
||
? "当前为手动上传模式，可切换到 AI 自动生成。"
|
||
: "当前为 AI 生成模式，也可切换回手动上传。";
|
||
}
|
||
}
|
||
|
||
function syncTargetCharChips() {
|
||
const val = Number((targetBodyCharsInput && targetBodyCharsInput.value) || 0);
|
||
document.querySelectorAll(".target-char-chip").forEach((btn) => {
|
||
const n = Number(btn.getAttribute("data-target-chars") || 0);
|
||
btn.classList.toggle("is-active", Number.isFinite(val) && val === n);
|
||
});
|
||
}
|
||
|
||
function countText(v) {
|
||
return (v || "").trim().length;
|
||
}
|
||
|
||
/** 多选子项用顿号拼接，可选补充用分号接在末尾 */
|
||
function buildMultiPrompt(nameAttr, extraId) {
|
||
const boxes = document.querySelectorAll(`input[name="${nameAttr}"]:checked`);
|
||
const parts = Array.from(boxes).map((b) => (b.value || "").trim()).filter(Boolean);
|
||
const extraEl = extraId ? $(extraId) : null;
|
||
const extra = extraEl ? (extraEl.value || "").trim() : "";
|
||
let s = parts.join("、");
|
||
if (extra) s = s ? `${s}；${extra}` : extra;
|
||
return s;
|
||
}
|
||
|
||
function updateMultiDropdownSummary(nameAttr, summaryId, emptyHint) {
|
||
const el = $(summaryId);
|
||
if (!el) return;
|
||
const parts = Array.from(document.querySelectorAll(`input[name="${nameAttr}"]:checked`)).map((b) =>
|
||
(b.value || "").trim(),
|
||
);
|
||
el.textContent = parts.length ? parts.join("、") : emptyHint;
|
||
}
|
||
|
||
function initMultiDropdowns() {
|
||
const pairs = [
|
||
{ name: "audienceChip", summary: "audienceSummary", empty: "点击展开，选择目标读者…" },
|
||
{ name: "toneChip", summary: "toneSummary", empty: "点击展开，选择语气风格…" },
|
||
];
|
||
pairs.forEach(({ name, summary, empty }) => {
|
||
updateMultiDropdownSummary(name, summary, empty);
|
||
document.querySelectorAll(`input[name="${name}"]`).forEach((cb) => {
|
||
cb.addEventListener("change", () => updateMultiDropdownSummary(name, summary, empty));
|
||
});
|
||
});
|
||
}
|
||
|
||
function updateCounters() {
|
||
$("sourceCount").textContent = `${countText($("sourceText").value)} 字`;
|
||
$("summaryCount").textContent = `${countText($("summary").value)} 字`;
|
||
$("bodyCount").textContent = `${countText($("body").value)} 字`;
|
||
renderBodyPreview();
|
||
}
|
||
|
||
function setLoading(button, loading, idleText, loadingText) {
|
||
if (!button) return;
|
||
button.disabled = loading;
|
||
button.textContent = loading ? loadingText : idleText;
|
||
}
|
||
|
||
function setStatus(msg, danger = false) {
|
||
statusEl.style.color = danger ? "#b42318" : "#0f5f3d";
|
||
statusEl.textContent = msg;
|
||
}
|
||
|
||
function saveDraftState() {
|
||
try {
|
||
const data = {
|
||
sourceText: ($("sourceText") && $("sourceText").value) || "",
|
||
titleHint: ($("titleHint") && $("titleHint").value) || "",
|
||
audienceExtra: ($("audienceExtra") && $("audienceExtra").value) || "",
|
||
toneExtra: ($("toneExtra") && $("toneExtra").value) || "",
|
||
avoidWords: ($("avoidWords") && $("avoidWords").value) || "",
|
||
keepPoints: ($("keepPoints") && $("keepPoints").value) || "",
|
||
targetBodyChars: ($("targetBodyChars") && $("targetBodyChars").value) || "500",
|
||
title: ($("title") && $("title").value) || "",
|
||
summary: ($("summary") && $("summary").value) || "",
|
||
body: ($("body") && $("body").value) || "",
|
||
thumbMediaId: ($("thumbMediaId") && $("thumbMediaId").value) || "",
|
||
coverStyleHint: ($("coverStyleHint") && $("coverStyleHint").value) || "",
|
||
coverImageModel: (coverImageModelInput && coverImageModelInput.value) || "",
|
||
coverAutoAfterRewrite: Boolean(coverAutoAfterRewrite && coverAutoAfterRewrite.checked),
|
||
posterAutoInclude: Boolean(posterAutoInclude && posterAutoInclude.checked),
|
||
audienceChipValues: Array.from(document.querySelectorAll('input[name="audienceChip"]:checked')).map((n) => n.value),
|
||
toneChipValues: Array.from(document.querySelectorAll('input[name="toneChip"]:checked')).map((n) => n.value),
|
||
};
|
||
window.localStorage.setItem(DRAFT_STORAGE_KEY, JSON.stringify(data));
|
||
} catch {
|
||
// ignore
|
||
}
|
||
}
|
||
|
||
function restoreDraftState() {
|
||
try {
|
||
const raw = window.localStorage.getItem(DRAFT_STORAGE_KEY);
|
||
if (!raw) return;
|
||
const data = JSON.parse(raw);
|
||
if (!data || typeof data !== "object") return;
|
||
const setVal = (id, val) => {
|
||
const el = $(id);
|
||
if (!el || typeof val !== "string") return;
|
||
el.value = val;
|
||
};
|
||
setVal("sourceText", data.sourceText || "");
|
||
setVal("titleHint", data.titleHint || "");
|
||
setVal("audienceExtra", data.audienceExtra || "");
|
||
setVal("toneExtra", data.toneExtra || "");
|
||
setVal("avoidWords", data.avoidWords || "");
|
||
setVal("keepPoints", data.keepPoints || "");
|
||
setVal("targetBodyChars", String(data.targetBodyChars || "500"));
|
||
setVal("title", data.title || "");
|
||
setVal("summary", data.summary || "");
|
||
setVal("body", data.body || "");
|
||
setVal("thumbMediaId", data.thumbMediaId || "");
|
||
setVal("coverStyleHint", data.coverStyleHint || "");
|
||
if (coverImageModelInput && typeof data.coverImageModel === "string" && data.coverImageModel.trim()) {
|
||
coverImageModelInput.value = data.coverImageModel;
|
||
}
|
||
if (coverAutoAfterRewrite) coverAutoAfterRewrite.checked = Boolean(data.coverAutoAfterRewrite);
|
||
if (posterAutoInclude) posterAutoInclude.checked = Boolean(data.posterAutoInclude);
|
||
const audienceSet = new Set(Array.isArray(data.audienceChipValues) ? data.audienceChipValues : []);
|
||
document.querySelectorAll('input[name="audienceChip"]').forEach((el) => {
|
||
el.checked = audienceSet.size ? audienceSet.has(el.value) : el.checked;
|
||
});
|
||
const toneSet = new Set(Array.isArray(data.toneChipValues) ? data.toneChipValues : []);
|
||
document.querySelectorAll('input[name="toneChip"]').forEach((el) => {
|
||
el.checked = toneSet.size ? toneSet.has(el.value) : el.checked;
|
||
});
|
||
} catch {
|
||
// ignore
|
||
}
|
||
}
|
||
|
||
function clearDraftState() {
|
||
try {
|
||
window.localStorage.removeItem(DRAFT_STORAGE_KEY);
|
||
} catch {
|
||
// ignore
|
||
}
|
||
const clearIds = [
|
||
"sourceText",
|
||
"titleHint",
|
||
"audienceExtra",
|
||
"toneExtra",
|
||
"avoidWords",
|
||
"keepPoints",
|
||
"title",
|
||
"summary",
|
||
"body",
|
||
"thumbMediaId",
|
||
"coverStyleHint",
|
||
"coverUrl",
|
||
];
|
||
clearIds.forEach((id) => {
|
||
const el = $(id);
|
||
if (!el) return;
|
||
el.value = "";
|
||
});
|
||
if ($("targetBodyChars")) $("targetBodyChars").value = "500";
|
||
if (coverAutoAfterRewrite) coverAutoAfterRewrite.checked = false;
|
||
if (posterAutoInclude) posterAutoInclude.checked = false;
|
||
if (coverImageModelInput) coverImageModelInput.value = "";
|
||
document.querySelectorAll('input[name="audienceChip"]').forEach((el) => {
|
||
el.checked = false;
|
||
});
|
||
document.querySelectorAll('input[name="toneChip"]').forEach((el) => {
|
||
el.checked = false;
|
||
});
|
||
if (coverPreviewWrap) coverPreviewWrap.hidden = true;
|
||
if (coverPreview) coverPreview.src = "";
|
||
if ($("coverFile")) $("coverFile").value = "";
|
||
|
||
posterState = { signature: "", bodyMarkdownWithPosters: "", posters: [] };
|
||
renderPosterPreview([]);
|
||
updateCounters();
|
||
syncTargetCharChips();
|
||
initMultiDropdowns();
|
||
initImageModelStatus();
|
||
if (posterHint) posterHint.textContent = "默认不生成海报，点击“生成段落海报”后再插入发布。";
|
||
setStatus("草稿已清除。");
|
||
}
|
||
|
||
function buildPosterSignature() {
|
||
const title = ($("title") && $("title").value.trim()) || "";
|
||
const summary = ($("summary") && $("summary").value.trim()) || "";
|
||
const body = ($("body") && $("body").value.trim()) || "";
|
||
return `${title}\n||\n${summary}\n||\n${body}`;
|
||
}
|
||
|
||
function renderPosterPreview(posters) {
|
||
if (!posterPreviewList) return;
|
||
posterPreviewList.innerHTML = "";
|
||
const list = Array.isArray(posters) ? posters : [];
|
||
if (!list.length) {
|
||
const empty = document.createElement("p");
|
||
empty.className = "muted small";
|
||
empty.textContent = "暂无段落海报预览。";
|
||
posterPreviewList.appendChild(empty);
|
||
return;
|
||
}
|
||
list.forEach((item) => {
|
||
const card = document.createElement("article");
|
||
card.className = "poster-card";
|
||
|
||
const img = document.createElement("img");
|
||
img.className = "poster-thumb";
|
||
img.alt = `段落 ${Number(item.paragraph_index || 0) + 1} 海报`;
|
||
img.src = item.preview_data_url || "";
|
||
card.appendChild(img);
|
||
|
||
const meta = document.createElement("div");
|
||
meta.className = "poster-meta";
|
||
const top = document.createElement("div");
|
||
top.className = "poster-topline";
|
||
top.textContent = `段落 ${Number(item.paragraph_index || 0) + 1} · ${item.note || "ai"}`;
|
||
meta.appendChild(top);
|
||
|
||
const excerpt = document.createElement("p");
|
||
excerpt.className = "poster-excerpt";
|
||
excerpt.textContent = item.paragraph_excerpt || "";
|
||
meta.appendChild(excerpt);
|
||
|
||
if (item.wechat_url) {
|
||
const link = document.createElement("a");
|
||
link.className = "poster-link";
|
||
link.href = item.wechat_url;
|
||
link.target = "_blank";
|
||
link.rel = "noreferrer noopener";
|
||
link.textContent = "微信素材 URL";
|
||
meta.appendChild(link);
|
||
}
|
||
|
||
card.appendChild(meta);
|
||
posterPreviewList.appendChild(card);
|
||
});
|
||
}
|
||
|
||
function markPosterStaleIfNeeded() {
|
||
if (!posterState.signature || !posterHint) return;
|
||
if (posterState.signature !== buildPosterSignature()) {
|
||
posterHint.textContent = "正文已修改，如需海报请手动点击“生成段落海报”。";
|
||
}
|
||
}
|
||
|
||
async function postJSON(url, body) {
|
||
const res = await fetch(url, {
|
||
method: "POST",
|
||
headers: { "Content-Type": "application/json" },
|
||
body: JSON.stringify(body),
|
||
});
|
||
const data = await res.json();
|
||
if (!res.ok) {
|
||
const err = new Error(data.detail || "请求失败");
|
||
err.payload = data;
|
||
throw err;
|
||
}
|
||
data._requestId = res.headers.get("X-Request-ID") || "";
|
||
return data;
|
||
}
|
||
|
||
function handleUpgradeRequired(err) {
|
||
const data = (err && err.payload) || {};
|
||
const msg = (err && err.message) || data.detail || "";
|
||
if (!data.upgrade_required && !msg.includes("免费额度已用完") && !msg.includes("余额不足")) return false;
|
||
setStatus("免费额度已用完，请前往升级页充值或升级 VIP 用户。", true);
|
||
window.setTimeout(() => {
|
||
window.location.href = "/upgrade";
|
||
}, 800);
|
||
return true;
|
||
}
|
||
|
||
async function generatePosterMaterials({ silent = false } = {}) {
|
||
const bodyMarkdown = (($("body") && $("body").value) || "").trim();
|
||
if (bodyMarkdown.length < 20) {
|
||
throw new Error("正文太短，暂无法生成段落海报");
|
||
}
|
||
if (!silent) setStatus("正在生成段落海报...");
|
||
if (posterHint) posterHint.textContent = "正在生成并上传段落海报...";
|
||
setLoading(posterGenerateBtn, true, "生成段落海报", "生成中...");
|
||
try {
|
||
const data = await postJSON("/api/material/posters/generate", {
|
||
title: $("title").value,
|
||
summary: $("summary").value,
|
||
body_markdown: $("body").value,
|
||
image_model: (coverImageModelInput && coverImageModelInput.value.trim()) || "",
|
||
upload_to_wechat: true,
|
||
});
|
||
if (!data.ok) {
|
||
const err = new Error(data.detail || "海报生成失败");
|
||
err.payload = data;
|
||
throw err;
|
||
}
|
||
|
||
posterState = {
|
||
signature: buildPosterSignature(),
|
||
bodyMarkdownWithPosters: data.body_markdown_with_posters || $("body").value,
|
||
posters: Array.isArray(data.posters) ? data.posters : [],
|
||
};
|
||
renderPosterPreview(posterState.posters);
|
||
|
||
const warnText = Array.isArray(data.warnings) && data.warnings.length ? `（提示：${data.warnings.join("；")}）` : "";
|
||
if (posterHint) posterHint.textContent = `${data.detail || "海报生成完成"}${warnText}`;
|
||
if (!silent) setStatus(`${data.detail || "海报生成完成"}${warnText}`);
|
||
return data;
|
||
} finally {
|
||
setLoading(posterGenerateBtn, false, "生成段落海报", "生成中...");
|
||
}
|
||
}
|
||
|
||
function coverTitleForGeneration() {
|
||
const generatedTitle = (($("title") && $("title").value) || "").trim();
|
||
const titleHint = (($("titleHint") && $("titleHint").value) || "").trim();
|
||
return generatedTitle || titleHint;
|
||
}
|
||
|
||
async function generateWechatCover({ silent = false } = {}) {
|
||
const title = coverTitleForGeneration();
|
||
if (!title) {
|
||
throw new Error("请先填写标题提示，或先改写生成标题");
|
||
}
|
||
if (!silent) setStatus("正在按标题生成公众号封面...");
|
||
const hint = $("coverHint");
|
||
if (hint) hint.textContent = "正在生成 900×383 公众号封面并上传...";
|
||
setLoading(coverGenerateBtn, true, "按标题生成封面", "生成中...");
|
||
try {
|
||
const data = await postJSON("/api/wechat/cover/generate", {
|
||
title,
|
||
summary: (($("summary") && $("summary").value) || "").trim(),
|
||
style_hint: (($("coverStyleHint") && $("coverStyleHint").value) || "").trim(),
|
||
image_model: (coverImageModelInput && coverImageModelInput.value.trim()) || "",
|
||
upload_to_wechat: true,
|
||
});
|
||
if (!data.ok) {
|
||
const err = new Error(data.detail || "封面生成失败");
|
||
err.payload = data;
|
||
throw err;
|
||
}
|
||
const mid = data.thumb_media_id || "";
|
||
if (mid && $("thumbMediaId")) $("thumbMediaId").value = mid;
|
||
if (data.preview_data_url && coverPreview && coverPreviewWrap) {
|
||
coverPreview.src = data.preview_data_url;
|
||
coverPreviewWrap.hidden = false;
|
||
}
|
||
const warnText = Array.isArray(data.warnings) && data.warnings.length ? `（提示：${data.warnings.join("；")}）` : "";
|
||
const detail = data.detail || "封面生成完成";
|
||
if (hint) hint.textContent = `${detail}${warnText}`;
|
||
if (!silent) setStatus(`${detail}${warnText}`);
|
||
return data;
|
||
} finally {
|
||
setLoading(coverGenerateBtn, false, "按标题生成封面", "生成中...");
|
||
}
|
||
}
|
||
|
||
async function fetchAuthMe() {
|
||
const res = await fetch("/api/auth/me");
|
||
const data = await res.json();
|
||
if (!data.ok || !data.logged_in) {
|
||
window.location.href = "/auth?next=/";
|
||
return null;
|
||
}
|
||
return data;
|
||
}
|
||
|
||
function renderWechatAccountSelect(me) {
|
||
const sel = $("wechatAccountSelect");
|
||
const hint = $("wechatAccountStatus");
|
||
if (!sel) return;
|
||
const list = Array.isArray(me.wechat_accounts) ? me.wechat_accounts : [];
|
||
const activeId =
|
||
me.active_wechat_account && me.active_wechat_account.id
|
||
? Number(me.active_wechat_account.id)
|
||
: 0;
|
||
sel.innerHTML = "";
|
||
if (!list.length) {
|
||
const opt = document.createElement("option");
|
||
opt.value = "";
|
||
opt.textContent = "未绑定公众号";
|
||
sel.appendChild(opt);
|
||
sel.disabled = true;
|
||
if (hint) hint.textContent = "请先绑定公众号";
|
||
return;
|
||
}
|
||
sel.disabled = false;
|
||
list.forEach((a) => {
|
||
const opt = document.createElement("option");
|
||
opt.value = String(a.id);
|
||
const name = (a.account_name || "未命名").trim();
|
||
const appid = (a.appid || "").trim();
|
||
opt.textContent = appid ? `${name} (${appid})` : name;
|
||
if ((activeId && Number(a.id) === activeId) || a.active) opt.selected = true;
|
||
sel.appendChild(opt);
|
||
});
|
||
}
|
||
|
||
function flashWechatAccountHint(msg, clearMs = 2600) {
|
||
const hint = $("wechatAccountStatus");
|
||
if (!hint) return;
|
||
hint.textContent = msg;
|
||
if (clearMs > 0) {
|
||
window.clearTimeout(flashWechatAccountHint._t);
|
||
flashWechatAccountHint._t = window.setTimeout(() => {
|
||
hint.textContent = "";
|
||
}, clearMs);
|
||
}
|
||
}
|
||
|
||
const wechatAccountSelect = $("wechatAccountSelect");
|
||
if (wechatAccountSelect) {
|
||
wechatAccountSelect.addEventListener("change", async () => {
|
||
const id = Number(wechatAccountSelect.value || 0);
|
||
if (!id) return;
|
||
try {
|
||
const out = await postJSON("/api/auth/wechat/switch", { account_id: id });
|
||
if (!out.ok) {
|
||
flashWechatAccountHint(out.detail || "切换失败", 4000);
|
||
const me = await fetchAuthMe();
|
||
if (me) renderWechatAccountSelect(me);
|
||
return;
|
||
}
|
||
const me = await fetchAuthMe();
|
||
if (me) renderWechatAccountSelect(me);
|
||
flashWechatAccountHint("已切换");
|
||
} catch (e) {
|
||
flashWechatAccountHint(e.message || "切换失败", 4000);
|
||
const me = await fetchAuthMe();
|
||
if (me) renderWechatAccountSelect(me);
|
||
}
|
||
});
|
||
}
|
||
|
||
async function initWechatAccountSwitch() {
|
||
const me = await fetchAuthMe();
|
||
if (me) renderWechatAccountSelect(me);
|
||
}
|
||
|
||
async function initImageModelStatus() {
|
||
try {
|
||
const me = await fetch("/api/auth/me").then((r) => r.json());
|
||
const active = me && me.active_ai_model ? me.active_ai_model : null;
|
||
const imageModel = active && active.image_model ? String(active.image_model).trim() : "";
|
||
if (coverImageModelInput) {
|
||
const current = (coverImageModelInput.value || "").trim();
|
||
if (!current) coverImageModelInput.value = imageModel || "wanx2.0-t2i-turbo";
|
||
}
|
||
} catch {
|
||
if (coverImageModelInput && !(coverImageModelInput.value || "").trim()) coverImageModelInput.value = "wanx2.0-t2i-turbo";
|
||
}
|
||
}
|
||
|
||
async function logoutAndGoAuth() {
|
||
try {
|
||
await postJSON("/api/auth/logout", {});
|
||
} catch {
|
||
// 忽略退出接口异常，直接跳转认证页
|
||
}
|
||
window.location.href = "/auth?next=/";
|
||
}
|
||
|
||
if (logoutBtn) {
|
||
logoutBtn.addEventListener("click", async () => {
|
||
setLoading(logoutBtn, true, "退出登录", "退出中...");
|
||
await logoutAndGoAuth();
|
||
});
|
||
}
|
||
|
||
if (clearDraftBtn) {
|
||
clearDraftBtn.addEventListener("click", () => {
|
||
clearDraftState();
|
||
});
|
||
}
|
||
|
||
if (coverModeManualBtn) {
|
||
coverModeManualBtn.addEventListener("click", () => setCoverMode("manual"));
|
||
}
|
||
if (coverModeAiBtn) {
|
||
coverModeAiBtn.addEventListener("click", () => setCoverMode("ai"));
|
||
}
|
||
|
||
document.querySelectorAll(".target-char-chip").forEach((btn) => {
|
||
btn.addEventListener("click", () => {
|
||
const n = Number(btn.getAttribute("data-target-chars") || 0);
|
||
if (!targetBodyCharsInput || !Number.isFinite(n) || n < 1) return;
|
||
targetBodyCharsInput.value = String(n);
|
||
syncTargetCharChips();
|
||
});
|
||
});
|
||
|
||
if (targetBodyCharsInput) {
|
||
targetBodyCharsInput.addEventListener("input", syncTargetCharChips);
|
||
}
|
||
|
||
$("rewriteBtn").addEventListener("click", async () => {
|
||
const sourceText = $("sourceText").value.trim();
|
||
const targetBodyChars = Number(($("targetBodyChars") && $("targetBodyChars").value) || 500);
|
||
if (sourceText.length < 20) {
|
||
setStatus("原始内容太短，至少 20 个字符", true);
|
||
return;
|
||
}
|
||
if (!Number.isFinite(targetBodyChars) || targetBodyChars < 180 || targetBodyChars > 2200) {
|
||
setStatus("改写目标字数需在 180~2200 之间", true);
|
||
return;
|
||
}
|
||
|
||
setStatus("正在改写...");
|
||
setLoading(rewriteBtn, true, "改写并排版", "改写中...");
|
||
try {
|
||
const audience = buildMultiPrompt("audienceChip", "audienceExtra") || "公众号读者";
|
||
const tone = buildMultiPrompt("toneChip", "toneExtra") || "专业、可信、可读性强";
|
||
const data = await postJSON("/api/rewrite", {
|
||
source_text: sourceText,
|
||
title_hint: $("titleHint").value,
|
||
tone,
|
||
audience,
|
||
keep_points: $("keepPoints").value,
|
||
avoid_words: $("avoidWords").value,
|
||
target_body_chars: Math.round(targetBodyChars),
|
||
});
|
||
$("title").value = data.title || "";
|
||
$("summary").value = data.summary || "";
|
||
$("body").value = data.body_markdown || "";
|
||
updateCounters();
|
||
saveDraftState();
|
||
const tr = data.trace || {};
|
||
if (data.mode === "fallback") {
|
||
const note = (data.quality_notes || [])[0] || "当前为保底改写稿";
|
||
setStatus(`改写完成（保底模式）：${note}`, true);
|
||
} else if (tr.quality_soft_accept) {
|
||
setStatus(`改写完成（有提示）：${(data.quality_notes || []).join("；") || "请检查正文"}`);
|
||
statusEl.style.color = "#9a3412";
|
||
} else {
|
||
setStatus("改写完成。");
|
||
}
|
||
if (posterHint) posterHint.textContent = "改写完成。默认不自动生成海报，可手动点击“生成段落海报”。";
|
||
if (coverAutoAfterRewrite && coverAutoAfterRewrite.checked) {
|
||
try {
|
||
setStatus("改写完成，正在按输出标题生成封面...");
|
||
await generateWechatCover({ silent: true });
|
||
setStatus("改写、封面与段落海报生成完成。");
|
||
} catch (coverErr) {
|
||
if (handleUpgradeRequired(coverErr)) return;
|
||
setStatus(`改写完成，封面未生成：${coverErr.message}`, true);
|
||
}
|
||
}
|
||
} catch (e) {
|
||
if (handleUpgradeRequired(e)) return;
|
||
setStatus(`改写失败: ${e.message}`, true);
|
||
} finally {
|
||
setLoading(rewriteBtn, false, "改写并排版", "改写中...");
|
||
}
|
||
});
|
||
|
||
$("wechatBtn").addEventListener("click", async () => {
|
||
setStatus("正在发布到公众号草稿箱...");
|
||
setLoading(wechatBtn, true, "发布到公众号草稿箱", "发布中...");
|
||
try {
|
||
let bodyForPublish = $("body").value;
|
||
const autoInclude = Boolean(posterAutoInclude && posterAutoInclude.checked);
|
||
if (autoInclude) {
|
||
const stale = posterState.signature !== buildPosterSignature() || !posterState.bodyMarkdownWithPosters;
|
||
if (!stale && posterState.bodyMarkdownWithPosters) {
|
||
bodyForPublish = posterState.bodyMarkdownWithPosters;
|
||
} else {
|
||
setStatus("未检测到可用海报，本次仅发布文字；如需海报请先手动生成。", true);
|
||
}
|
||
}
|
||
const data = await postJSON("/api/publish/wechat", {
|
||
title: $("title").value,
|
||
summary: $("summary").value,
|
||
body_markdown: bodyForPublish,
|
||
thumb_media_id: $("thumbMediaId") ? $("thumbMediaId").value.trim() : "",
|
||
});
|
||
if (!data.ok) throw new Error(data.detail);
|
||
setStatus("公众号草稿发布成功");
|
||
} catch (e) {
|
||
setStatus(`公众号发布失败: ${e.message}`, true);
|
||
if ((e.message || "").includes("请先登录")) {
|
||
window.location.href = "/auth?next=/";
|
||
} else if ((e.message || "").includes("未绑定公众号")) {
|
||
window.location.href = "/settings";
|
||
}
|
||
} finally {
|
||
setLoading(wechatBtn, false, "发布到公众号草稿箱", "发布中...");
|
||
}
|
||
});
|
||
|
||
if (coverGenerateBtn) {
|
||
coverGenerateBtn.addEventListener("click", async () => {
|
||
try {
|
||
await generateWechatCover({ silent: false });
|
||
saveDraftState();
|
||
} catch (e) {
|
||
if (handleUpgradeRequired(e)) return;
|
||
const hint = $("coverHint");
|
||
if (hint) hint.textContent = "AI 封面生成失败，请检查标题、模型或公众号配置。";
|
||
setStatus(`封面生成失败: ${e.message}`, true);
|
||
if ((e.message || "").includes("请先登录")) {
|
||
window.location.href = "/auth?next=/";
|
||
} else if ((e.message || "").includes("未绑定公众号")) {
|
||
window.location.href = "/settings";
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
if (saveCoverImageModelBtn) {
|
||
saveCoverImageModelBtn.addEventListener("click", async () => {
|
||
const value = (coverImageModelInput && coverImageModelInput.value.trim()) || "";
|
||
if (!value) {
|
||
setStatus("请先填写文生图模型", true);
|
||
return;
|
||
}
|
||
setLoading(saveCoverImageModelBtn, true, "保存模型", "保存中...");
|
||
try {
|
||
const out = await postJSON("/api/auth/ai-models/image-model/update", { image_model: value });
|
||
if (!out.ok) {
|
||
setStatus(out.detail || "保存失败", true);
|
||
return;
|
||
}
|
||
setStatus("文生图模型已保存。");
|
||
saveDraftState();
|
||
} catch (e) {
|
||
setStatus(e.message || "保存失败", true);
|
||
} finally {
|
||
setLoading(saveCoverImageModelBtn, false, "保存模型", "保存中...");
|
||
}
|
||
});
|
||
}
|
||
|
||
if (coverUploadBtn) {
|
||
coverUploadBtn.addEventListener("click", async () => {
|
||
const fileInput = $("coverFile");
|
||
const hint = $("coverHint");
|
||
const file = fileInput && fileInput.files && fileInput.files[0];
|
||
if (!file) {
|
||
setStatus("请先选择封面图片再上传", true);
|
||
return;
|
||
}
|
||
if (hint) hint.textContent = "正在上传封面...";
|
||
setLoading(coverUploadBtn, true, "上传封面并绑定", "上传中...");
|
||
try {
|
||
const fd = new FormData();
|
||
fd.append("file", file);
|
||
const res = await fetch("/api/wechat/cover/upload", { method: "POST", body: fd });
|
||
const data = await res.json();
|
||
if (!res.ok || !data.ok) throw new Error(data.detail || "封面上传失败");
|
||
const mid = data.data && data.data.thumb_media_id ? data.data.thumb_media_id : "";
|
||
if ($("thumbMediaId")) $("thumbMediaId").value = mid;
|
||
if (hint) hint.textContent = `封面上传成功，已绑定 media_id：${mid}`;
|
||
setStatus("封面上传成功，发布时将优先使用该封面。");
|
||
saveDraftState();
|
||
} catch (e) {
|
||
if (hint) hint.textContent = "封面上传失败，请看状态提示。";
|
||
setStatus(`封面上传失败: ${e.message}`, true);
|
||
if ((e.message || "").includes("请先登录")) {
|
||
window.location.href = "/auth?next=/";
|
||
} else if ((e.message || "").includes("未绑定公众号")) {
|
||
window.location.href = "/settings";
|
||
}
|
||
} finally {
|
||
setLoading(coverUploadBtn, false, "上传封面并绑定", "上传中...");
|
||
}
|
||
});
|
||
}
|
||
|
||
if (coverUrlUploadBtn) {
|
||
coverUrlUploadBtn.addEventListener("click", async () => {
|
||
const hint = $("coverHint");
|
||
const imageUrl = (($("coverUrl") && $("coverUrl").value) || "").trim();
|
||
if (!imageUrl) {
|
||
setStatus("请先粘贴图片 URL", true);
|
||
return;
|
||
}
|
||
if (hint) hint.textContent = "正在下载并上传 URL 图片...";
|
||
setLoading(coverUrlUploadBtn, true, "URL 上传并绑定", "上传中...");
|
||
try {
|
||
const data = await postJSON("/api/wechat/cover/upload-by-url", { image_url: imageUrl });
|
||
if (!data.ok) throw new Error(data.detail || "URL 封面上传失败");
|
||
const mid = data.data && data.data.thumb_media_id ? data.data.thumb_media_id : "";
|
||
if ($("thumbMediaId")) $("thumbMediaId").value = mid;
|
||
if (hint) hint.textContent = `URL 封面上传成功，已绑定 media_id：${mid}`;
|
||
setStatus("URL 封面上传成功，发布时将优先使用该封面。");
|
||
if ($("coverUrl")) $("coverUrl").value = "";
|
||
saveDraftState();
|
||
} catch (e) {
|
||
if (hint) hint.textContent = "URL 封面上传失败，请看状态提示。";
|
||
setStatus(`URL 封面上传失败: ${e.message}`, true);
|
||
if ((e.message || "").includes("请先登录")) {
|
||
window.location.href = "/auth?next=/";
|
||
} else if ((e.message || "").includes("未绑定公众号")) {
|
||
window.location.href = "/settings";
|
||
}
|
||
} finally {
|
||
setLoading(coverUrlUploadBtn, false, "URL 上传并绑定", "上传中...");
|
||
}
|
||
});
|
||
}
|
||
|
||
if (posterGenerateBtn) {
|
||
posterGenerateBtn.addEventListener("click", async () => {
|
||
try {
|
||
await generatePosterMaterials({ silent: false });
|
||
saveDraftState();
|
||
} catch (e) {
|
||
if (handleUpgradeRequired(e)) return;
|
||
setStatus(`海报生成失败: ${e.message}`, true);
|
||
if (posterHint) posterHint.textContent = "海报生成失败，请检查配置后重试。";
|
||
if ((e.message || "").includes("请先登录")) {
|
||
window.location.href = "/auth?next=/";
|
||
} else if ((e.message || "").includes("未绑定公众号")) {
|
||
window.location.href = "/settings";
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
$("imBtn").addEventListener("click", async () => {
|
||
setStatus("正在发送到 IM...");
|
||
setLoading(imBtn, true, "发送到 IM", "发送中...");
|
||
try {
|
||
const data = await postJSON("/api/publish/im", {
|
||
title: $("title").value,
|
||
body_markdown: $("body").value,
|
||
});
|
||
if (!data.ok) throw new Error(data.detail);
|
||
setStatus("IM 发送成功");
|
||
} catch (e) {
|
||
setStatus(`IM 发送失败: ${e.message}`, true);
|
||
} finally {
|
||
setLoading(imBtn, false, "发送到 IM", "发送中...");
|
||
}
|
||
});
|
||
|
||
["sourceText", "title", "summary", "body"].forEach((id) => {
|
||
$(id).addEventListener("input", updateCounters);
|
||
$(id).addEventListener("input", saveDraftState);
|
||
if (id !== "sourceText") $(id).addEventListener("input", markPosterStaleIfNeeded);
|
||
});
|
||
|
||
["titleHint", "audienceExtra", "toneExtra", "avoidWords", "keepPoints", "targetBodyChars", "thumbMediaId", "coverStyleHint"].forEach(
|
||
(id) => {
|
||
const el = $(id);
|
||
if (el) el.addEventListener("input", saveDraftState);
|
||
},
|
||
);
|
||
document.querySelectorAll('input[name="audienceChip"],input[name="toneChip"]').forEach((el) => {
|
||
el.addEventListener("change", saveDraftState);
|
||
});
|
||
if (coverAutoAfterRewrite) coverAutoAfterRewrite.addEventListener("change", saveDraftState);
|
||
if (posterAutoInclude) posterAutoInclude.addEventListener("change", saveDraftState);
|
||
if (coverImageModelInput) coverImageModelInput.addEventListener("input", saveDraftState);
|
||
|
||
restoreDraftState();
|
||
updateCounters();
|
||
initMultiDropdowns();
|
||
initWechatAccountSwitch();
|
||
syncTargetCharChips();
|
||
renderPosterPreview([]);
|
||
setCoverMode("manual");
|
||
initImageModelStatus();
|
||
window.addEventListener("beforeunload", saveDraftState);
|
||
window.addEventListener("load", () => setCoverMode("manual"));
|