solid-ui 2.4.23 → 2.4.24

package/lib/chat/message.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,66 +11,42 @@ exports.elementForImageURI = elementForImageURI;
 exports.renderMessageEditor = renderMessageEditor;
 exports.renderMessageRow = renderMessageRow;
 exports.switchToEditor = switchToEditor;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _infinite = require("./infinite");
-
 var _messageTools = require("./messageTools");
-
 var _bookmarks = require("./bookmarks");
-
 var _chatLogic = require("./chatLogic");
-
 var debug = _interopRequireWildcard(require("../debug"));
-
 var _iconBase = require("../iconBase");
-
 var _solidLogic = require("solid-logic");
-
 var _login = require("../login/login");
-
 var _index = require("../media/index");
-
 var ns = _interopRequireWildcard(require("../ns"));
-
 var pad = _interopRequireWildcard(require("../pad"));
-
 var style = _interopRequireWildcard(require("../style"));
-
 var utils = _interopRequireWildcard(require("../utils"));
-
 var widgets = _interopRequireWildcard(require("../widgets"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 var dom = window.document;
 var messageBodyStyle = style.messageBodyStyle;
 var label = utils.label;
+
 /**
  * HTML component for an image
  */
-
 function elementForImageURI(imageUri, options) {
   var img = dom.createElement('img');
   var height = '10';
-
   if (options.inlineImageHeightEms) {
     height = ('' + options.inlineImageHeightEms).trim();
   }
-
-  img.setAttribute('style', 'max-height: ' + height + 'em; border-radius: 1em; margin: 0.7em;'); // widgets.makeDropTarget(img, handleURIsDroppedOnMugshot, droppedFileHandler)
-
+  img.setAttribute('style', 'max-height: ' + height + 'em; border-radius: 1em; margin: 0.7em;');
+  // widgets.makeDropTarget(img, handleURIsDroppedOnMugshot, droppedFileHandler)
   if (imageUri) img.setAttribute('src', imageUri);
   var anchor = dom.createElement('a');
   anchor.setAttribute('href', imageUri);
@@ -81,11 +55,9 @@ function elementForImageURI(imageUri, options) {
   widgets.makeDraggable(img, $rdf.sym(imageUri));
   return anchor;
 }
-
 var anchor = function anchor(text, term) {
   // If there is no link return an element anyway
   var a = dom.createElement('a');
-
   if (term && term.uri) {
     a.setAttribute('href', term.uri);
     a.addEventListener('click', widgets.openHrefInOutlineMode, true);
@@ -95,79 +67,62 @@ var anchor = function anchor(text, term) {
   a.textContent = text;
   return a;
 };
-
 function nick(person) {
   var s = _solidLogic.store.any(person, ns.foaf('nick'));
-
   if (s) return '' + s.value;
   return '' + label(person);
 }
+
 /**
  * Displays creator and date for a chat message
  * inside the `td1` element
  */
-
-
 function creatorAndDate(td1, creator, date, message) {
   var nickAnchor = td1.appendChild(anchor(nick(creator), creator));
-
   if (creator.uri) {
     _solidLogic.store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (_ok, _body) {
       nickAnchor.textContent = nick(creator);
     });
   }
-
   td1.appendChild(dom.createElement('br'));
   td1.appendChild(anchor(date, message));
 }
+
 /**
  * Horizontally displays creator and date for a chat message
  * inside the `td1` element
  */
-
-
 function creatorAndDateHorizontal(td1, creator, date, message) {
   var nickAnchor = td1.appendChild(anchor(label(creator), creator));
-
   if (creator.uri) {
     _solidLogic.store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (_ok, _body) {
       nickAnchor.textContent = nick(creator);
     });
   }
-
   var dateBit = td1.appendChild(anchor(date, message));
   dateBit.style.fontSize = '80%';
   dateBit.style.marginLeft = '1em';
   td1.appendChild(dom.createElement('br'));
 }
+
 /**
  * Renders a chat message, read-only mode
  */
-
-
 function renderMessageRow(channelObject, message, fresh, options, userContext) {
   var colorizeByAuthor = options.colorizeByAuthor === '1' || options.colorizeByAuthor === true;
-
   var creator = _solidLogic.store.any(message, ns.foaf('maker'));
-
   var date = _solidLogic.store.any(message, ns.dct('created'));
-
   var latestVersion = (0, _chatLogic.mostRecentVersion)(message);
-
   var content = _solidLogic.store.any(latestVersion, ns.sioc('content'));
-
   var originalMessage = (0, _chatLogic.originalVersion)(message);
   var edited = !message.sameTerm(originalMessage);
-
   var sortDate = _solidLogic.store.the(originalMessage, ns.dct('created'), null, originalMessage.doc()); // In message
 
-
   var messageRow = dom.createElement('tr');
   messageRow.AJAR_date = sortDate.value;
   messageRow.AJAR_subject = message;
   var td1 = dom.createElement('td');
   messageRow.appendChild(td1);
-
   if (!options.authorDateOnLeft) {
     var img = dom.createElement('img');
     img.setAttribute('style', 'max-height: 2.5em; max-width: 2.5em; border-radius: 0.5em; margin: auto;');
@@ -176,31 +131,25 @@ function renderMessageRow(channelObject, message, fresh, options, userContext) {
   } else {
     creatorAndDate(td1, creator, widgets.shortDate(sortDate.value), message);
   }
-
   var bothDates = widgets.shortDate(sortDate.value);
-
   if (edited) {
     bothDates += ' ... ' + widgets.shortDate(date.value);
-  } // Render the content ot the message itself
-
+  }
 
+  // Render the content ot the message itself
   var td2 = messageRow.appendChild(dom.createElement('td'));
-
   if (!options.authorDateOnLeft) {
-    creatorAndDateHorizontal(td2, creator, bothDates, // widgets.shortDate(dateString)
+    creatorAndDateHorizontal(td2, creator, bothDates,
+    // widgets.shortDate(dateString)
     message);
   }
-
   var text = content.value.trim();
   var isURI = /^https?:\/[^ <>]*$/i.test(text);
   var para = null;
-
   if (isURI) {
     var isImage = /\.(gif|jpg|jpeg|tiff|png|svg)$/i.test(text); // @@ Should use content-type not URI
-
     if (isImage && options.expandImagesInline) {
       var _img = elementForImageURI(text, options);
-
       td2.appendChild(_img);
     } else {
       // Link but not Image
@@ -216,25 +165,22 @@ function renderMessageRow(channelObject, message, fresh, options, userContext) {
     td2.appendChild(para);
     para.textContent = text;
   }
-
   if (para) {
     var bgcolor = colorizeByAuthor ? pad.lightColorHash(creator) : getBgColor(fresh);
     para.setAttribute('style', messageBodyStyle + 'background-color: ' + bgcolor + ';');
   }
-
   function getBgColor(fresh) {
     return fresh ? '#e8ffe8' : 'white';
-  } // Sentiment strip
-
+  }
 
+  // Sentiment strip
   var strip = (0, _messageTools.sentimentStripLinked)(message, message.doc());
-
   if (strip.children.length) {
     td2.appendChild(dom.createElement('br'));
     td2.appendChild(strip);
-  } // Message tool bar button
-
+  }
 
+  // Message tool bar button
   var td3 = dom.createElement('td');
   messageRow.appendChild(td3);
   var toolsButton = widgets.button(dom, _iconBase.icons.iconBase + 'noun_243787.svg', '...');
@@ -246,28 +192,22 @@ function renderMessageRow(channelObject, message, fresh, options, userContext) {
       delete messageRow.toolTR;
       return;
     }
-
     var toolsTR = dom.createElement('tr');
     var tools = (0, _messageTools.messageToolbar)(message, messageRow, userContext, channelObject);
     tools.style = 'border: 0.05em solid #888; border-radius: 0 0 0.7em 0.7em;  border-top: 0; height:3.5em; background-color: #fff;'; // @@ fix
-
     if (messageRow.nextSibling) {
       messageRow.parentElement.insertBefore(toolsTR, messageRow.nextSibling);
     } else {
       messageRow.parentElement.appendChild(toolsTR);
     }
-
     messageRow.toolTR = toolsTR;
     toolsTR.appendChild(dom.createElement('td')); // left
-
     var toolsTD = toolsTR.appendChild(dom.createElement('td'));
     toolsTR.appendChild(dom.createElement('td')); // right
-
     toolsTD.appendChild(tools);
   });
   return messageRow;
 }
-
 function switchToEditor(messageRow, message, channelObject, userContext) {
   var messageTable = messageRow.parentNode;
   var editRow = renderMessageEditor(channelObject, messageTable, userContext, channelObject.options, (0, _chatLogic.mostRecentVersion)(message));
@@ -278,19 +218,14 @@ function switchToEditor(messageRow, message, channelObject, userContext) {
 /*       Control for a new message -- or editing an old message ***************
  *
  */
-
-
 function renderMessageEditor(channelObject, messageTable, userContext, options, originalMessage) {
   function revertEditing(messageEditor) {
     messageEditor.originalRow.style.visibility = 'visible'; // restore read-only version
-
     messageEditor.parentNode.removeChild(messageEditor);
   }
-
   function handleFieldInput(_x) {
     return _handleFieldInput.apply(this, arguments);
   }
-
   function _handleFieldInput() {
     _handleFieldInput = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(_event) {
       return _regenerator["default"].wrap(function _callee5$(_context6) {
@@ -299,7 +234,6 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
             case 0:
               _context6.next = 2;
               return sendMessage(field.value, true);
-
             case 2:
             case "end":
               return _context6.stop();
@@ -309,13 +243,10 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
     }));
     return _handleFieldInput.apply(this, arguments);
   }
-
   function sendMessage(_x2, _x3) {
     return _sendMessage.apply(this, arguments);
   } // sendMessage
   //    DRAG AND DROP
-
-
   function _sendMessage() {
     _sendMessage = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(text, fromMainField) {
       var sendComplete, message, statusArea;
@@ -330,8 +261,8 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
 
                 if (originalMessage) {
                   // editing another message
-                  var oldRow = messageEditor.originalRow; // oldRow.style.display = '' // restore read-only version, re-attack
-
+                  var oldRow = messageEditor.originalRow;
+                  // oldRow.style.display = '' // restore read-only version, re-attack
                   if (oldRow.parentNode) {
                     oldRow.parentNode.removeChild(oldRow); // No longer needed old version
                   } else {
@@ -344,45 +275,36 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
                 } else {
                   if (fromMainField) {
                     field.value = ''; // clear from out for reuse
-
                     field.setAttribute('style', messageBodyStyle);
                     field.disabled = false;
                     field.scrollIntoView(options.newestFirst); // allign bottom (top)
-
                     field.focus(); // Start typing next line immediately
-
                     field.select();
                   }
-                } // await channelObject.div.refresh() // Add new day if nec  @@ add back
-
+                }
+                // await channelObject.div.refresh() // Add new day if nec  @@ add back
               };
 
               // const me = authn.currentUser() // Must be logged on or wuld have got login button
               if (fromMainField) {
                 field.setAttribute('style', messageBodyStyle + 'color: #bbb;'); // pendingedit
-
                 field.disabled = true;
               }
-
               _context7.prev = 2;
               _context7.next = 5;
               return channelObject.updateMessage(text, originalMessage);
-
             case 5:
               message = _context7.sent;
               _context7.next = 13;
               break;
-
             case 8:
               _context7.prev = 8;
               _context7.t0 = _context7["catch"](2);
               statusArea = userContext.statusArea || messageEditor;
               statusArea.appendChild(widgets.errorMessageBlock(dom, 'Error writing message: ' + _context7.t0));
               return _context7.abrupt("return");
-
             case 13:
               sendComplete(message, text);
-
             case 14:
             case "end":
               return _context7.stop();
@@ -392,7 +314,6 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
     }));
     return _sendMessage.apply(this, arguments);
   }
-
   function droppedFileHandler(files) {
     var base = messageTable.chatDocument.dir().uri;
     widgets.uploadFiles(_solidLogic.store.fetcher, files, base + 'Files', base + 'Pictures', /*#__PURE__*/function () {
@@ -403,7 +324,6 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
               case 0:
                 _context2.next = 2;
                 return sendMessage(destURI);
-
               case 2:
               case "end":
                 return _context2.stop();
@@ -411,58 +331,45 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
           }
         }, _callee);
       }));
