@decentnetwork/beagle 0.1.4 → 0.1.5

package/dist/desktop/app.js

@@ -1,4 +1,4 @@
-window.__DK_UI_VERSION="0.1.3";
+window.__DK_UI_VERSION="0.1.4";
 const ICON_PATHS = {
   // ---- tab bar (the four must feel like one set) ----
   users: '<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
@@ -1313,9 +1313,27 @@ function dkSafeHref(s) {
   }
   return "";
 }
+function dkTrimUrlTail(raw) {
+  let url = raw;
+  const TAIL = `.,;:!?'"\u3002\uFF0C\u3001\uFF1B\uFF1A\uFF01\uFF1F\u2026\u201D\u2019\u300D\u300F`;
+  const PAIRS = [["(", ")"], ["[", "]"], ["{", "}"], ["\uFF08", "\uFF09"], ["\u3010", "\u3011"], ["\u300A", "\u300B"]];
+  const count = (s, ch) => s.split(ch).length - 1;
+  for (; ; ) {
+    const before = url;
+    while (url && TAIL.indexOf(url[url.length - 1]) >= 0)
+      url = url.slice(0, -1);
+    for (let i = 0; i < PAIRS.length; i += 1) {
+      const open = PAIRS[i][0], close = PAIRS[i][1];
+      if (url.slice(-1) === close && count(url, open) < count(url, close))
+        url = url.slice(0, -1);
+    }
+    if (url === before)
+      return url;
+  }
+}
 function dkInlineMarkdown(s) {
   const text = String(s == null ? "" : s);
-  const tokenRe = /(`[^`\n]+`|\[[^\]\n]+\]\([^) \n]+(?: [^)]+)?\)|\*\*[^*\n]+?\*\*|\*[^*\n]+?\*)/g;
+  const tokenRe = /(`[^`\n]+`|\[[^\]\n]+\]\([^) \n]+(?: [^)]+)?\)|https?:\/\/[A-Za-z0-9\-._~:/?#[\]@!$&'()*+,;=%]+|\*\*[^*\n]+?\*\*|\*[^*\n]+?\*)/g;
   let out = "";
   let last = 0;
   let m;
@@ -1328,6 +1346,11 @@ function dkInlineMarkdown(s) {
       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 (/^https?:\/\//.test(tok)) {
+      const url = dkTrimUrlTail(tok);
+      const href = dkSafeHref(url);
+      const tail = tok.slice(url.length);
+      out += href ? '<a href="' + dkHtmlEscape(href) + '" target="_blank" rel="noopener">' + dkHtmlEscape(url) + "</a>" + dkHtmlEscape(tail) : dkHtmlEscape(tok);
     } else if (tok.startsWith("**")) {
       out += "<strong>" + dkHtmlEscape(tok.slice(2, -2)) + "</strong>";
     } else if (tok.startsWith("*")) {

package/dist/desktop/index.html

@@ -36,7 +36,12 @@
   .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; }
+  /* color:inherit is deliberate — the same rule has to read well on the dark
+     incoming bubble AND on the accent-coloured outgoing one, where a blue link
+     would clash. The affordance comes from the underline and the cursor. */
+  .dk-md a { color: inherit; text-decoration: underline; text-underline-offset: 2px;
+             cursor: pointer; overflow-wrap: anywhere; }
+  .dk-md a:hover { text-decoration-thickness: 2px; opacity: 0.85; }
   @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/beagle",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Beagle — P2P chat, file transfer and calls for regular users, on the Decent Network. No admin privilege required.",
   "type": "module",
   "main": "./dist/index.js",