Add super-short bio summary to mouseover popup.

This addresses #780 (Mouseover of profiles should include some of the
user bio) in a relatively hap-hazard way.

Author: black-puppydog

lib/depject/profile/html/preview.js

@@ -4,9 +4,11 @@ const map = require('mutant/map')
 const when = require('mutant/when')
 const computed = require('mutant/computed')
 const send = require('mutant/send')
+const removeMd = require('remove-markdown')
 
 exports.needs = nest({
   'about.obs.name': 'first',
+  'about.obs.description': 'first',
   'about.html.image': 'first',
   'keys.sync.id': 'first',
   'sheet.display': 'first',
@@ -25,8 +27,10 @@ exports.create = function (api) {
   const plural = api.intl.sync.i18n_n
 
   return nest('profile.html.preview', function (id) {
+    const idLen = id.length
     const name = api.about.obs.name(id)
     const contact = api.profile.obs.contact(id)
+    const description = api.about.obs.description(id)
 
     return h('ProfilePreview', [
       h('header', [
@@ -42,7 +46,15 @@ exports.create = function (api) {
           ]),
           h('section -publicKey', [
             h('pre', { title: i18n('Public key for this profile') }, id)
-          ])
+          ]),
+          h(
+            'section -profile', [
+              computed(description, (description) => {
+                const txt = removeMd(description)
+                const summary = shortenDescription(txt, idLen)
+                return summary
+              })]
+          )
         ])
       ]),
 
@@ -95,6 +107,31 @@ exports.create = function (api) {
     ])
   })
 
+  function shortenDescription (txt, len) {
+    if (txt == null) {
+      return ''
+    }
+    const line1 = txt.trim().split('\n', 1)[0]
+    if (line1.length <= len) {
+      return line1
+    }
+    const words = line1.split(' ')
+    let result = words.shift()
+    if (result.length > len) {
+      return result.splice(0, len - 1) + ' …'
+    }
+    for (let i = 0; i < len; i++) {
+      const currentWord = words.shift()
+      // + 1 for the joining space, and +2 for the final ellipsis
+      if (result.length + 1 + currentWord.length + 2 <= len) {
+        result += ` ${currentWord}`
+      } else {
+        break
+      }
+    }
+    return result + ' …'
+  }
+
   function displayMutualFriends (profiles) {
     api.sheet.profiles(profiles, i18n('Mutual Friends'))
   }

package-lock.json

@@ -58,6 +58,7 @@
     "pull-pushable": "^2.2.0",
     "pull-reconnect": "0.0.3",
     "pull-stream": "^3.6.14",
+    "remove-markdown": "^0.3.0",
     "require-style": "^1.1.0",
     "run-parallel": "^1.1.9",
     "scuttle-blog": "^1.0.1",