-
       return function (_x4, _x5) {
         return _ref.apply(this, arguments);
       };
     }());
-  } // When a set of URIs are dropped on the field
-
+  }
 
+  // When a set of URIs are dropped on the field
   var droppedURIHandler = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(uris) {
       var _iterator, _step, uri;
-
       return _regenerator["default"].wrap(function _callee2$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
               _iterator = _createForOfIteratorHelper(uris);
               _context3.prev = 1;
-
               _iterator.s();
-
             case 3:
               if ((_step = _iterator.n()).done) {
                 _context3.next = 9;
                 break;
               }
-
               uri = _step.value;
               _context3.next = 7;
               return sendMessage(uri);
-
             case 7:
               _context3.next = 3;
               break;
-
             case 9:
               _context3.next = 14;
               break;
-
             case 11:
               _context3.prev = 11;
               _context3.t0 = _context3["catch"](1);
-
               _iterator.e(_context3.t0);
-
             case 14:
               _context3.prev = 14;
-
               _iterator.f();
-
               return _context3.finish(14);
-
             case 17:
             case "end":
               return _context3.stop();
@@ -470,24 +377,20 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
         }
       }, _callee2, null, [[1, 11, 14, 17]]);
     }));
-
     return function droppedURIHandler(_x6) {
       return _ref2.apply(this, arguments);
     };
