@decentnetwork/lan 0.1.228 → 0.1.230

package/dist/ui/desktop/app.js

@@ -1210,6 +1210,98 @@ function dkCallFromText(text) {
   const m = /^WebRTC (audio|video) call: (incoming|outgoing)$/.exec(String(text || ""));
   return m ? { kind: m[1], direction: m[2] } : null;
 }
+function dkHtmlEscape(s) {
+  return String(s == null ? "" : s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function dkSafeHref(s) {
+  const href = String(s || "").trim();
+  if (!href) return "";
+  try {
+    const u = new URL(href, window.location.href);
+    if (u.protocol === "http:" || u.protocol === "https:" || u.protocol === "mailto:") return u.href;
+  } catch (e) {
+  }
+  return "";
+}
+function dkInlineMarkdown(s) {
+  const text = String(s == null ? "" : s);
+  const tokenRe = /(`[^`\n]+`|\[[^\]\n]+\]\([^) \n]+(?: [^)]+)?\)|\*\*[^*\n]+?\*\*|\*[^*\n]+?\*)/g;
+  let out = "";
+  let last = 0;
+  let m;
+  while (m = tokenRe.exec(text)) {
+    out += dkHtmlEscape(text.slice(last, m.index));
+    const tok = m[0];
+    if (tok[0] === "`") {
+      out += "<code>" + dkHtmlEscape(tok.slice(1, -1)) + "</code>";
+    } else if (tok.startsWith("[")) {
+      const lm = /^\[([^\]\n]+)\]\(([^) \n]+)(?: [^)]+)?\)$/.exec(tok);
+      const href = lm && dkSafeHref(lm[2]);
+      out += href ? '<a href="' + dkHtmlEscape(href) + '" target="_blank" rel="noopener">' + dkHtmlEscape(lm[1]) + "</a>" : dkHtmlEscape(tok);
+    } else if (tok.startsWith("**")) {
+      out += "<strong>" + dkHtmlEscape(tok.slice(2, -2)) + "</strong>";
+    } else if (tok.startsWith("*")) {
+      out += "<em>" + dkHtmlEscape(tok.slice(1, -1)) + "</em>";
+    } else {
+      out += dkHtmlEscape(tok);
+    }
+    last = tokenRe.lastIndex;
+  }
+  out += dkHtmlEscape(text.slice(last));
+  return out;
+}
+function dkMarkdownHtml(src) {
+  const lines = String(src == null ? "" : src).replace(/\r\n?/g, "\n").split("\n");
+  let html = "";
+  let i = 0;
+  const isBlockStart = (line) => /^```/.test(line) || /^#{1,6}\s+/.test(line) || /^\s*[-*]\s+/.test(line) || /^\s*\d+\.\s+/.test(line);
+  while (i < lines.length) {
+    const line = lines[i];
+    if (!line.trim()) {
+      i += 1;
+      continue;
+    }
+    if (/^```/.test(line)) {
+      i += 1;
+      const code = [];
+      while (i < lines.length && !/^```/.test(lines[i])) {
+        code.push(lines[i]);
+        i += 1;
+      }
+      if (i < lines.length) i += 1;
+      html += "<pre><code>" + dkHtmlEscape(code.join("\n")) + "</code></pre>";
+      continue;
+    }
+    const hm = /^(#{1,6})\s+(.+)$/.exec(line);
+    if (hm) {
+      const level = Math.min(6, hm[1].length);
+      html += "<h" + level + ">" + dkInlineMarkdown(hm[2]) + "</h" + level + ">";
+      i += 1;
+      continue;
+    }
+    if (/^\s*[-*]\s+/.test(line) || /^\s*\d+\.\s+/.test(line)) {
+      const ordered = /^\s*\d+\.\s+/.test(line);
+      html += ordered ? "<ol>" : "<ul>";
+      while (i < lines.length && (ordered ? /^\s*\d+\.\s+/.test(lines[i]) : /^\s*[-*]\s+/.test(lines[i]))) {
+        html += "<li>" + dkInlineMarkdown(lines[i].replace(ordered ? /^\s*\d+\.\s+/ : /^\s*[-*]\s+/, "")) + "</li>";
+        i += 1;
+      }
+      html += ordered ? "</ol>" : "</ul>";
+      continue;
+    }
+    const para = [line];
+    i += 1;
+    while (i < lines.length && lines[i].trim() && !isBlockStart(lines[i])) {
+      para.push(lines[i]);
+      i += 1;
+    }
+    html += "<p>" + para.map(dkInlineMarkdown).join("<br>") + "</p>";
+  }
+  return html || dkHtmlEscape(src);
+}
+function MarkdownText({ text }) {
+  return /* @__PURE__ */ React.createElement("div", { className: "dk-md", dangerouslySetInnerHTML: { __html: dkMarkdownHtml(text) } });
+}
 function Msg({ m, peer, T, onTheater, onDelete, onCancel, onRetry, onCall, selMode, selected, onToggleSel, busy }) {
   const mine = m.from === "me";
   const rtcFile = !mine && !m.file ? dkRtcFileFromText(peer.userId || peer.id, m.text) : null;
@@ -1430,7 +1522,7 @@ function Msg({ m, peer, T, onTheater, onDelete, onCancel, onRetry, onCall, selMo
       lineHeight: 1.4,
       letterSpacing: -0.1,
       wordBreak: "break-word"
-    } }, m.text), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 4, margin: "3px 3px 0" } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 10, color: "var(--faint)" } }, m.time), !mine && m.via && /* @__PURE__ */ React.createElement(
+    } }, /* @__PURE__ */ React.createElement(MarkdownText, { text: m.text })), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 4, margin: "3px 3px 0" } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 10, color: "var(--faint)" } }, m.time), !mine && m.via && /* @__PURE__ */ React.createElement(
       "span",
       {
         title: m.via === "offline" ? "delivered via express relay (offline)" : "delivered over a live session (online)",
@@ -1633,8 +1725,14 @@ function Conversation({ T, peer, lang, thread: threadProp, onSend, onSendFile, o
     if (!files || !files.length || !sender) return;
     const file = files[0];
     followScrollRef.current = true;
-    setSending({ name: file.name, via: mode, pct: 0 });
-    const onProgress = (p) => setSending((s) => s && s.name === file.name ? { ...s, pct: p && p.pct } : s);
+    setSending({ name: file.name, via: mode, pct: 0, sent: 0, size: file.size });
+    const onProgress = (p) => setSending((s) => s && s.name === file.name ? {
+      ...s,
+      pct: p && p.pct,
+      sent: p && p.sent,
+      size: p && p.size || s.size,
+      kbps: p && p.kbps
+    } : s);
     Promise.resolve(sender(file, onProgress)).then((r) => {
       if (r && r.ok === false) window.alert((lang === "zh" ? "\u53D1\u9001\u5931\u8D25: " : "Send failed: ") + (r.error || ""));
       else showFlash("ok", mode === "webrtc" ? lang === "zh" ? "WebRTC \u6587\u4EF6\u53D1\u9001\u5B8C\u6210" : "WebRTC file sent" : lang === "zh" ? "\u6587\u4EF6\u5DF2\u63D0\u4EA4\u53D1\u9001" : "File send started");
@@ -1722,7 +1820,7 @@ function Conversation({ T, peer, lang, thread: threadProp, onSend, onSendFile, o
         stroke: 2.2,
         color: flash.kind === "err" ? "var(--danger)" : "var(--accent)"
       }
-    ), flash.msg), sending && /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto 8px", display: "flex", alignItems: "center", gap: 8, fontFamily: "var(--mono)", fontSize: 11.5, color: "var(--faint)" } }, /* @__PURE__ */ React.createElement(Icon, { name: "paperclip", size: 13, stroke: 2, color: "var(--accent)" }), (lang === "zh" ? "\u53D1\u9001\u4E2D: " : "Sending: ") + (sending.via === "webrtc" ? "WebRTC \xB7 " : "") + sending.name + (sending.pct != null ? " \xB7 " + Math.min(100, Math.max(0, sending.pct)).toFixed(1) + "%" : "")), /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto", display: "flex", alignItems: "center", gap: 10 } }, /* @__PURE__ */ React.createElement(
+    ), flash.msg), sending && /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto 8px", display: "flex", alignItems: "center", gap: 8, fontFamily: "var(--mono)", fontSize: 11.5, color: "var(--faint)" } }, /* @__PURE__ */ React.createElement(Icon, { name: "paperclip", size: 13, stroke: 2, color: "var(--accent)" }), (lang === "zh" ? "\u53D1\u9001\u4E2D: " : "Sending: ") + (sending.via === "webrtc" ? "WebRTC \xB7 " : "") + sending.name + (sending.size ? " \xB7 " + dkFileSize(sending.sent || 0) + " / " + dkFileSize(sending.size) : "") + (sending.pct != null ? " \xB7 " + Math.min(100, Math.max(0, sending.pct)).toFixed(1) + "%" : "") + (sending.kbps != null ? " \xB7 " + dkSpeed(sending.kbps) : "")), /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto", display: "flex", alignItems: "center", gap: 10 } }, /* @__PURE__ */ React.createElement(
       "input",
       {
         ref: fileRef,
@@ -2207,16 +2305,36 @@ function useRtcFileController(selfId, onReceivedFile) {
       await dkWaitForOpen(dc, DK_FILE_RTC_OPEN_TIMEOUT_MS, () => dkRtcState(pc));
       dc.send(JSON.stringify({ type: "meta", name: file.name, size: file.size, mime: file.type || "application/octet-stream" }));
       let sent = 0;
+      const startedAt = Date.now();
+      let lastProgressAt = 0;
       const highWater = 4 * 1024 * 1024;
+      const reportProgress = (force) => {
+        if (!onProgress) return;
+        const now = Date.now();
+        if (!force && now - lastProgressAt < 250 && sent < file.size) return;
+        lastProgressAt = now;
+        const elapsedMs = Math.max(1, now - startedAt);
+        const kbps = sent / 1024 / (elapsedMs / 1e3);
+        onProgress({
+          sent,
+          size: file.size,
+          pct: file.size ? sent / file.size * 100 : 100,
+          kbps,
+          elapsedMs,
+          via: "webrtc"
+        });
+      };
+      reportProgress(true);
       while (sent < file.size) {
         if (dc.readyState !== "open") throw new Error("WebRTC data channel closed");
         const end = Math.min(file.size, sent + DK_FILE_RTC_CHUNK);
         const buf = await file.slice(sent, end).arrayBuffer();
         dc.send(buf);
         sent = end;
-        if (onProgress) onProgress({ sent, size: file.size, pct: file.size ? sent / file.size * 100 : 100 });
+        reportProgress(false);
         await dkWaitBufferedLow(dc, highWater);
       }
+      reportProgress(true);
       dc.send(JSON.stringify({ type: "done" }));
       await sendSignal("bye", { reason: "done" }).catch(() => {
       });

package/dist/ui/desktop/index.html

@@ -22,6 +22,20 @@
   ::-webkit-scrollbar { width: 9px; height: 9px; }
   ::-webkit-scrollbar-thumb { background: var(--line); border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
   ::-webkit-scrollbar-track { background: transparent; }
+  .dk-md { white-space: normal; }
+  .dk-md p { margin: 0; }
+  .dk-md p + p, .dk-md p + ul, .dk-md p + ol, .dk-md p + pre,
+  .dk-md ul + p, .dk-md ol + p, .dk-md pre + p,
+  .dk-md h1 + p, .dk-md h2 + p, .dk-md h3 + p { margin-top: 0.5em; }
+  .dk-md h1, .dk-md h2, .dk-md h3, .dk-md h4, .dk-md h5, .dk-md h6 {
+    margin: 0 0 0.35em; font-size: 1em; line-height: 1.25; font-weight: 800;
+  }
+  .dk-md ul, .dk-md ol { margin: 0.25em 0; padding-left: 1.35em; }
+  .dk-md li { margin: 0.15em 0; }
+  .dk-md code { font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace; font-size: 0.92em; background: rgba(0,0,0,0.18); border-radius: 4px; padding: 0.08em 0.3em; }
+  .dk-md pre { margin: 0.45em 0 0; padding: 8px 10px; overflow: auto; border-radius: 8px; background: rgba(0,0,0,0.22); }
+  .dk-md pre code { display: block; background: transparent; padding: 0; white-space: pre; }
+  .dk-md a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
   @keyframes dkpulse { 0% { transform: scale(0.9); opacity: 0.7; } 70% { transform: scale(1.5); opacity: 0; } 100% { opacity: 0; } }
 </style>
 </head>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/lan",
-  "version": "0.1.228",
+  "version": "0.1.230",
   "description": "Private virtual LAN for self-hosted services and AI agents, built on Elastos Carrier. NAT-traversal, name service, ACL, all over a peer-to-peer mesh — no public IP required.",
   "type": "module",
   "main": "./dist/index.js",