feat:完成微信公众号的自动化工具

app/static/app.js

@@ -0,0 +1,74 @@
+const $ = (id) => document.getElementById(id);
+
+const statusEl = $("status");
+
+function setStatus(msg, danger = false) {
+  statusEl.style.color = danger ? "#b42318" : "#0f5f3d";
+  statusEl.textContent = msg;
+}
+
+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) throw new Error(data.detail || "请求失败");
+  return data;
+}
+
+$("rewriteBtn").addEventListener("click", async () => {
+  const sourceText = $("sourceText").value.trim();
+  if (sourceText.length < 20) {
+    setStatus("原始内容太短，至少 20 个字符", true);
+    return;
+  }
+
+  setStatus("AI 改写中...");
+  try {
+    const data = await postJSON("/api/rewrite", {
+      source_text: sourceText,
+      title_hint: $("titleHint").value,
+      tone: $("tone").value,
+      audience: $("audience").value,
+      keep_points: $("keepPoints").value,
+      avoid_words: $("avoidWords").value,
+    });
+    $("title").value = data.title || "";
+    $("summary").value = data.summary || "";
+    $("body").value = data.body_markdown || "";
+    setStatus("改写完成，可直接发布。");
+  } catch (e) {
+    setStatus(`改写失败: ${e.message}`, true);
+  }
+});
+
+$("wechatBtn").addEventListener("click", async () => {
+  setStatus("正在发布到公众号草稿箱...");
+  try {
+    const data = await postJSON("/api/publish/wechat", {
+      title: $("title").value,
+      summary: $("summary").value,
+      body_markdown: $("body").value,
+    });
+    if (!data.ok) throw new Error(data.detail);
+    setStatus("公众号草稿发布成功");
+  } catch (e) {
+    setStatus(`公众号发布失败: ${e.message}`, true);
+  }
+});
+
+$("imBtn").addEventListener("click", async () => {
+  setStatus("正在发送到 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);
+  }
+});