-  }(); // When we are actually logged on
-
+  }();
 
+  // When we are actually logged on
   function turnOnInput() {
     function getImageDoc() {
       imageDoc = $rdf.sym(chatDocument.dir().uri + 'Image_' + Date.now() + '.png');
       return imageDoc;
     }
-
     function tookPicture(_x7) {
       return _tookPicture.apply(this, arguments);
     } // Body of turnOnInput
-
-
     function _tookPicture() {
       _tookPicture = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(imageDoc) {
         return _regenerator["default"].wrap(function _callee4$(_context5) {
@@ -498,10 +401,8 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
                   _context5.next = 3;
                   break;
                 }
-
                 _context5.next = 3;
                 return sendMessage(imageDoc.uri);
-
               case 3:
               case "end":
                 return _context5.stop();
@@ -511,21 +412,15 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
       }));
       return _tookPicture.apply(this, arguments);
     }
-
     var menuButton;
-
     if (options.menuHandler) {
       var _menuButton = widgets.button(dom, _iconBase.icons.iconBase + 'noun_243787.svg', 'More');
-
-      _menuButton.setAttribute('style', style.buttonStyle + 'float: right;'); // menuButton.addEventListener('click', _event => sendMessage(), false) (done in turnoninput)
-
-
+      _menuButton.setAttribute('style', style.buttonStyle + 'float: right;');
+      // menuButton.addEventListener('click', _event => sendMessage(), false) (done in turnoninput)
       rhs.appendChild(_menuButton);
     }
