Use structured logs

Easier to search for static prefix and fields are named.

js/expiring_messages.js

@@ -6,7 +6,9 @@
     // Load messages that have expired and destroy them
     var expired = new Whisper.MessageCollection();
     expired.on('add', function(message) {
-      console.log('message', message.get('sent_at'), 'expired');
+      console.log('Message expired', {
+        sentAt: message.get('sent_at'),
+      });
       var conversation = message.getConversation();
       if (conversation) {
         conversation.trigger('expired', message);

js/models/messages.js

@@ -845,7 +845,10 @@
         }
 
         Whisper.ExpiringMessagesListener.update();
-        console.log('message', this.get('sent_at'), 'expires at', expiresAt);
+        console.log('Set message expiration', {
+          expiresAt,
+          sentAt: this.get('sent_at'),
+        });
       }
     },
   });
@@ -959,7 +962,7 @@
     },
 
     fetchExpired() {
-      console.log('loading expired messages');
+      console.log('Load expired messages');
       this.fetch({
         conditions: { expires_at: { $lte: Date.now() } },
         addIndividually: true,

js/views/conversation_view.js

@@ -815,11 +815,9 @@
     },
     async onExpiredCollection(message) {
       const removeMessage = () => {
-        console.log(
+        console.log('Remove expired message from message collection', {
-          'removing message',
+          sentAt: message.get('sent_at'),
-          message.get('sent_at'),
+        });
-          'from collection'
-        );
         this.model.messageCollection.remove(message.id);
       };