@bolloon/bolloon-agent 0.4.13 → 0.4.15

package/dist/web/client-hearth.js

@@ -20,16 +20,16 @@ export async function renderMyHearth(root) {
     root.innerHTML = '<h1>My Hearth</h1><p>Loading…</p>';
     try {
         const data = await fetchHearth('/api/hearth');
-        root.innerHTML = `
-      <h1>My Hearth</h1>
-      <dl>
-        <dt>Service</dt><dd>${data.service} v${data.version}</dd>
-        <dt>Root</dt><dd><code>${data.rootPath}</code></dd>
-        <dt>Description count</dt><dd>${data.descriptionCount}</dd>
-        <dt>Visibility channels</dt><dd>${data.visibilityChannels}</dd>
-        <dt>Allowlist count</dt><dd>${data.allowlistCount}</dd>
-        <dt>Defense mode</dt><dd>${data.defenseMode ? 'ON (write APIs disabled)' : 'OFF (反攻期)'}</dd>
-      </dl>
+        root.innerHTML = `
+      <h1>My Hearth</h1>
+      <dl>
+        <dt>Service</dt><dd>${data.service} v${data.version}</dd>
+        <dt>Root</dt><dd><code>${data.rootPath}</code></dd>
+        <dt>Description count</dt><dd>${data.descriptionCount}</dd>
+        <dt>Visibility channels</dt><dd>${data.visibilityChannels}</dd>
+        <dt>Allowlist count</dt><dd>${data.allowlistCount}</dd>
+        <dt>Defense mode</dt><dd>${data.defenseMode ? 'ON (write APIs disabled)' : 'OFF (反攻期)'}</dd>
+      </dl>
       <p>视图: <a href="#/hearth/discover">Discover</a> · <a href="#/hearth/visit/__self__">Visit self</a></p>`;
     }
     catch (e) {

package/dist/web/client.js

@@ -1771,6 +1771,275 @@
       notice.remove();
     }, 15e3);
   }
+  var gwGroups = [];
+  var gwNetworks = [];
+  var gwActiveChat = null;
+  var gwMsgCache = /* @__PURE__ */ new Map();
+  function gwToast(text) {
+    try {
+      window.showToast?.(text);
+    } catch {
+    }
+    console.log("[gateway]", text);
+  }
+  function gwEsc(s) {
+    try {
+      return escapeHtml2(String(s ?? ""));
+    } catch {
+      return String(s ?? "");
+    }
+  }
+  function gwModal(html) {
+    const overlay = document.createElement("div");
+    overlay.className = "gw-modal-overlay";
+    overlay.innerHTML = `<div class="gw-modal">${html}<div class="gw-modal-close" title="\u5173\u95ED">\u2715</div></div>`;
+    document.body.appendChild(overlay);
+    const close = () => overlay.remove();
+    overlay.querySelector(".gw-modal-close")?.addEventListener("click", close);
+    overlay.addEventListener("click", (e) => {
+      if (e.target === overlay) close();
+    });
+    return { root: overlay, close };
+  }
+  async function loadGatewaySidebar() {
+    try {
+      const [g, n] = await Promise.all([
+        fetch("/api/gateway/groups").then((r) => r.json()).catch(() => ({ groups: [] })),
+        fetch("/api/gateway/status").then((r) => r.json()).catch(() => ({ networks: [] }))
+      ]);
+      gwGroups = Array.isArray(g.groups) ? g.groups : [];
+      gwNetworks = Array.isArray(n.networks) ? n.networks : [];
+      renderGatewaySidebar();
+    } catch {
+    }
+  }
+  function renderGatewaySidebar() {
+    const list = document.getElementById("gateway-list");
+    if (!list) return;
+    list.innerHTML = "";
+    for (const grp of gwGroups) {
+      const li = document.createElement("li");
+      li.className = "gateway-item";
+      li.innerHTML = `<span class="gateway-item-icon">\u{1F465}</span>
+      <span class="gateway-item-main">
+        <span class="gateway-item-name">${gwEsc(grp.name || "\u7FA4\u7EC4")}</span>
+        <span class="gateway-item-sub">${grp.memberCount ?? 0} \u6210\u5458 \xB7 ${grp.messageCount ?? 0} \u6761\u6D88\u606F</span>
+      </span>`;
+      li.title = "\u6253\u5F00\u7FA4\u804A";
+      li.onclick = () => openGroupChat(grp.id, grp.name || grp.id);
+      list.appendChild(li);
+    }
+    for (const net of gwNetworks) {
+      const li = document.createElement("li");
+      li.className = "gateway-item gateway-item-net";
+      li.innerHTML = `<span class="gateway-item-icon">\u{1F310}</span>
+      <span class="gateway-item-main">
+        <span class="gateway-item-name">${gwEsc(net.name || String(net.link || "").slice(0, 24) || "\u7F51\u7EDC")}</span>
+        <span class="gateway-item-sub">${net.serviceCount ?? 0} \u4E2A\u670D\u52A1</span>
+      </span>`;
+      li.title = `\u670D\u52A1\u7F51\u7EDC: ${net.link || ""}`;
+      list.appendChild(li);
+    }
+    if (!gwGroups.length && !gwNetworks.length) {
+      list.innerHTML = '<li class="sidebar-empty-hint">(\u6682\u65E0\u7F51\u7EDC, \u70B9 + \u52A0\u5165)</li>';
+    }
+  }
+  function openGatewayJoinModal() {
+    const { root, close } = gwModal(`
+    <div class="gw-join">
+      <h3>\u52A0\u5165 Agent \u7F51\u7EDC / \u7FA4\u7EC4</h3>
+      <p class="gw-hint">\u7C98\u8D34\u9080\u8BF7\u94FE\u63A5 (orbitdb://...), \u81EA\u52A8\u8BC6\u522B\u670D\u52A1\u7F51\u7EDC\u6216\u7FA4\u7EC4.</p>
+      <input class="gw-join-input" placeholder="orbitdb:///orbitdb/...?type=group&name=..." />
+      <div class="gw-join-actions">
+        <button class="gw-join-go">\u52A0\u5165</button>
+        <button class="gw-join-my">\u{1F517} \u6211\u7684\u7F51\u7EDC\u94FE\u63A5</button>
+      </div>
+      <div class="gw-join-result"></div>
+    </div>`);
+    const input2 = root.querySelector(".gw-join-input");
+    const go = root.querySelector(".gw-join-go");
+    const my = root.querySelector(".gw-join-my");
+    const result = root.querySelector(".gw-join-result");
+    go.onclick = async () => {
+      const link = String(input2.value || "").trim();
+      if (!link) {
+        result.textContent = "\u8BF7\u8F93\u5165\u94FE\u63A5";
+        return;
+      }
+      if (link.includes("type=group")) {
+        const r = await fetch("/api/gateway/groups/join", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ link })
+        }).then((x) => x.json()).catch(() => ({ ok: false, error: "\u8BF7\u6C42\u5931\u8D25" }));
+        if (r.ok) {
+          result.textContent = r.already ? "\u5DF2\u5728\u8BE5\u7FA4\u7EC4\u4E2D \u2713" : `\u2705 \u5DF2\u52A0\u5165\u7FA4\u7EC4\u300C${r.group?.name || ""}\u300D`;
+          close();
+          loadGatewaySidebar();
+        } else result.textContent = `\u274C ${r.error || "\u52A0\u5165\u5931\u8D25"}`;
+      } else {
+        const r = await fetch("/api/gateway/join", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ link })
+        }).then((x) => x.json()).catch(() => ({ ok: false, error: "\u8BF7\u6C42\u5931\u8D25" }));
+        if (r.ok) {
+          result.textContent = r.already ? "\u5DF2\u5728\u8BE5\u7F51\u7EDC\u4E2D \u2713" : `\u2705 \u5DF2\u52A0\u5165\u7F51\u7EDC (${r.total} \u670D\u52A1, \u65B0\u589E ${r.joined})`;
+          close();
+          loadGatewaySidebar();
+        } else result.textContent = `\u274C ${r.error || "\u52A0\u5165\u5931\u8D25"}`;
+      }
+    };
+    my.onclick = async () => {
+      const r = await fetch("/api/gateway/link").then((x) => x.json()).catch(() => null);
+      if (r?.link) {
+        try {
+          await navigator.clipboard.writeText(r.link);
+        } catch {
+        }
+        result.innerHTML = `\u6211\u7684\u7F51\u7EDC\u9080\u8BF7\u94FE\u63A5\u5DF2\u590D\u5236:<br><code>${gwEsc(r.link)}</code>`;
+      } else result.textContent = "\u274C \u751F\u6210\u94FE\u63A5\u5931\u8D25 (OrbitDB \u672A\u5C31\u7EEA)";
+    };
+  }
+  function openGatewayNewGroupModal() {
+    const { root, close } = gwModal(`
+    <div class="gw-join">
+      <h3>\u521B\u5EFA\u7FA4\u7EC4</h3>
+      <p class="gw-hint">\u7FA4\u7EC4 = \u5FAE\u4FE1\u5F0F\u7FA4\u804A, \u5206\u4EAB\u94FE\u63A5\u9080\u8BF7\u5176\u4ED6 Agent / Bolloon \u52A0\u5165.</p>
+      <input class="gw-join-input" placeholder="\u7FA4\u7EC4\u540D (\u5982: \u7814\u7A76\u534F\u4F5C\u7EC4)" />
+      <div class="gw-join-actions"><button class="gw-join-go">\u521B\u5EFA</button></div>
+      <div class="gw-join-result"></div>
+    </div>`);
+    const input2 = root.querySelector(".gw-join-input");
+    const go = root.querySelector(".gw-join-go");
+    const result = root.querySelector(".gw-join-result");
+    go.onclick = async () => {
+      const name = String(input2.value || "").trim();
+      if (!name) {
+        result.textContent = "\u8BF7\u8F93\u5165\u7FA4\u7EC4\u540D";
+        return;
+      }
+      const r = await fetch("/api/gateway/groups", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ name, from: "web-user" })
+      }).then((x) => x.json()).catch(() => ({ ok: false, error: "\u8BF7\u6C42\u5931\u8D25" }));
+      if (r.ok) {
+        result.innerHTML = `\u2705 \u7FA4\u7EC4\u5DF2\u521B\u5EFA.<br><b>\u9080\u8BF7\u94FE\u63A5:</b><br><code>${gwEsc(r.group?.link)}</code><br>\u590D\u5236\u5206\u4EAB\u7ED9\u5176\u4ED6 Bolloon/Agent.`;
+        loadGatewaySidebar();
+      } else result.textContent = `\u274C ${r.error || "\u521B\u5EFA\u5931\u8D25"}`;
+    };
+  }
+  function openGroupChat(id, name) {
+    gwActiveChat = { id, name };
+    const { root, close } = gwModal(`
+    <div class="gw-chat">
+      <div class="gw-chat-header">
+        <b>\u{1F465} ${gwEsc(name)}</b>
+        <span class="gw-chat-actions">
+          <button class="gw-chat-invite" title="\u590D\u5236\u7FA4\u9080\u8BF7\u94FE\u63A5">\u{1F517} \u9080\u8BF7</button>
+        </span>
+      </div>
+      <div class="gw-chat-msgs" id="gw-msgs-${id}"><div class="gw-msg-empty">\u52A0\u8F7D\u4E2D...</div></div>
+      <div class="gw-chat-input-row">
+        <input class="gw-chat-input" id="gw-input-${id}" placeholder="\u53D1\u6D88\u606F\u7ED9\u7FA4\u6210\u5458... (Enter \u53D1\u9001)" />
+        <button class="gw-chat-send">\u53D1\u9001</button>
+      </div>
+    </div>`);
+    root.querySelector(".gw-chat-invite")?.addEventListener("click", async () => {
+      const r = await fetch(`/api/gateway/groups/${id}/link`).then((x) => x.json()).catch(() => null);
+      if (r?.link) {
+        try {
+          await navigator.clipboard.writeText(r.link);
+        } catch {
+        }
+        gwToast("\u7FA4\u9080\u8BF7\u94FE\u63A5\u5DF2\u590D\u5236, \u5206\u4EAB\u7ED9\u5176\u4ED6 Agent");
+      } else gwToast("\u83B7\u53D6\u94FE\u63A5\u5931\u8D25");
+    });
+    const sendBtn2 = root.querySelector(".gw-chat-send");
+    const input2 = root.querySelector(".gw-chat-input");
+    sendBtn2.onclick = () => {
+      void sendGroupMessage(id);
+    };
+    input2.onkeydown = (e) => {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        void sendGroupMessage(id);
+      }
+    };
+    void loadGroupMessages(id);
+  }
+  async function loadGroupMessages(id) {
+    const box = document.getElementById(`gw-msgs-${id}`);
+    if (!box) return;
+    const r = await fetch(`/api/gateway/groups/${id}/messages?limit=50`).then((x) => x.json()).catch(() => ({ messages: [] }));
+    gwMsgCache.set(id, Array.isArray(r.messages) ? r.messages : []);
+    renderGroupMessages(id);
+  }
+  function renderGroupMessages(id) {
+    const box = document.getElementById(`gw-msgs-${id}`);
+    if (!box) return;
+    const msgs = gwMsgCache.get(id) || [];
+    const myName = (document.getElementById("user-name")?.textContent || "web-user").trim();
+    box.innerHTML = msgs.map((m) => {
+      const mine = m.from === myName || m.from === "web-user" || m.from === "me";
+      const t = new Date(m.ts).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+      return `<div class="gw-msg ${mine ? "gw-msg-mine" : ""}">
+      <div class="gw-msg-meta"><b>${gwEsc(String(m.from).slice(0, 24))}</b> \xB7 ${t}</div>
+      <div class="gw-msg-text">${gwEsc(String(m.text))}</div>
+    </div>`;
+    }).join("") || '<div class="gw-msg-empty">\u7FA4\u8FD8\u6CA1\u6709\u6D88\u606F, \u8BF4\u70B9\u4EC0\u4E48\u5427 \u{1F44B}</div>';
+    box.scrollTop = box.scrollHeight;
+  }
+  async function sendGroupMessage(id) {
+    const input2 = document.getElementById(`gw-input-${id}`);
+    const text = input2?.value?.trim();
+    if (!text) return;
+    const myName = (document.getElementById("user-name")?.textContent || "web-user").trim();
+    const r = await fetch(`/api/gateway/groups/${id}/message`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ text, from: myName })
+    }).then((x) => x.json()).catch(() => ({ ok: false, error: "\u8BF7\u6C42\u5931\u8D25" }));
+    if (r.ok) {
+      if (input2) input2.value = "";
+      void loadGroupMessages(id);
+    } else gwToast(r.error || "\u53D1\u9001\u5931\u8D25");
+  }
+  function handleGroupMessage(msg) {
+    const { groupId, message, groupName } = msg || {};
+    if (!groupId || !message) return;
+    const cur = gwActiveChat;
+    if (cur && cur.id === groupId) {
+      const cache = gwMsgCache.get(groupId) || [];
+      cache.push(message);
+      gwMsgCache.set(groupId, cache.slice(-100));
+      renderGroupMessages(groupId);
+    } else {
+      gwToast(`\u{1F4E2} ${groupName || "\u7FA4\u7EC4"} \u65B0\u6D88\u606F: ${String(message.text || "").slice(0, 40)}`);
+    }
+    void loadGatewaySidebar();
+  }
+  document.addEventListener("DOMContentLoaded", () => {
+    const addBtn = document.getElementById("gateway-add-btn");
+    if (addBtn) addBtn.onclick = openGatewayJoinModal;
+    const ngBtn = document.getElementById("gateway-new-group-btn");
+    if (ngBtn) ngBtn.onclick = openGatewayNewGroupModal;
+    const gHeader = document.getElementById("gateway-header");
+    if (gHeader) gHeader.onclick = () => {
+      const t = document.getElementById("gateway-toggle");
+      const list = document.getElementById("gateway-list");
+      if (t && list) {
+        const open = t.textContent === "\u25BC";
+        t.textContent = open ? "\u25B6" : "\u25BC";
+        list.style.display = open ? "none" : "";
+      }
+    };
+    void loadGatewaySidebar();
+    setInterval(() => {
+      void loadGatewaySidebar();
+    }, 3e4);
+  });
   var v3GlobalEventSource = null;
   function startV3GlobalSSE() {
     if (v3GlobalEventSource) return;
@@ -1779,6 +2048,10 @@
       v3GlobalEventSource.onmessage = (e) => {
         try {
           const msg = JSON.parse(e.data);
+          if (msg.type === "group-message") {
+            handleGroupMessage(msg);
+            return;
+          }
           if (msg.type === "remote-chat-sent") {
             console.log("[v3] \u6536\u5230 remote-chat-sent:", msg.channelId, "|", String(msg.text || "").slice(0, 30));
             try {