solid-ui 2.4.26-029ae1f9 → 2.4.26-068520ea

package/dist/main.js

@@ -2815,54 +2815,59 @@ var ChatChannel = /*#__PURE__*/function () {
   return ChatChannel;
 }(); // class ChatChannel
 // ////////// Utility functions
+// Have to not loop forever if fed loops
 exports.ChatChannel = ChatChannel;
 function allVersions(_x5) {
   return _allVersions.apply(this, arguments);
 }
 function _allVersions() {
   _allVersions = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(message) {
-    var versions, m, prev, next;
+    var versions, done, m, prev, next;
     return _regenerator["default"].wrap(function _callee5$(_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
           versions = [message];
+          done = {};
+          done[message.ur] = true;
           m = message;
-        case 2:
+        case 4:
           if (false) {}
           // earlier?
           prev = _solidLogic.store.any(null, ns.dct('isReplacedBy'), m, m.doc());
-          if (prev) {
-            _context5.next = 6;
+          if (!(!prev || done[prev.uri])) {
+            _context5.next = 8;
             break;
           }
-          return _context5.abrupt("break", 12);
-        case 6:
-          _context5.next = 8;
-          return _solidLogic.store.fetcher.load(prev);
+          return _context5.abrupt("break", 15);
         case 8:
+          _context5.next = 10;
+          return _solidLogic.store.fetcher.load(prev);
+        case 10:
           versions.unshift(prev);
+          done[prev.uri] = true;
           m = prev;
-          _context5.next = 2;
+          _context5.next = 4;
           break;
-        case 12:
+        case 15:
           m = message;
-        case 13:
+        case 16:
           if (false) {}
           // later?
           next = _solidLogic.store.any(m, ns.dct('isReplacedBy'), null, m.doc());
-          if (next) {
-            _context5.next = 17;
+          if (!(!next || done[next.uri])) {
+            _context5.next = 20;
             break;
           }
-          return _context5.abrupt("break", 21);
-        case 17:
+          return _context5.abrupt("break", 25);
+        case 20:
           versions.push(next);
+          done[next.uri] = true;
           m = next;
-          _context5.next = 13;
+          _context5.next = 16;
           break;
-        case 21:
+        case 25:
           return _context5.abrupt("return", versions);
-        case 22:
+        case 26:
         case "end":
           return _context5.stop();
       }
@@ -2875,26 +2880,35 @@ function originalVersion(_x6) {
 }
 function _originalVersion() {
   _originalVersion = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(message) {
-    var msg;
+    var msg, done;
     return _regenerator["default"].wrap(function _callee6$(_context6) {
       while (1) switch (_context6.prev = _context6.next) {
         case 0:
           msg = message;
-        case 1:
+          done = {}; // done[message.ur] = true
+        case 2:
           if (!msg) {
-            _context6.next = 8;
+            _context6.next = 13;
             break;
           }
+          if (!done[msg.uri]) {
+            _context6.next = 6;
+            break;
+          }
+          debug.error('originalVersion: verion loop' + message);
+          return _context6.abrupt("return", message);
+        case 6:
+          done[msg.uri] = true;
           message = msg;
-          _context6.next = 5;
+          _context6.next = 10;
           return _solidLogic.store.fetcher.load(message);
-        case 5:
-          msg = _solidLogic.store.any(null, ns.dct('isReplacedBy'), message, message.doc()); // @@@ may need to load doc
-          _context6.next = 1;
+        case 10:
+          msg = _solidLogic.store.any(null, ns.dct('isReplacedBy'), message, message.doc());
+          _context6.next = 2;
           break;
-        case 8:
+        case 13:
           return _context6.abrupt("return", message);
-        case 9:
+        case 14:
         case "end":
           return _context6.stop();
       }
@@ -2907,26 +2921,35 @@ function mostRecentVersion(_x7) {
 }
 function _mostRecentVersion() {
   _mostRecentVersion = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(message) {
-    var msg;
+    var msg, done;
     return _regenerator["default"].wrap(function _callee7$(_context7) {
       while (1) switch (_context7.prev = _context7.next) {
         case 0:
           msg = message;
-        case 1:
+          done = {};
+        case 2:
           if (!msg) {
-            _context7.next = 8;
+            _context7.next = 13;
             break;
           }
+          if (!done[msg.uri]) {
+            _context7.next = 6;
+            break;
+          }
+          debug.error('mostRecentVersion: verion loop' + message);
+          return _context7.abrupt("return", message);
+        case 6:
+          done[msg.uri] = true;
           message = msg;
-          _context7.next = 5;
+          _context7.next = 10;
           return _solidLogic.store.fetcher.load(message);
-        case 5:
+        case 10:
           msg = _solidLogic.store.any(message, ns.dct('isReplacedBy'), null, message.doc());
-          _context7.next = 1;
+          _context7.next = 2;
           break;
-        case 8:
+        case 13:
           return _context7.abrupt("return", message);
-        case 9:
+        case 14:
         case "end":
           return _context7.stop();
       }
@@ -3493,16 +3516,16 @@ function infiniteMessageArea(_x7, _x8, _x9, _x10) {
   return _infiniteMessageArea.apply(this, arguments);
 }
 function _infiniteMessageArea() {
-  _infiniteMessageArea = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee16(dom, wasStore, chatChannel, options) {
-    var syncMessages, _syncMessages, addMessage, _addMessage, insertPreviousMessages, _insertPreviousMessages, removePreviousMessages, createMessageTable, _createMessageTable, renderMessageTable, _renderMessageTable, addNewChatDocumentIfNewDay, _addNewChatDocumentIfNewDay, appendCurrentMessages, _appendCurrentMessages, loadMoreWhereNeeded, _loadMoreWhereNeeded, loadInitialContent, _loadInitialContent, newestFirst, channelObject, dateFolder, div, statusArea, userContext, liveMessageTable, earliest, latest, lock;
-    return _regenerator["default"].wrap(function _callee16$(_context16) {
-      while (1) switch (_context16.prev = _context16.next) {
+  _infiniteMessageArea = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee15(dom, wasStore, chatChannel, options) {
+    var syncMessages, _syncMessages, addMessage, _addMessage, insertPreviousMessages, _insertPreviousMessages, removePreviousMessages, createMessageTable, _createMessageTable, renderMessageTable, _renderMessageTable, addNewChatDocumentIfNewDay, _addNewChatDocumentIfNewDay, appendCurrentMessages, _appendCurrentMessages, loadMoreWhereNeeded, _loadMoreWhereNeeded, loadInitialContent, _loadInitialContent, newestFirst, channelObject, dateFolder, div, statusArea, userContext, liveMessageTable, threadRootMessage, earliest, latest, thread, threadTime, lock;
+    return _regenerator["default"].wrap(function _callee15$(_context15) {
+      while (1) switch (_context15.prev = _context15.next) {
         case 0:
           _loadInitialContent = function _loadInitialContent3() {
-            _loadInitialContent = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee15() {
-              var yank, fixScroll, live, selectedDocument, now, todayDocument, selectedMessageTable, selectedDate;
-              return _regenerator["default"].wrap(function _callee15$(_context15) {
-                while (1) switch (_context15.prev = _context15.next) {
+            _loadInitialContent = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee14() {
+              var yank, fixScroll, live, selectedDocument, threadRootDocument, initialDocment, now, todayDocument, selectedMessageTable, selectedDate;
+              return _regenerator["default"].wrap(function _callee14$(_context14) {
+                while (1) switch (_context14.prev = _context14.next) {
                   case 0:
                     fixScroll = function _fixScroll() {
                       if (options.selectedElement) {
@@ -3516,51 +3539,59 @@ function _infiniteMessageArea() {
                       }
                     };
                     yank = function _yank() {
-                      selectedMessageTable.selectedElement.scrollIntoView({
-                        block: 'center'
-                      });
+                      if (selectedMessageTable && selectedMessageTable.selectedElement) {
+                        selectedMessageTable.selectedElement.scrollIntoView({
+                          block: 'center'
+                        });
+                      }
                     };
                     if (options.selectedMessage) {
                       selectedDocument = options.selectedMessage.doc();
+                    }
+                    if (threadRootMessage) {
+                      threadRootDocument = threadRootMessage.doc();
+                    }
+                    initialDocment = selectedDocument || threadRootDocument;
+                    if (initialDocment) {
                       now = new Date();
                       todayDocument = dateFolder.leafDocumentFromDate(now);
-                      live = todayDocument.sameTerm(selectedDocument);
+                      live = todayDocument.sameTerm(initialDocment);
                     }
-                    if (!(options.selectedMessage && !live)) {
-                      _context15.next = 15;
+                    if (!(initialDocment && !live)) {
+                      _context14.next = 18;
                       break;
                     }
-                    selectedDate = dateFolder.dateFromLeafDocument(selectedDocument);
-                    _context15.next = 7;
+                    selectedDate = dateFolder.dateFromLeafDocument(initialDocment);
+                    _context14.next = 10;
                     return createMessageTable(selectedDate, live);
-                  case 7:
-                    selectedMessageTable = _context15.sent;
+                  case 10:
+                    selectedMessageTable = _context14.sent;
                     div.appendChild(selectedMessageTable);
                     earliest.messageTable = selectedMessageTable;
                     latest.messageTable = selectedMessageTable;
                     yank();
                     setTimeout(yank, 1000); // @@ kludge - restore position distubed by other cHANGES
-                    _context15.next = 19;
+                    _context14.next = 22;
                     break;
-                  case 15:
-                    _context15.next = 17;
+                  case 18:
+                    _context14.next = 20;
                     return appendCurrentMessages();
-                  case 17:
+                  case 20:
                     earliest.messageTable = liveMessageTable;
                     latest.messageTable = liveMessageTable;
-                  case 19:
-                    _context15.next = 21;
+                  case 22:
+                    _context14.next = 24;
                     return loadMoreWhereNeeded(null, fixScroll);
-                  case 21:
+                  case 24:
                     div.addEventListener('scroll', loadMoreWhereNeeded);
                     if (options.solo) {
                       document.body.addEventListener('scroll', loadMoreWhereNeeded);
                     }
-                  case 23:
+                  case 26:
                   case "end":
-                    return _context15.stop();
+                    return _context14.stop();
                 }
-              }, _callee15);
+              }, _callee14);
             }));
             return _loadInitialContent.apply(this, arguments);
           };
@@ -3568,16 +3599,16 @@ function _infiniteMessageArea() {
             return _loadInitialContent.apply(this, arguments);
           };
           _loadMoreWhereNeeded = function _loadMoreWhereNeeded3() {
-            _loadMoreWhereNeeded = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee14(event, fixScroll) {
+            _loadMoreWhereNeeded = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13(event, fixScroll) {
               var freeze, magicZone, done, scrollBottom, scrollTop;
-              return _regenerator["default"].wrap(function _callee14$(_context14) {
-                while (1) switch (_context14.prev = _context14.next) {
+              return _regenerator["default"].wrap(function _callee13$(_context13) {
+                while (1) switch (_context13.prev = _context13.next) {
                   case 0:
                     if (!lock) {
-                      _context14.next = 2;
+                      _context13.next = 2;
                       break;
                     }
-                    return _context14.abrupt("return");
+                    return _context13.abrupt("return");
                   case 2:
                     lock = true;
                     freeze = !fixScroll;
@@ -3585,36 +3616,36 @@ function _infiniteMessageArea() {
                     // const bottom = div.scrollHeight - top - div.clientHeight
                   case 5:
                     if (!(div.scrollTop < magicZone && earliest.messageTable && !earliest.messageTable.initial && earliest.messageTable.extendBackwards)) {
-                      _context14.next = 21;
+                      _context13.next = 21;
                       break;
                     }
                     if (!(div.scrollHeight === 0)) {
-                      _context14.next = 10;
+                      _context13.next = 10;
                       break;
                     }
                     // debug.log('    chat/loadMoreWhereNeeded: trying later...')
                     setTimeout(loadMoreWhereNeeded, 2000); // couple be less
                     lock = false;
-                    return _context14.abrupt("return");
+                    return _context13.abrupt("return");
                   case 10:
                     // debug.log('    chat/loadMoreWhereNeeded: Going now')
                     scrollBottom = div.scrollHeight - div.scrollTop;
                     debug.log('infinite scroll: adding above: top ' + div.scrollTop);
-                    _context14.next = 14;
+                    _context13.next = 14;
                     return earliest.messageTable.extendBackwards();
                   case 14:
-                    done = _context14.sent;
+                    done = _context13.sent;
                     if (freeze) {
                       div.scrollTop = div.scrollHeight - scrollBottom;
                     }
                     if (fixScroll) fixScroll();
                     if (!done) {
-                      _context14.next = 19;
+                      _context13.next = 19;
                       break;
                     }
-                    return _context14.abrupt("break", 21);
+                    return _context13.abrupt("break", 21);
                   case 19:
-                    _context14.next = 5;
+                    _context13.next = 5;
                     break;
                   case 21:
                     if (!(options.selectedMessage &&
@@ -3624,15 +3655,15 @@ function _infiniteMessageArea() {
                     latest.messageTable && !latest.messageTable["final"] &&
                     // there is more data to come
                     latest.messageTable.extendForwards)) {
-                      _context14.next = 33;
+                      _context13.next = 33;
                       break;
                     }
                     scrollTop = div.scrollTop;
                     debug.log('infinite scroll: adding below: bottom: ' + (div.scrollHeight - div.scrollTop - div.clientHeight));
-                    _context14.next = 26;
+                    _context13.next = 26;
                     return latest.messageTable.extendForwards();
                   case 26:
-                    done = _context14.sent;
+                    done = _context13.sent;
                     // then add more data on the bottom
                     if (freeze) {
                       div.scrollTop = scrollTop; // while adding below keep same things in view
@@ -3640,20 +3671,20 @@ function _infiniteMessageArea() {
 
                     if (fixScroll) fixScroll();
                     if (!done) {
-                      _context14.next = 31;
+                      _context13.next = 31;
                       break;
                     }
-                    return _context14.abrupt("break", 33);
+                    return _context13.abrupt("break", 33);
                   case 31:
-                    _context14.next = 21;
+                    _context13.next = 21;
                     break;
                   case 33:
                     lock = false;
                   case 34:
                   case "end":
-                    return _context14.stop();
+                    return _context13.stop();
                 }
-              }, _callee14);
+              }, _callee13);
             }));
             return _loadMoreWhereNeeded.apply(this, arguments);
           };
@@ -3661,45 +3692,45 @@ function _infiniteMessageArea() {
             return _loadMoreWhereNeeded.apply(this, arguments);
           };
           _appendCurrentMessages = function _appendCurrentMessage2() {
-            _appendCurrentMessages = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13() {
+            _appendCurrentMessages = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12() {
               var now, chatDocument, messageTable;
-              return _regenerator["default"].wrap(function _callee13$(_context13) {
-                while (1) switch (_context13.prev = _context13.next) {
+              return _regenerator["default"].wrap(function _callee12$(_context12) {
+                while (1) switch (_context12.prev = _context12.next) {
                   case 0:
                     now = new Date();
                     chatDocument = dateFolder.leafDocumentFromDate(now); /// ///////////////////////////////////////////////////////////
-                    _context13.next = 4;
+                    _context12.next = 4;
                     return createMessageTable(now, true);
                   case 4:
-                    messageTable = _context13.sent;
+                    messageTable = _context12.sent;
                     div.appendChild(messageTable);
-                    div.refresh = /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12() {
-                      return _regenerator["default"].wrap(function _callee12$(_context12) {
-                        while (1) switch (_context12.prev = _context12.next) {
+                    div.refresh = /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11() {
+                      return _regenerator["default"].wrap(function _callee11$(_context11) {
+                        while (1) switch (_context11.prev = _context11.next) {
                           case 0:
-                            _context12.next = 2;
+                            _context11.next = 2;
                             return addNewChatDocumentIfNewDay(new Date());
                           case 2:
-                            _context12.next = 4;
+                            _context11.next = 4;
                             return syncMessages(chatChannel, messageTable);
                           case 4:
                             // @@ livemessagetable??
                             desktopNotification(chatChannel);
                           case 5:
                           case "end":
-                            return _context12.stop();
+                            return _context11.stop();
                         }
-                      }, _callee12);
+                      }, _callee11);
                     })); // The short chat version the live update listening is done in the pane but we do it in the widget @@
                     _solidLogic.store.updater.addDownstreamChangeListener(chatDocument, div.refresh); // Live update
                     liveMessageTable = messageTable;
                     latest.messageTable = liveMessageTable;
-                    return _context13.abrupt("return", messageTable);
+                    return _context12.abrupt("return", messageTable);
                   case 11:
                   case "end":
-                    return _context13.stop();
+                    return _context12.stop();
                 }
-              }, _callee13);
+              }, _callee12);
             }));
             return _appendCurrentMessages.apply(this, arguments);
           };
@@ -3707,15 +3738,15 @@ function _infiniteMessageArea() {
             return _appendCurrentMessages.apply(this, arguments);
           };
           _addNewChatDocumentIfNewDay = function _addNewChatDocumentIf2() {
-            _addNewChatDocumentIfNewDay = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11() {
+            _addNewChatDocumentIfNewDay = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee10() {
               var newChatDocument, oldChatDocument, sts;
-              return _regenerator["default"].wrap(function _callee11$(_context11) {
-                while (1) switch (_context11.prev = _context11.next) {
+              return _regenerator["default"].wrap(function _callee10$(_context10) {
+                while (1) switch (_context10.prev = _context10.next) {
                   case 0:
                     // @@ Remove listener from previous table as it is now static
                     newChatDocument = dateFolder.leafDocumentFromDate(new Date());
                     if (newChatDocument.sameTerm(latest.messageTable.chatDocument)) {
-                      _context11.next = 7;
+                      _context10.next = 7;
                       break;
                     }
                     // It is a new day
@@ -3724,7 +3755,7 @@ function _infiniteMessageArea() {
                       delete liveMessageTable.inputRow;
                     }
                     oldChatDocument = latest.messageTable.chatDocument;
-                    _context11.next = 6;
+                    _context10.next = 6;
                     return appendCurrentMessages();
                   case 6:
                     // Adding a link in the document will ping listeners to add the new block too
@@ -3738,9 +3769,9 @@ function _infiniteMessageArea() {
                     }
                   case 7:
                   case "end":
-                    return _context11.stop();
+                    return _context10.stop();
                 }
-              }, _callee11);
+              }, _callee10);
             }));
             return _addNewChatDocumentIfNewDay.apply(this, arguments);
           };
@@ -3748,40 +3779,40 @@ function _infiniteMessageArea() {
             return _addNewChatDocumentIfNewDay.apply(this, arguments);
           };
           _renderMessageTable = function _renderMessageTable3() {
-            _renderMessageTable = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee10(date, live) {
-              var scrollBackbutton, scrollForwardButton, extendBackwards, _extendBackwards, setScrollBackbuttonIcon, scrollBackbuttonHandler, _scrollBackbuttonHandler, extendForwards, _extendForwards, setScrollForwardButtonIcon, scrollForwardButtonHandler, _scrollForwardButtonHandler, messageTable, chatDocument, tr, test, titleTR, scrollBackbuttonCell, dateCell, scrollForwardButtonCell, sts, _iterator2, _step2, st;
-              return _regenerator["default"].wrap(function _callee10$(_context10) {
-                while (1) switch (_context10.prev = _context10.next) {
+            _renderMessageTable = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee9(date, live) {
+              var scrollBackbutton, scrollForwardButton, extendBackwards, _extendBackwards, setScrollBackbuttonIcon, extendForwards, _extendForwards, setScrollForwardButtonIcon, scrollForwardButtonHandler, _scrollForwardButtonHandler, messageTable, chatDocument, tr, test, titleTR, scrollBackbuttonCell, dateCell, scrollForwardButtonCell, sts, _iterator2, _step2, st;
+              return _regenerator["default"].wrap(function _callee9$(_context9) {
+                while (1) switch (_context9.prev = _context9.next) {
                   case 0:
                     _scrollForwardButtonHandler = function _scrollForwardButtonH2() {
-                      _scrollForwardButtonHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee9(_event) {
-                        return _regenerator["default"].wrap(function _callee9$(_context9) {
-                          while (1) switch (_context9.prev = _context9.next) {
+                      _scrollForwardButtonHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8(_event) {
+                        return _regenerator["default"].wrap(function _callee8$(_context8) {
+                          while (1) switch (_context8.prev = _context8.next) {
                             case 0:
                               if (!messageTable.extendedForwards) {
-                                _context9.next = 6;
+                                _context8.next = 6;
                                 break;
                               }
                               removePreviousMessages(false, messageTable);
                               messageTable.extendedForwards = false;
                               setScrollForwardButtonIcon();
-                              _context9.next = 9;
+                              _context8.next = 9;
                               break;
                             case 6:
-                              _context9.next = 8;
+                              _context8.next = 8;
                               return extendForwards();
                             case 8:
                               // async
                               latest.messageTable.scrollIntoView(newestFirst);
                             case 9:
                             case "end":
-                              return _context9.stop();
+                              return _context8.stop();
                           }
-                        }, _callee9);
+                        }, _callee8);
                       }));
                       return _scrollForwardButtonHandler.apply(this, arguments);
                     };
-                    scrollForwardButtonHandler = function _scrollForwardButtonH(_x23) {
+                    scrollForwardButtonHandler = function _scrollForwardButtonH(_x22) {
                       return _scrollForwardButtonHandler.apply(this, arguments);
                     };
                     setScrollForwardButtonIcon = function _setScrollForwardButt() {
@@ -3794,55 +3825,27 @@ function _infiniteMessageArea() {
                       }
                     };
                     _extendForwards = function _extendForwards3() {
-                      _extendForwards = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+                      _extendForwards = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
                         var done;
-                        return _regenerator["default"].wrap(function _callee8$(_context8) {
-                          while (1) switch (_context8.prev = _context8.next) {
+                        return _regenerator["default"].wrap(function _callee7$(_context7) {
+                          while (1) switch (_context7.prev = _context7.next) {
                             case 0:
-                              _context8.next = 2;
+                              _context7.next = 2;
                               return insertPreviousMessages(false);
                             case 2:
-                              done = _context8.sent;
-                              return _context8.abrupt("return", done);
+                              done = _context7.sent;
+                              return _context7.abrupt("return", done);
                             case 4:
                             case "end":
-                              return _context8.stop();
+                              return _context7.stop();
                           }
-                        }, _callee8);
+                        }, _callee7);
                       }));
                       return _extendForwards.apply(this, arguments);
                     };
                     extendForwards = function _extendForwards2() {
                       return _extendForwards.apply(this, arguments);
                     };
-                    _scrollBackbuttonHandler = function _scrollBackbuttonHand2() {
-                      _scrollBackbuttonHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(_event) {
-                        return _regenerator["default"].wrap(function _callee7$(_context7) {
-                          while (1) switch (_context7.prev = _context7.next) {
-                            case 0:
-                              if (!messageTable.extendedBack) {
-                                _context7.next = 6;
-                                break;
-                              }
-                              removePreviousMessages(true, messageTable);
-                              messageTable.extendedBack = false;
-                              setScrollBackbuttonIcon();
-                              _context7.next = 8;
-                              break;
-                            case 6:
-                              _context7.next = 8;
-                              return extendBackwards();
-                            case 8:
-                            case "end":
-                              return _context7.stop();
-                          }
-                        }, _callee7);
-                      }));
-                      return _scrollBackbuttonHandler.apply(this, arguments);
-                    };
-                    scrollBackbuttonHandler = function _scrollBackbuttonHand(_x22) {
-                      return _scrollBackbuttonHandler.apply(this, arguments);
-                    };
                     setScrollBackbuttonIcon = function _setScrollBackbuttonI() {
                       if (!scrollBackbutton) {
                         return;
@@ -3994,41 +3997,41 @@ function _infiniteMessageArea() {
                       // messageTable.style.visibility = 'collapse' // Hide files with no messages
                     }
                     _iterator2 = _createForOfIteratorHelper(sts);
-                    _context10.prev = 28;
+                    _context9.prev = 26;
                     _iterator2.s();
-                  case 30:
+                  case 28:
                     if ((_step2 = _iterator2.n()).done) {
-                      _context10.next = 36;
+                      _context9.next = 34;
                       break;
                     }
                     st = _step2.value;
-                    _context10.next = 34;
+                    _context9.next = 32;
                     return addMessage(st.object, messageTable);
+                  case 32:
+                    _context9.next = 28;
+                    break;
                   case 34:
-                    _context10.next = 30;
+                    _context9.next = 39;
                     break;
                   case 36:
-                    _context10.next = 41;
-                    break;
-                  case 38:
-                    _context10.prev = 38;
-                    _context10.t0 = _context10["catch"](28);
-                    _iterator2.e(_context10.t0);
-                  case 41:
-                    _context10.prev = 41;
+                    _context9.prev = 36;
+                    _context9.t0 = _context9["catch"](26);
+                    _iterator2.e(_context9.t0);
+                  case 39:
+                    _context9.prev = 39;
                     _iterator2.f();
-                    return _context10.finish(41);
-                  case 44:
+                    return _context9.finish(39);
+                  case 42:
                     messageTable.fresh = true;
 
                     // loadMessageTable(messageTable, chatDocument)
                     messageTable.fresh = false;
-                    return _context10.abrupt("return", messageTable);
-                  case 47:
+                    return _context9.abrupt("return", messageTable);
+                  case 45:
                   case "end":
-                    return _context10.stop();
+                    return _context9.stop();
                 }
-              }, _callee10, null, [[28, 38, 41, 44]]);
+              }, _callee9, null, [[26, 36, 39, 42]]);
             }));
             return _renderMessageTable.apply(this, arguments);
           };
@@ -4107,25 +4110,33 @@ function _infiniteMessageArea() {
                   case 0:
                     extremity = backwards ? earliest : latest;
                     date = extremity.messageTable.date; // day in mssecs
-                    _context4.next = 4;
-                    return dateFolder.loadPrevious(date, backwards);
+                    // Are we at the top of a thread?
+                    if (!(backwards && earliest.limit && date <= earliest.limit)) {
+                      _context4.next = 4;
+                      break;
+                    }
+                    return _context4.abrupt("return", true);
                   case 4:
+                    _context4.next = 6;
+                    return dateFolder.loadPrevious(date, backwards);
+                  case 6:
                     date = _context4.sent;
                     // backwards
+
                     debug.log("insertPreviousMessages: from ".concat(backwards ? 'backwards' : 'forwards', " loadPrevious: ").concat(date));
                     if (!(!date && !backwards && !liveMessageTable)) {
-                      _context4.next = 9;
+                      _context4.next = 11;
                       break;
                     }
-                    _context4.next = 9;
+                    _context4.next = 11;
                     return appendCurrentMessages();
-                  case 9:
+                  case 11:
                     if (date) {
-                      _context4.next = 11;
+                      _context4.next = 13;
                       break;
                     }
                     return _context4.abrupt("return", true);
-                  case 11:
+                  case 13:
                     // done
                     live = false;
                     if (!backwards) {
@@ -4133,9 +4144,9 @@ function _infiniteMessageArea() {
                       doc = dateFolder.leafDocumentFromDate(date);
                       live = doc.sameTerm(todayDoc); // Is this todays?
                     }
-                    _context4.next = 15;
+                    _context4.next = 17;
                     return createMessageTable(date, live);
-                  case 15:
+                  case 17:
                     newMessageTable = _context4.sent;
                     extremity.messageTable = newMessageTable; // move pointer to earliest
                     if (backwards ? newestFirst : !newestFirst) {
@@ -4146,7 +4157,7 @@ function _infiniteMessageArea() {
                       div.insertBefore(newMessageTable, div.firstChild);
                     }
                     return _context4.abrupt("return", live);
-                  case 19:
+                  case 21:
                   case "end":
                     return _context4.stop();
                 }
@@ -4159,64 +4170,66 @@ function _infiniteMessageArea() {
           };
           _addMessage = function _addMessage3() {
             _addMessage = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(message, messageTable) {
-              var latest, thread, id;
+              var thread, id;
               return _regenerator["default"].wrap(function _callee3$(_context3) {
                 while (1) switch (_context3.prev = _context3.next) {
                   case 0:
-                    _context3.next = 2;
-                    return (0, _chatLogic.mostRecentVersion)(message);
+                    if (!((0, _chatLogic.isDeleted)(message) && !options.showDeletedMessages)) {
+                      _context3.next = 2;
+                      break;
+                    }
+                    return _context3.abrupt("return");
                   case 2:
-                    latest = _context3.sent;
-                    if (!((0, _chatLogic.isDeleted)(latest) && !options.showDeletedMessages)) {
-                      _context3.next = 5;
+                    if (!(0, _chatLogic.isReplaced)(message)) {
+                      _context3.next = 4;
                       break;
                     }
                     return _context3.abrupt("return");
-                  case 5:
+                  case 4:
                     thread = _solidLogic.store.any(null, ns.sioc('has_member'), message, message.doc());
                     id = _solidLogic.store.any(message, ns.sioc('id'), null, message.doc());
                     if (id && !thread) {
                       thread = _solidLogic.store.any(null, ns.sioc('has_member'), id, message.doc());
                     }
                     if (!options.thread) {
-                      _context3.next = 21;
+                      _context3.next = 20;
                       break;
                     }
                     if (!_solidLogic.store.holds(message, ns.sioc('has_reply'), options.thread)) {
-                      _context3.next = 13;
+                      _context3.next = 12;
                       break;
                     }
                     // root of thread
                     debug.log(' addMessage: displaying root of thread ' + thread);
-                    _context3.next = 19;
+                    _context3.next = 18;
                     break;
-                  case 13:
+                  case 12:
                     if (!(thread && thread.sameTerm(options.thread))) {
-                      _context3.next = 17;
+                      _context3.next = 16;
                       break;
                     }
                     debug.log(' addMessage: Displaying body of thread ' + message.uri.slice(-10));
-                    _context3.next = 19;
+                    _context3.next = 18;
                     break;
-                  case 17:
+                  case 16:
                     debug.log(' addMessage: Suppress non-thread message in thread table ' + message.uri.slice(-10));
                     return _context3.abrupt("return");
-                  case 19:
-                    _context3.next = 27;
+                  case 18:
+                    _context3.next = 26;
                     break;
-                  case 21:
+                  case 20:
                     if (!thread) {
-                      _context3.next = 26;
+                      _context3.next = 25;
                       break;
                     }
                     debug.log(' addMessage: Suppress thread message in non-thread table ' + message.uri.slice(-10));
                     return _context3.abrupt("return");
-                  case 26:
+                  case 25:
                     debug.log(' addMessage: Normal non-thread message in non-thread table ' + message.uri.slice(-10));
-                  case 27:
-                    _context3.next = 29;
+                  case 26:
+                    _context3.next = 28;
                     return insertMessageIntoTable(channelObject, messageTable, message, messageTable.fresh, options, userContext);
-                  case 29:
+                  case 28:
                   case "end":
                     return _context3.stop();
                 }
@@ -4318,16 +4331,27 @@ function _infiniteMessageArea() {
           latest = {
             messageTable: null
           };
+          if (options.thread) {
+            thread = options.thread;
+            threadRootMessage = _solidLogic.store.any(null, ns.sioc('has_reply'), thread, thread.doc());
+            if (threadRootMessage) {
+              threadTime = _solidLogic.store.any(threadRootMessage, ns.dct('created'), null, threadRootMessage.doc());
+              if (threadTime) {
+                earliest.limit = new Date(threadTime.value);
+                debug.log(' inifinite: thread start at ' + earliest.limit);
+              }
+            }
+          }
           lock = false;
-          _context16.next = 33;
+          _context15.next = 34;
           return loadInitialContent();
-        case 33:
-          return _context16.abrupt("return", div);
         case 34:
+          return _context15.abrupt("return", div);
+        case 35:
         case "end":
-          return _context16.stop();
+          return _context15.stop();
       }
-    }, _callee16);
+    }, _callee15);
   }));
   return _infiniteMessageArea.apply(this, arguments);
 }
@@ -5014,6 +5038,9 @@ var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_m
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
+exports.ActionClassFromEmoji = ActionClassFromEmoji;
+exports.emojiFromAction = emojiFromAction;
+exports.emojiFromActionClass = emojiFromActionClass;
 exports.messageToolbar = messageToolbar;
 exports.sentimentStrip = sentimentStrip;
 exports.sentimentStripLinked = sentimentStripLinked;
@@ -5064,11 +5091,36 @@ var REPLY_ICON = 'noun-reply-5506924.svg';
 /**
  * Emoji in Unicode
  */
-var emoji = {};
-emoji[ns.schema('AgreeAction')] = '👍';
-emoji[ns.schema('DisagreeAction')] = '👎';
-emoji[ns.schema('EndorseAction')] = '⭐️';
-emoji[ns.schema('LikeAction')] = '❤️';
+var emojiMap = {};
+emojiMap[ns.schema('AgreeAction')] = '👍';
+emojiMap[ns.schema('DisagreeAction')] = '👎';
+emojiMap[ns.schema('EndorseAction')] = '⭐️';
+emojiMap[ns.schema('LikeAction')] = '❤️';
+function emojiFromActionClass(action) {
+  return emojiMap[action] || null;
+}
+function ActionClassFromEmoji(emoji) {
+  for (var a in emojiMap) {
+    if (emojiMap[a] === emoji) {
+      return rdf.sym(a.slice(1, -1)); // remove < >
+    }
+  }
+
+  return null;
+}
+
+// Allow the qction to give its own emoji as content,
+// or get the emoji from the class lof action.
+function emojiFromAction(action) {
+  var content = _solidLogic.store.any(action, ns.sioc('content'), null, action.doc());
+  if (content) return content;
+  var klass = _solidLogic.store.any(action, ns.rdf('type'), null, action.doc());
+  if (klass) {
+    var em = emojiFromActionClass(klass);
+    if (em) return em;
+  }
+  return '⬜️';
+}
 
 /**
  * Create strip of sentiments expressed
@@ -5084,21 +5136,21 @@ function sentimentStrip(_x, _x2) {
  */
 function _sentimentStrip() {
   _sentimentStrip = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(target, doc) {
-    var latest, actions, sentiments, strings;
+    var versions, actions, strings;
     return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.next = 2;
-          return (0, _chatLogic.mostRecentVersion)(target);
+          return (0, _chatLogic.allVersions)(target);
         case 2:
-          latest = _context.sent;
-          actions = _solidLogic.store.holds(latest, ns.schema('dateDeleted').value, null, latest.doc()) ? _solidLogic.store.each(null, ns.schema('target'), target, doc) : [];
-          sentiments = actions.map(function (a) {
-            return _solidLogic.store.any(a, ns.rdf('type'), null, doc);
-          });
-          sentiments.sort();
-          strings = sentiments.map(function (x) {
-            return emoji[x] || '';
+          versions = _context.sent;
+          debug.log('sentimentStrip Versions for ' + target, versions);
+          actions = versions.map(function (version) {
+            return _solidLogic.store.each(null, ns.schema('target'), version, doc);
+          }).flat();
+          debug.log('sentimentStrip: Actions for ' + target, actions);
+          strings = actions.map(function (action) {
+            return emojiFromAction(action) || '';
           });
           return _context.abrupt("return", dom.createTextNode(strings.join(' ')));
         case 8:
@@ -5123,35 +5175,42 @@ function _sentimentStripLinked() {
         case 0:
           _refresh = function _refresh3() {
             _refresh = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-              var actions, sentiments;
+              var versions, actions, sentiments;
               return _regenerator["default"].wrap(function _callee2$(_context2) {
                 while (1) switch (_context2.prev = _context2.next) {
                   case 0:
                     strip.innerHTML = '';
-                    _context2.next = 3;
-                    return (0, _chatLogic.mostRecentVersion)(target).uri;
+                    if (!(0, _chatLogic.isDeleted)(target)) {
+                      _context2.next = 3;
+                      break;
+                    }
+                    return _context2.abrupt("return", strip);
                   case 3:
-                    _context2.t0 = _context2.sent;
-                    _context2.t1 = ns.schema('dateDeleted').uri;
-                    if (!(_context2.t0 !== _context2.t1)) {
-                      _context2.next = 9;
+                    _context2.next = 5;
+                    return (0, _chatLogic.allVersions)(target);
+                  case 5:
+                    versions = _context2.sent;
+                    debug.log('sentimentStripLinked: Versions for ' + target, versions);
+                    actions = versions.map(function (version) {
+                      return _solidLogic.store.each(null, ns.schema('target'), version, doc);
+                    }).flat();
+                    debug.log('sentimentStripLinked: Actions for ' + target, actions);
+                    if (!(actions.length === 0)) {
+                      _context2.next = 11;
                       break;
                     }
-                    _context2.t2 = _solidLogic.store.each(null, ns.schema('target'), target, doc);
-                    _context2.next = 10;
-                    break;
-                  case 9:
-                    _context2.t2 = [];
-                  case 10:
-                    actions = _context2.t2;
+                    return _context2.abrupt("return", strip);
+                  case 11:
                     sentiments = actions.map(function (a) {
-                      return [_solidLogic.store.any(a, ns.rdf('type'), null, doc), _solidLogic.store.any(a, ns.schema('agent'), null, doc)];
+                      return [_solidLogic.store.any(a, ns.rdf('type'), null, doc), _solidLogic.store.any(a, ns.sioc('content'), null, doc), _solidLogic.store.any(a, ns.schema('agent'), null, doc)];
                     });
+                    debug.log('  Actions sentiments ', sentiments);
                     sentiments.sort();
                     sentiments.forEach(function (ss) {
-                      var _ss = (0, _slicedToArray2["default"])(ss, 2),
+                      var _ss = (0, _slicedToArray2["default"])(ss, 3),
                         theClass = _ss[0],
-                        agent = _ss[1];
+                        content = _ss[1],
+                        agent = _ss[2];
                       var res;
                       if (agent) {
                         res = dom.createElement('a');
@@ -5159,10 +5218,11 @@ function _sentimentStripLinked() {
                       } else {
                         res = dom.createTextNode('');
                       }
-                      res.textContent = emoji[theClass] || '*';
+                      res.textContent = content || emojiMap[theClass] || '⬜️';
                       strip.appendChild(res);
                     });
-                  case 14:
+                    debug.log('  Actions strip ', strip);
+                  case 16:
                   case "end":
                     return _context2.stop();
                 }
@@ -5174,7 +5234,7 @@ function _sentimentStripLinked() {
             return _refresh.apply(this, arguments);
           };
           strip = dom.createElement('span');
-          refresh().then(debug.log('sentimentStripLinked async refreshed'));
+          refresh().then(debug.log('sentimentStripLinked: sentimentStripLinked async refreshed'));
           strip.refresh = refresh;
           return _context3.abrupt("return", strip);
         case 6:
@@ -10346,6 +10406,10 @@ function recordSharedPreferences(subject, context) {
   return new Promise(function (resolve, reject) {
     var sharedPreferences = kb.any(subject, ns.ui('sharedPreferences'));
     if (!sharedPreferences) {
+      if (!kb.updater.editable(subject.doc())) {
+        debug.log(" Cant make shared preferences, may not change ".concat(subject.doc));
+        resolve(context);
+      }
       var sp = $rdf.sym(subject.doc().uri + '#SharedPreferences');
       var ins = [$rdf.st(subject, ns.ui('sharedPreferences'), sp, subject.doc())];
       debug.log('Creating shared preferences ' + sp);
@@ -13735,17 +13799,17 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports.versionInfo = void 0;
 var versionInfo = {
-  buildTime: '2023-03-09T18:20:37Z',
-  commit: '029ae1f959316f7b8e6b4b4bef82bce7f0d8e438',
+  buildTime: '2023-04-08T06:36:47Z',
+  commit: '068520eaaba7887dcdfeb64ba44cbe253b7de882',
   npmInfo: {
     'solid-ui': '2.4.26',
     npm: '8.19.4',
-    node: '16.19.1',
-    v8: '9.4.146.26-node.24',
+    node: '16.20.0',
+    v8: '9.4.146.26-node.26',
     uv: '1.43.0',
     zlib: '1.2.11',
     brotli: '1.0.9',
-    ares: '1.18.1',
+    ares: '1.19.0',
     modules: '93',
     nghttp2: '1.47.0',
     napi: '8',