video uploading + preview in bubbles works

src/lib/blob-helpers.js

@@ -172,7 +172,7 @@ export function imageCrop(mime, objURL, left, top, width, height, scale) {
 export function fileToBase64(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
-    reader.onerror = (evt) => {
+    reader.onerror = _ => {
       reject(reader.error);
     };
     reader.onload = _ => {

src/lib/formatters.js

@@ -40,11 +40,12 @@ const messages = defineMessages({
 
 // The main Drafty formatter: converts Drafty elements into React classes. 'this' is set by the caller.
 // 'this' must contain:
-//    viewportWidth: this.props.viewportWidth;
-//    authorizeURL: this.props.tinode.authorizeURL
-//    onImagePreview: this.handleImagePreview
-//    onFormButtonClick: this.handleFormButtonClick
-//    onQuoteClick: this.handleQuoteClick (optional)
+//    viewportWidth:
+//    authorizeURL:
+//    onImagePreview:
+//    onVideoPreview:
+//    onFormButtonClick:
+//    onQuoteClick:
 export function fullFormatter(style, data, values, key, stack) {
   if (stack.includes('QQ')) {
     return quoteFormatter.call(this, style, data, values, key);
@@ -192,7 +193,7 @@ function handleImageData(el, data, attr) {
       }
       attr.loading = 'lazy';
     } else {
-      attr.src = 'img/broken_image.png';
+      attr.src = null;
     }
   } else {
     // Use custom element instead of <img>.
@@ -226,18 +227,13 @@ function handleVideoData(el, data, attr) {
     minHeight: dim.dstHeight + 'px'
   };
   if (!Drafty.isProcessing(data)) {
-    /*
-    attr.src = this.authorizeURL(sanitizeUrlForMime(attr.src, 'video'));
     attr.alt = data.name;
-    if (attr.src) {
-      attr.onClick = this.onImagePreview;
-      attr.className += ' image-clickable';
+    if (data.ref || data.val) {
+      attr.onClick = this.onVideoPreview;
       attr.loading = 'lazy';
-      attr.controls = 'controls';
     } else {
-      attr.src = 'img/broken_video.png';
+      attr.src = null;
     }
-    */
     el = InlineVideo;
   } else {
     // Use custom element instead of <img>.

src/lib/strformat.js

@@ -34,13 +34,17 @@ export function relativeDateFormat(then, locale) {
 // Convert seconds to [hours:]minutes:seconds, i.e. 156 sec -> 2:36, 3756 sec -> 1:02:36.
 // If <code>fixedMins</code> is true, then minutes are represented by at least two digits.
 export function secondsToTime(seconds, fixedMin) {
-  let min = Math.floor(seconds / 60) | 0;
-  let hours = Math.floor(min / 60) | 0;
+  if (typeof seconds != 'number') {
+    return '';
+  }
+
+  let min = (Math.floor(seconds / 60) | 0) % 60;
+  let hours = Math.floor(seconds / 36000) | 0;
 
   if (fixedMin || hours > 0) {
     min = min < 10 ? `0${min}` : min;
   }
-  let sec = (seconds % 60) | 0;
+  let sec = (seconds | 0) % 60;
   sec = sec < 10 ? `0${sec}` : sec;
   if (hours == 0) {
     return `${min}:${sec}`;