-
     if (options.menuHandler && menuButton) {
       var _me = _solidLogic.authn.currentUser();
-
       var menuOptions = {
         me: _me,
         dom: dom,
@@ -537,22 +432,19 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
         options.menuHandler(event, channelObject.chatChannel, menuOptions);
       }, false);
     }
-
     var me = _solidLogic.authn.currentUser(); // If already logged on
-
-
     creatorAndDate(lhs, me, '', null);
     field = dom.createElement('textarea');
     middle.innerHTML = '';
     middle.appendChild(field);
     field.rows = 3;
-
     if (originalMessage) {
       field.value = _solidLogic.store.anyValue(originalMessage, ns.sioc('content'), null, originalMessage.doc());
-    } // field.cols = 40
-
+    }
+    // field.cols = 40
+    field.setAttribute('style', messageBodyStyle + 'background-color: #eef;');
 
-    field.setAttribute('style', messageBodyStyle + 'background-color: #eef;'); // Trap the Enter BEFORE it is used ti make a newline
+    // Trap the Enter BEFORE it is used ti make a newline
 
     field.addEventListener('keydown', /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(e) {
@@ -564,15 +456,12 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
                   _context4.next = 4;
                   break;
                 }
-
                 if (!(!e.shiftKey && !options.shiftEnterSendsMessage || e.shiftKey && options.shiftEnterSendsMessage)) {
                   _context4.next = 4;
                   break;
                 }
-
                 _context4.next = 4;
                 return handleFieldInput(e);
-
               case 4:
               case "end":
                 return _context4.stop();
@@ -580,7 +469,6 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
           }
         }, _callee3);
       }));
