minor UI tweak, screenshots updated

README.md

@@ -84,5 +84,5 @@ More translations are welcome. See [instructions](https://github.com/tinode/chat
 ### Mobile screenshots
 
 <p align="center">
-  <kbd><img src="web-mob-contacts.png" alt="Mobile web: contacts" width=250 /></kbd> <kbd><img src="web-mob-chat.png" alt="Mobile web: chat" width=250 /></kbd> <kbd><img src="web-mob-info.png" alt="Mobile web: topic info" width=250 /></kbd> <kbd><img src="web-mob-forward.png" alt="Mobile web: forward message" width=250 /></kbd> <kbd><img src="web-mob-video-call.png" alt="Mobile web: video call" width=250 /></kbd> <kbd><img src="web-mob-avatar.png" alt="Mobile web: change avatar" width=250 /></kbd>
+  <kbd><img src="web-mob-contacts.png" alt="Mobile web: contacts" width=250 /></kbd> <kbd><img src="web-mob-chat.png" alt="Mobile web: chat" width=250 /></kbd> <kbd><img src="web-mob-chat-dark.png" alt="Mobile web: chat dark mode" width=250 /></kbd> <kbd><img src="web-mob-info.png" alt="Mobile web: topic info" width=250 /></kbd> <kbd><img src="web-mob-forward.png" alt="Mobile web: forward message" width=250 /></kbd> <kbd><img src="web-mob-video-call.png" alt="Mobile web: video call" width=250 /></kbd>
 </p>

css/base.css

@@ -2030,6 +2030,7 @@ img.channel {
   width: 100%;
   height: 100%;
   background-color: var(--clr-overlay-white-strong);
+  z-index: 3;
 }
 
 #video-container.minimized {

package.json

@@ -75,7 +75,7 @@
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
     "react-intl": "^7.0.0",
-    "tinode-sdk": "^0.24.0-beta1",
+    "tinode-sdk": "^0.25.0-beta1",
     "webm-duration-fix": "^1.0.4"
   },
   "devDependencies": {

src/widgets/audio-player.jsx

@@ -15,7 +15,7 @@ const SPACING = 2 * CANVAS_UPSCALING;
 // Color of histogram bars.
 const BAR_COLOR = '#888A';
 const BAR_COLOR_DARK = '#666C';
-const THUMB_COLOR = '#444E';
+const THUMB_COLOR = '#1781d7'; // average between dark and light accent colors.
 // Minimum number of amplitude bars to draw.
 const MIN_PREVIEW_LENGTH = 16;
 

umd/index.dev.js

@@ -14549,7 +14549,7 @@ const LINE_WIDTH = 3 * CANVAS_UPSCALING;
 const SPACING = 2 * CANVAS_UPSCALING;
 const BAR_COLOR = '#888A';
 const BAR_COLOR_DARK = '#666C';
-const THUMB_COLOR = '#444E';
+const THUMB_COLOR = '#1781d7';
 const MIN_PREVIEW_LENGTH = 16;
 const messages = (0,react_intl__WEBPACK_IMPORTED_MODULE_1__.defineMessages)({
   icon_title_play: {

umd/tinode.dev.js

@@ -3753,6 +3753,38 @@ class TopicMe extends _topic_js__WEBPACK_IMPORTED_MODULE_2__["default"] {
   getCredentials() {
     return this._credentials;
   }
+  pinTopic(topic, pin) {
+    if (!this._attached) {
+      return Promise.reject(new Error("Cannot pin topic in inactive 'me' topic"));
+    }
+    if (!_topic_js__WEBPACK_IMPORTED_MODULE_2__["default"].isCommTopicName(topic)) {
+      return Promise.reject(new Error("Invalid topic to pin"));
+    }
+    const tpin = Array.isArray(this.private && this.private.tpin) ? this.private.tpin : [];
+    const found = tpin.includes(topic);
+    if (pin && found || !pin && !found) {
+      return Promise.resolve(tpin);
+    }
+    if (pin) {
+      tpin.unshift(topic);
+    } else {
+      tpin.splice(tpin.indexOf(topic), 1);
+    }
+    return this.setMeta({
+      desc: {
+        private: {
+          tpin: tpin.length > 0 ? tpin : _config_js__WEBPACK_IMPORTED_MODULE_1__.DEL_CHAR
+        }
+      }
+    });
+  }
+  pinnedTopicRank(topic) {
+    if (!this.private || !this.private.tpin) {
+      return 0;
+    }
+    const idx = this.private.tpin.indexOf(topic);
+    return idx < 0 ? 0 : this.private.tpin.length - idx;
+  }
 }
 
 /***/ }),
@@ -4315,6 +4347,12 @@ class Topic {
     }
     return Promise.resolve();
   }
+  pinTopic(topic, pin) {
+    return Promise.reject(new Error("Pinning topics is not supported here"));
+  }
+  pinnedTopicRank(topic) {
+    return 0;
+  }
   delMessages(ranges, hard) {
     if (!this._attached) {
       return Promise.reject(new Error("Cannot delete messages in inactive topic"));
@@ -5006,10 +5044,14 @@ class Topic {
             acs: sub.acs
           });
         }
+        if (!this._users[sub.user]) {
+          this.subcnt++;
+        }
         user = this._updateCachedUser(sub.user, sub);
       } else {
         delete this._users[sub.user];
         user = sub;
+        this.subcnt--;
       }
       if (this.onMetaSub) {
         this.onMetaSub(user);
@@ -5204,7 +5246,7 @@ function rfc3339DateString(d) {
   const millis = d.getUTCMilliseconds();
   return d.getUTCFullYear() + '-' + pad(d.getUTCMonth() + 1) + '-' + pad(d.getUTCDate()) + 'T' + pad(d.getUTCHours()) + ':' + pad(d.getUTCMinutes()) + ':' + pad(d.getUTCSeconds()) + (millis ? '.' + pad(millis, 3) : '') + 'Z';
 }
-function mergeObj(dst, src, ignore) {
+function mergeObj(dst, src) {
   if (typeof src != 'object') {
     if (src === undefined) {
       return dst;
@@ -5215,7 +5257,7 @@ function mergeObj(dst, src, ignore) {
     return src;
   }
   if (src === null) {
-    return src;
+    return dst;
   }
   if (src instanceof Date && !isNaN(src)) {
     return !dst || !(dst instanceof Date) || isNaN(dst) || dst < src ? src : dst;
@@ -5230,16 +5272,18 @@ function mergeObj(dst, src, ignore) {
     dst = src.constructor();
   }
   for (let prop in src) {
-    if (src.hasOwnProperty(prop) && (!ignore || !ignore[prop]) && prop != '_noForwarding') {
+    if (src.hasOwnProperty(prop) && prop != '_noForwarding') {
       try {
         dst[prop] = mergeObj(dst[prop], src[prop]);
-      } catch (err) {}
+      } catch (err) {
+        console.warn("Error merging property:", prop, err);
+      }
     }
   }
   return dst;
 }
-function mergeToCache(cache, key, newval, ignore) {
+function mergeToCache(cache, key, newval) {
-  cache[key] = mergeObj(cache[key], newval, ignore);
+  cache[key] = mergeObj(cache[key], newval);
   return cache[key];
 }
 function simplify(obj) {
@@ -5385,7 +5429,7 @@ function clipInRange(src, clip) {
     hi: Math.min(src.hi, clip.hi)
   };
   // removed by dead control flow
-{}
+
 }
 
 /***/ }),
@@ -5400,7 +5444,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   PACKAGE_VERSION: () => (/* binding */ PACKAGE_VERSION)
 /* harmony export */ });
-const PACKAGE_VERSION = "0.24.4";
+const PACKAGE_VERSION = "0.25.0-beta1";
 
 /***/ })