@decentnetwork/beagle-ui 0.2.23 → 0.2.25

package/dist/beagle-ui.js

@@ -1,4 +1,4 @@
-export const BEAGLE_UI_VERSION = "0.2.23";
+export const BEAGLE_UI_VERSION = "0.2.25";
 // src/icons.jsx
 var ICON_PATHS = {
   // ---- tab bar (the four must feel like one set) ----
@@ -877,6 +877,12 @@ var service_peers_default = {
       kind: "node",
       role: "server"
     },
+    {
+      userid: "5SxEBHAx49Hknq1VzrA1HDtZHjW31vetX3iMEi4P6pK3",
+      name: "gfax118",
+      kind: "node",
+      role: "server"
+    },
     {
       userid: "72a4A7awtn6BqZnBt3eNhZH9MdYXRkM6Ht5HG2sqoiKR",
       name: "nv4090-wsl",
@@ -1164,6 +1170,7 @@ ${cmds}
 
 ${tail}`;
 }
+var SKIP_NAMES_MAX = 10;
 var seq = 0;
 var asMsg = (from, text, extra) => Object.assign({
   id: `as-${Date.now()}-${seq++}`,
@@ -1225,22 +1232,29 @@ function useAssistant({ lang, T, muted, onToggleMute, sound, flash, setAlert, on
       ver: r.beagleVer || ""
     };
   };
+  const skipLine = (skipped) => {
+    if (!skipped.length)
+      return "";
+    const shown = skipped.slice(0, SKIP_NAMES_MAX).map(nameOf);
+    const more = skipped.length - shown.length;
+    const names = shown.join(", ") + (more > 0 ? lang === "zh" ? ` \u7B49 ${more} \u4F4D` : `, and ${more} more` : "");
+    return lang === "zh" ? `
+
+*\u8DF3\u8FC7\u4E86 ${skipped.length} \u4F4D\u6700\u8FD1 ${RECENT_DAYS} \u5929\u5185\u6DFB\u52A0\u7684\u597D\u53CB\uFF1A${names}\u3002*` : `
+
+*Skipped ${skipped.length} added in the last ${RECENT_DAYS} days: ${names}.*`;
+  };
   const listReply = (rows, skipped, data, title) => {
     if (!rows.length) {
       return `${title}
 
-${lang === "zh" ? "\u6CA1\u6709\u7B26\u5408\u7684\u597D\u53CB\u3002" : "No friends match."}
+${lang === "zh" ? "\u6CA1\u6709\u7B26\u5408\u7684\u597D\u53CB\u3002" : "No friends match."}${skipLine(skipped)}
 
 ${sinceLine(data.historySince, lang)}`;
     }
-    const skip = skipped.length ? lang === "zh" ? `
-
-*\u8DF3\u8FC7\u4E86 ${skipped.length} \u4F4D\u6700\u8FD1 ${RECENT_DAYS} \u5929\u5185\u6DFB\u52A0\u7684\u597D\u53CB\u3002*` : `
-
-*${skipped.length} friend${skipped.length > 1 ? "s" : ""} added in the last ${RECENT_DAYS} days ${skipped.length > 1 ? "were" : "was"} skipped.*` : "";
     return `${title}
 
-${friendTable(rows, data.now, lang)}${skip}
+${friendTable(rows, data.now, lang)}${skipLine(skipped)}
 
 ${sinceLine(data.historySince, lang)}`;
   };
@@ -1391,6 +1405,8 @@ ${cands.map((c) => `- ${nameOf(c)}`).join("\n")}`;
 }
 
 // src/chat.jsx
+var DK_CMD_HIST_KEY = "beagle.assistant.history";
+var DK_CMD_HIST_MAX = 50;
 function RequestsBlock({ T, requests, onAct }) {
   const [acted, setActed] = React.useState({});
   const [failed, setFailed] = React.useState({});
@@ -2792,6 +2808,59 @@ function Conversation({ T, peer, lang, peers, onOpenChat, thread: threadProp, on
     setSelMode(false);
   };
   const [draft, setDraft] = React.useState("");
+  const [hist, setHist] = React.useState([]);
+  const histIdx = React.useRef(null);
+  const histStash = React.useRef("");
+  React.useEffect(() => {
+    histIdx.current = null;
+    histStash.current = "";
+    if (!peer.app) {
+      setHist([]);
+      return;
+    }
+    try {
+      setHist(JSON.parse(localStorage.getItem(DK_CMD_HIST_KEY) || "[]"));
+    } catch (e) {
+      setHist([]);
+    }
+  }, [peer.id, peer.app]);
+  const rememberCommand = (text) => {
+    setHist((h) => {
+      const next = (h[h.length - 1] === text ? h : h.concat(text)).slice(-DK_CMD_HIST_MAX);
+      if (peer.app) {
+        try {
+          localStorage.setItem(DK_CMD_HIST_KEY, JSON.stringify(next));
+        } catch (e) {
+        }
+      }
+      return next;
+    });
+    histIdx.current = null;
+    histStash.current = "";
+  };
+  const walkHistory = (dir) => {
+    if (!hist.length)
+      return false;
+    let i = histIdx.current;
+    if (i === null) {
+      if (dir > 0)
+        return false;
+      histStash.current = draft;
+      i = hist.length - 1;
+    } else {
+      i += dir;
+      if (i >= hist.length) {
+        histIdx.current = null;
+        setDraft(histStash.current);
+        return true;
+      }
+      if (i < 0)
+        i = 0;
+    }
+    histIdx.current = i;
+    setDraft(hist[i]);
+    return true;
+  };
   const [dragOver, setDragOver] = React.useState(false);
   const [sending, setSending] = React.useState(null);
   const [theater, setTheater] = React.useState(null);
@@ -2814,6 +2883,7 @@ function Conversation({ T, peer, lang, peers, onOpenChat, thread: threadProp, on
   const sendDraft = () => {
     if (draft.trim()) {
       followScrollRef.current = true;
+      rememberCommand(draft.trim());
       onSend(draft);
       setDraft("");
       requestAnimationFrame(scrollToBottom);
@@ -2999,11 +3069,19 @@ ${peer.address}`
       "input",
       {
         value: draft,
-        onChange: (e) => setDraft(e.target.value),
+        onChange: (e) => {
+          histIdx.current = null;
+          setDraft(e.target.value);
+        },
         onKeyDown: (e) => {
           if (e.key === "Enter" && !e.shiftKey) {
             e.preventDefault();
             sendDraft();
+            return;
+          }
+          if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+            if (walkHistory(e.key === "ArrowUp" ? -1 : 1))
+              e.preventDefault();
           }
         },
         placeholder: phone ? `${T.message}\u2026` : `${T.message} ${peer.alias || shortKey(peer.userId, 6, 4)}\u2026`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/beagle-ui",
-  "version": "0.2.23",
+  "version": "0.2.25",
   "description": "The Beagle chat UI, minus the machine it runs on — shared by the desktop install and the browser build.",
   "license": "MIT",
   "type": "module",