-
       return function (_x8) {
         return _ref3.apply(this, arguments);
       };
@@ -593,31 +481,28 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
       return handleFieldInput();
     }, false);
     rhs.appendChild(sendButton);
-
     if (originalMessage) {
       // Are we editing another message?
       var cancelButton = rhs.appendChild(widgets.cancelButton(dom));
-      cancelButton.style["float"] = 'left'; // cancelButton.firstChild.style.opacity = '0.3' // moved to buttons
-
+      cancelButton.style["float"] = 'left';
+      // cancelButton.firstChild.style.opacity = '0.3' // moved to buttons
       cancelButton.addEventListener('click', function (_event) {
         return revertEditing(messageEditor);
       }, false);
       rhs.appendChild(cancelButton);
     }
-
     var chatDocument = channelObject.dateFolder.leafDocumentFromDate(new Date());
     var imageDoc;
     middle.appendChild(_index.media.cameraButton(dom, _solidLogic.store, getImageDoc, tookPicture));
     pad.recordParticipation(channelObject.channel, channelObject.channel.doc()); // participation =
   } // turn on inpuut
-  // Body of renderMessageEditor
 
+  // Body of renderMessageEditor
 
   var sortDate, sendIcon;
-
   if (originalMessage) {
-    sortDate = _solidLogic.store.anyValue(originalMessage, ns.dct('created'), null, originalMessage.doc()); // text = store.anyValue(originalMessage, ns.sioc('content'), null, originalMessage.doc())
-
+    sortDate = _solidLogic.store.anyValue(originalMessage, ns.dct('created'), null, originalMessage.doc());
+    // text = store.anyValue(originalMessage, ns.sioc('content'), null, originalMessage.doc())
     sendIcon = _iconBase.icons.iconBase + 'noun_1180158.svg'; // Green check
     // cancelIcon = icons.iconBase + 'noun_1180156.svg' // Black cross
   } else {
@@ -633,7 +518,8 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
   messageEditor.appendChild(lhs);
   messageEditor.appendChild(middle);
   messageEditor.appendChild(rhs);
-  messageEditor.AJAR_date = sortDate; // messageEditor.appendChild(dom.createElement('br'))
+  messageEditor.AJAR_date = sortDate;
+  // messageEditor.appendChild(dom.createElement('br'))
 
   var field, sendButton;
   var context = {
@@ -644,7 +530,8 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
     // me = context.me
     turnOnInput();
     Object.assign(context, userContext);
-    (0, _bookmarks.findBookmarkDocument)(context).then(function (_context) {// console.log('Bookmark file: ' + context.bookmarkDocument)
+    (0, _bookmarks.findBookmarkDocument)(context).then(function (_context) {
+      // console.log('Bookmark file: ' + context.bookmarkDocument)
     });
   });
   return messageEditor;