solid-panes 3.7.3-cc40de56 → 3.7.3-d53b7f89

package/{lib → dist}/microblogPane/microblogPane.js

@@ -1,54 +1,53 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _solidLogic = require("solid-logic");
 var UI = _interopRequireWildcard(require("solid-ui"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /*
  Microblog pane
  Charles McKenzie <charles2@mit.edu>
 */
 /* global alert */
-var _default = exports["default"] = {
+var _default = exports.default = {
   icon: UI.icons.originalIconBase + 'microblog/microblog.png',
   name: 'microblogPane',
-  label: function label(subject) {
+  label: function (subject) {
     if (_solidLogic.store.whether(subject, UI.ns.rdf('type'), UI.ns.foaf('Person'))) {
       return 'Microblog';
     } else {
       return null;
     }
   },
-  render: function render(s, doc) {
+  render: function (s, doc) {
     //* **********************************************
     // NAMESPACES  SECTION
     //* **********************************************
-    var SIOC = UI.rdf.Namespace('http://rdfs.org/sioc/ns#');
-    var SIOCt = UI.rdf.Namespace('http://rdfs.org/sioc/types#');
-    var FOAF = UI.rdf.Namespace('http://xmlns.com/foaf/0.1/');
-    var terms = UI.rdf.Namespace('http://purl.org/dc/terms/');
-    var RDF = UI.ns.rdf;
-    var kb = _solidLogic.store;
-    var charCount = 140;
-    var sf = _solidLogic.store.fetcher;
+    const SIOC = UI.rdf.Namespace('http://rdfs.org/sioc/ns#');
+    const SIOCt = UI.rdf.Namespace('http://rdfs.org/sioc/types#');
+    const FOAF = UI.rdf.Namespace('http://xmlns.com/foaf/0.1/');
+    const terms = UI.rdf.Namespace('http://purl.org/dc/terms/');
+    const RDF = UI.ns.rdf;
+    const kb = _solidLogic.store;
+    const charCount = 140;
+    const sf = _solidLogic.store.fetcher;
     //* **********************************************
     // BACK END
     //* **********************************************
-    var sparqlUpdater = kb.updater;
+    const sparqlUpdater = kb.updater;
     // ----------------------------------------------
     // FOLLOW LIST
     // store the URIs of followed users for
     // dereferencing the @replies
     // ----------------------------------------------
-    var FollowList = function FollowList(user) {
+    const FollowList = function (user) {
       this.userlist = {};
       this.uris = {};
-      var myFollows = kb.each(kb.sym(user), SIOC('follows'));
-      for (var mf in myFollows) {
+      const myFollows = kb.each(kb.sym(user), SIOC('follows'));
+      for (const mf in myFollows) {
         this.add(kb.any(myFollows[mf], SIOC('id')), myFollows[mf].uri);
       }
     };
@@ -77,7 +76,7 @@ var _default = exports["default"] = {
     // controls the list of favorites.
     // constructor expects a user as uri.
     // ----------------------------------------------
-    var Favorites = function Favorites(user) {
+    const Favorites = function (user) {
       this.favorites = {};
       this.favoritesURI = '';
       if (!user) {
@@ -85,12 +84,12 @@ var _default = exports["default"] = {
         return;
       }
       this.user = user.split('#')[0];
-      var created = kb.each(kb.sym(user), SIOC('creator_of'));
-      for (var c in created) {
+      const created = kb.each(kb.sym(user), SIOC('creator_of'));
+      for (const c in created) {
         if (kb.whether(created[c], RDF('type'), SIOCt('FavouriteThings'))) {
           this.favoritesURI = created[c];
-          var favs = kb.each(created[c], SIOC('container_of'));
-          for (var f in favs) {
+          const favs = kb.each(created[c], SIOC('container_of'));
+          for (const f in favs) {
             this.favorites[favs[f]] = '';
           }
           break;
@@ -103,7 +102,7 @@ var _default = exports["default"] = {
       return kb.sym(post) in this.favorites;
     };
     Favorites.prototype.add = function (post, callback) {
-      var batch = new UI.rdf.Statement(this.favoritesURI, SIOC('container_of'), kb.sym(post), kb.sym(this.user));
+      const batch = new UI.rdf.Statement(this.favoritesURI, SIOC('container_of'), kb.sym(post), kb.sym(this.user));
       sparqlUpdater.insert_statement(batch, function (a, success, c) {
         if (success) {
           kb.add(batch.subject, batch.predicate, batch.object, batch.why);
@@ -112,7 +111,7 @@ var _default = exports["default"] = {
       });
     };
     Favorites.prototype.remove = function (post, callback) {
-      var batch = new UI.rdf.Statement(this.favoritesURI, SIOC('container_of'), kb.sym(post), kb.sym(this.user));
+      const batch = new UI.rdf.Statement(this.favoritesURI, SIOC('container_of'), kb.sym(post), kb.sym(this.user));
       sparqlUpdater.delete_statement(batch, function (a, success, c) {
         if (success) {
           kb.add(batch.subject, batch.predicate, batch.object, batch.why);
@@ -125,15 +124,15 @@ var _default = exports["default"] = {
     // store the uri's of followed users for
     // dereferencing the @replies.
     // ----------------------------------------------
-    var Microblog = function Microblog(kb) {
+    const Microblog = function (kb) {
       this.kb = kb;
 
       // attempt to fetch user account from local preferences if just
       // in case the user's foaf was not writable. add it to the store
       // this will probably need to change.
-      var theUser = _solidLogic.authn.currentUser();
+      const theUser = _solidLogic.authn.currentUser();
       if (theUser) {
-        var theAccount = UI.preferences.get('acct');
+        let theAccount = UI.preferences.get('acct');
         if (theAccount) {
           theAccount = kb.sym(theAccount);
         }
@@ -143,7 +142,7 @@ var _default = exports["default"] = {
       }
     };
     Microblog.prototype.getUser = function (uri) {
-      var User = {};
+      const User = {};
       User.name = kb.any(uri, SIOC('name')) ? kb.any(uri, SIOC('name')) : '';
       User.avatar = kb.any(uri, SIOC('avatar')) ? kb.any(uri, SIOC('avatar')) : '';
       User.id = kb.any(uri, SIOC('id'));
@@ -151,17 +150,17 @@ var _default = exports["default"] = {
       return User;
     };
     Microblog.prototype.getPost = function (uri) {
-      var Post = {};
+      const Post = {};
       // date ----------
-      var postLink = new Date(kb.anyValue(uri, terms('created')));
-      var h = postLink.getHours();
-      var a = h > 12 ? ' PM' : ' AM';
+      let postLink = new Date(kb.anyValue(uri, terms('created')));
+      let h = postLink.getHours();
+      const a = h > 12 ? ' PM' : ' AM';
       h = h > 12 ? h - 12 : h;
-      var m = postLink.getMinutes();
+      let m = postLink.getMinutes();
       m = m < 10 ? '0' + m : m;
-      var mo = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-      var da = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
-      var ds = da[postLink.getDay()] + ' ' + postLink.getDate() + ' ' + mo[postLink.getMonth()] + ' ' + postLink.getFullYear();
+      const mo = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+      const da = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+      const ds = da[postLink.getDay()] + ' ' + postLink.getDate() + ' ' + mo[postLink.getMonth()] + ' ' + postLink.getFullYear();
       postLink = h + ':' + m + a + ' on ' + ds;
       Post.date = postLink;
       // ---------
@@ -173,16 +172,16 @@ var _default = exports["default"] = {
     };
     Microblog.prototype.gen_random_uri = function (base) {
       // generate random uri
-      var uriNonce = base + '#n' + Math.floor(Math.random() * 10e9);
+      const uriNonce = base + '#n' + Math.floor(Math.random() * 10e9);
       return kb.sym(uriNonce);
     };
     Microblog.prototype.statusUpdate = function (statusMsg, callback, replyTo, meta) {
-      var myUserURI = this.getMyURI();
-      var myUser = kb.sym(myUserURI.split('#')[0]);
-      var newPost = this.gen_random_uri(myUser.uri);
-      var microlist = kb.each(kb.sym(myUserURI), SIOC('creator_of'));
-      var micro;
-      for (var microlistelement in microlist) {
+      const myUserURI = this.getMyURI();
+      const myUser = kb.sym(myUserURI.split('#')[0]);
+      const newPost = this.gen_random_uri(myUser.uri);
+      const microlist = kb.each(kb.sym(myUserURI), SIOC('creator_of'));
+      let micro;
+      for (const microlistelement in microlist) {
         if (kb.whether(microlist[microlistelement], RDF('type'), SIOCt('Microblog')) && !kb.whether(microlist[microlistelement], SIOC('topic'), kb.sym(this.getMyURI()))) {
           micro = microlist[microlistelement];
           break;
@@ -190,7 +189,7 @@ var _default = exports["default"] = {
       }
 
       // generate new post
-      var batch = [new UI.rdf.Statement(newPost, RDF('type'), SIOCt('MicroblogPost'), myUser), new UI.rdf.Statement(newPost, SIOC('has_creator'), kb.sym(myUserURI), myUser), new UI.rdf.Statement(newPost, SIOC('content'), statusMsg, myUser), new UI.rdf.Statement(newPost, terms('created'), new Date(), myUser), new UI.rdf.Statement(micro, SIOC('container_of'), newPost, myUser)];
+      const batch = [new UI.rdf.Statement(newPost, RDF('type'), SIOCt('MicroblogPost'), myUser), new UI.rdf.Statement(newPost, SIOC('has_creator'), kb.sym(myUserURI), myUser), new UI.rdf.Statement(newPost, SIOC('content'), statusMsg, myUser), new UI.rdf.Statement(newPost, terms('created'), new Date(), myUser), new UI.rdf.Statement(micro, SIOC('container_of'), newPost, myUser)];
 
       // message replies
       if (replyTo) {
@@ -198,13 +197,13 @@ var _default = exports["default"] = {
       }
 
       // @replies, #hashtags, !groupReplies
-      for (var r in meta.recipients) {
+      for (const r in meta.recipients) {
         batch.push(new UI.rdf.Statement(newPost, SIOC('topic'), kb.sym(meta.recipients[r]), myUser));
         batch.push(new UI.rdf.Statement(kb.any(), SIOC('container_of'), newPost, myUser));
-        var mblogs = kb.each(kb.sym(meta.recipients[r]), SIOC('creator_of'));
-        for (var mbl in mblogs) {
+        const mblogs = kb.each(kb.sym(meta.recipients[r]), SIOC('creator_of'));
+        for (const mbl in mblogs) {
           if (kb.whether(mblogs[mbl], SIOC('topic'), kb.sym(meta.recipients[r]))) {
-            var replyBatch = new UI.rdf.Statement(mblogs[mbl], SIOC('container_of'), newPost, kb.sym(meta.recipients[r].split('#')[0]));
+            const replyBatch = new UI.rdf.Statement(mblogs[mbl], SIOC('container_of'), newPost, kb.sym(meta.recipients[r].split('#')[0]));
             sparqlUpdater.insert_statement(replyBatch);
           }
         }
@@ -214,18 +213,18 @@ var _default = exports["default"] = {
       });
     };
     Microblog.prototype.getMyURI = function () {
-      var me = _solidLogic.authn.currentUser();
+      const me = _solidLogic.authn.currentUser();
       console.log(me);
-      var myMicroblog = kb.any(kb.sym(me), FOAF('holdsAccount'));
+      const myMicroblog = kb.any(kb.sym(me), FOAF('holdsAccount'));
       console.log('\n\n' + myMicroblog);
       return myMicroblog ? myMicroblog.uri : false;
     };
     Microblog.prototype.generateNewMB = function (id, name, avatar, loc) {
-      var host = loc + '/' + id;
-      var rememberMicroblog = function rememberMicroblog() {
+      const host = loc + '/' + id;
+      const rememberMicroblog = function () {
         UI.preferences.set('acct', host + '#' + id);
       };
-      var cbgenUserMB = function cbgenUserMB(a, success, c, d) {
+      const cbgenUserMB = function (a, success, c, d) {
         if (success) {
           alert('Microblog generated at ' + host + '#' + id + 'please add <b>' + host + '</b> to your foaf.');
           // mbCancelNewMB()   @@TBD
@@ -233,12 +232,12 @@ var _default = exports["default"] = {
           // preferences for later retrieval.
           // this will probably need to change.
           rememberMicroblog();
-          for (var triple in d) {
+          for (const triple in d) {
             kb.add(d[triple].subject, d[triple].predicate, d[triple].object, d[triple].why);
           }
         }
       };
-      var genUserMB = [
+      const genUserMB = [
       // user
       new UI.rdf.Statement(kb.sym(host + '#' + id), RDF('type'), SIOC('User'), kb.sym(host)), new UI.rdf.Statement(kb.sym(host + '#' + id), SIOC('creator_of'), kb.sym(host + '#mb'), kb.sym(host)), new UI.rdf.Statement(kb.sym(host + '#' + id), SIOC('creator_of'), kb.sym(host + '#mbn'), kb.sym(host)), new UI.rdf.Statement(kb.sym(host + '#' + id), SIOC('creator_of'), kb.sym(host + '#fav'), kb.sym(host)), new UI.rdf.Statement(kb.sym(host + '#' + id), SIOC('name'), name, kb.sym(host)), new UI.rdf.Statement(kb.sym(host + '#' + id), SIOC('id'), id, kb.sym(host)), new UI.rdf.Statement(kb.sym(host + '#' + id), RDF('label'), id, kb.sym(host)), new UI.rdf.Statement(s, FOAF('holdsAccount'), kb.sym(host + '#' + id), kb.sym(host)),
       // microblog
@@ -253,9 +252,9 @@ var _default = exports["default"] = {
       }
       sparqlUpdater.insert_statement(genUserMB, cbgenUserMB);
     };
-    var mb = new Microblog(kb);
-    var myFavorites = new Favorites(mb.getMyURI());
-    var myFollowList = new FollowList(mb.getMyURI());
+    const mb = new Microblog(kb);
+    const myFavorites = new Favorites(mb.getMyURI());
+    const myFollowList = new FollowList(mb.getMyURI());
 
     //* **********************************************
     // FRONT END FUNCTIONALITY
@@ -264,28 +263,28 @@ var _default = exports["default"] = {
     // PANE
     // User Interface for the Microblog Pane
     // ----------------------------------------------
-    var Pane = function Pane(s, doc, microblogPane) {
-      var TabManager = function TabManager(doc) {
+    const Pane = function (s, doc, microblogPane) {
+      const TabManager = function (doc) {
         this.tablist = {};
         this.doc = doc;
         this.tabView = doc.createElement('ul');
         this.tabView.className = 'tabslist';
       };
       TabManager.prototype.create = function (id, caption, view, isDefault) {
-        var tab = this.doc.createElement('li');
+        const tab = this.doc.createElement('li');
         tab.innerHTML = caption;
         if (isDefault) {
           tab.className = 'active';
         }
         tab.id = id;
-        var change = this.change;
-        var tablist = this.tablist;
+        const change = this.change;
+        const tablist = this.tablist;
         tab.addEventListener('click', function (evt) {
           change(evt.target.id, tablist, doc);
         }, false);
         this.tablist[id] = {
           view: view.id,
-          tab: tab
+          tab
         };
         this.tabView.appendChild(tab);
       };
@@ -293,35 +292,35 @@ var _default = exports["default"] = {
         return this.tabView;
       };
       TabManager.prototype.change = function (id, tablist, doc) {
-        for (var tab in tablist) {
+        for (const tab in tablist) {
           if (tab === id) {
             tablist[id].tab.className = 'active';
             doc.getElementById(tablist[id].view).className += ' active';
           } else {
-            var view = doc.getElementById(tablist[tab].view);
+            const view = doc.getElementById(tablist[tab].view);
             view.className = view.className.replace(/\w*active\w*/, '');
             tablist[tab].tab.className = tablist[id].tab.className.replace(/\w*active\w*/, '');
           }
         }
       };
       this.microblogPane = microblogPane;
-      var accounts = kb.each(s, FOAF('holdsAccount'));
-      var account;
-      for (var a in accounts) {
+      const accounts = kb.each(s, FOAF('holdsAccount'));
+      let account;
+      for (const a in accounts) {
         if (kb.whether(accounts[a], RDF('type'), SIOC('User')) && kb.whether(kb.any(accounts[a], SIOC('creator_of')), RDF('type'), SIOCt('Microblog'))) {
           account = accounts[a];
           break;
         }
       }
       this.Ifollow = kb.whether(kb.sym(mb.getMyURI()), SIOC('follows'), account);
-      var resourceType = kb.any(s, RDF('type'));
+      const resourceType = kb.any(s, RDF('type'));
       if (resourceType.uri === SIOCt('Microblog').uri || resourceType.uri === SIOCt('MicroblogPost').uri) {
         this.thisIsMe = kb.any(s, SIOC('has_creator')).uri === mb.getMyURI();
       } else if (resourceType.uri === SIOC('User').uri) {
         this.thisIsMe = s.uri === mb.getMyURI();
       } else if (resourceType.uri === FOAF('Person').uri) {
-        var me = _solidLogic.authn.currentUser();
-        var meUri = me && me.uri;
+        const me = _solidLogic.authn.currentUser();
+        const meUri = me && me.uri;
         this.thisIsMe = s.uri === meUri;
       } else {
         this.thisIsMe = false;
@@ -329,7 +328,7 @@ var _default = exports["default"] = {
       this.Tab = new TabManager(doc);
     };
     Pane.prototype.notify = function (messageString) {
-      var xmsg = doc.createElement('li');
+      const xmsg = doc.createElement('li');
       xmsg.className = 'notify';
       xmsg.innerHTML = messageString;
       doc.getElementById('notify-container').appendChild(xmsg);
@@ -339,12 +338,12 @@ var _default = exports["default"] = {
       }, 4000);
     };
     Pane.prototype.header = function (s, doc) {
-      var that = this;
+      const that = this;
       function lsFollowUser() {
-        var myUser = kb.sym(mb.getMyURI());
+        const myUser = kb.sym(mb.getMyURI());
         // var Ifollow = that.Ifollow
-        var username = that.creator.name;
-        var mbconfirmFollow = function mbconfirmFollow(uri, success, _msg) {
+        const username = that.creator.name;
+        const mbconfirmFollow = function (uri, success, _msg) {
           if (success === true) {
             if (!that.Ifollow) {
               // prevent duplicate entries from being added to kb (because that was happening)
@@ -358,13 +357,13 @@ var _default = exports["default"] = {
             that.Ifollow = !that.Ifollow;
             xfollowButton.disabled = false;
             console.log(that.Ifollow);
-            var followButtonLabel = that.Ifollow ? 'Unfollow ' : 'Follow ';
-            var doFollow = that.Ifollow ? 'now follow ' : 'no longer follow ';
+            const followButtonLabel = that.Ifollow ? 'Unfollow ' : 'Follow ';
+            const doFollow = that.Ifollow ? 'now follow ' : 'no longer follow ';
             xfollowButton.value = followButtonLabel + username;
             that.notify('You ' + doFollow + username + '.');
           }
         };
-        var followMe = new UI.rdf.Statement(myUser, SIOC('follows'), that.creator.sym, myUser);
+        const followMe = new UI.rdf.Statement(myUser, SIOC('follows'), that.creator.sym, myUser);
         xfollowButton.disabled = true;
         xfollowButton.value = 'Updating...';
         if (!that.Ifollow) {
@@ -373,8 +372,8 @@ var _default = exports["default"] = {
           sparqlUpdater.delete_statement(followMe, mbconfirmFollow);
         }
       }
-      var notify = function notify(messageString) {
-        var xmsg = doc.createElement('li');
+      const notify = function (messageString) {
+        const xmsg = doc.createElement('li');
         xmsg.className = 'notify';
         xmsg.innerHTML = messageString;
         doc.getElementById('notify-container').appendChild(xmsg);
@@ -383,16 +382,16 @@ var _default = exports["default"] = {
           // delete xmsg;
         }, 4000);
       };
-      var mbCancelNewMB = function mbCancelNewMB(_evt) {
+      const mbCancelNewMB = function (_evt) {
         xupdateContainer.removeChild(xupdateContainer.childNodes[xupdateContainer.childNodes.length - 1]);
         xcreateNewMB.disabled = false;
       };
-      var lsCreateNewMB = function lsCreateNewMB(_evt) {
+      const lsCreateNewMB = function (_evt) {
         // disable the create new microblog button.
         // then prefills the information.
         xcreateNewMB.disabled = true;
-        var xcmb = doc.createElement('div');
-        var xcmbName = doc.createElement('input');
+        const xcmb = doc.createElement('div');
+        const xcmbName = doc.createElement('input');
         if (kb.whether(s, FOAF('name'))) {
           // handle use of FOAF:NAME
           xcmbName.value = kb.any(s, FOAF('name'));
@@ -402,9 +401,9 @@ var _default = exports["default"] = {
           xcmbName.value += kb.any(s, FOAF('family_name')) ? kb.any(s, FOAF('givenname')) : '';
           xcmbName.value = kb.any(s, FOAF('givenname')) + ' ' + kb.any(s, FOAF('family_name'));
         }
-        var xcmbId = doc.createElement('input');
+        const xcmbId = doc.createElement('input');
         xcmbId.value = kb.any(s, FOAF('nick')) ? kb.any(s, FOAF('nick')) : '';
-        var xcmbAvatar = doc.createElement('input');
+        const xcmbAvatar = doc.createElement('input');
         if (kb.whether(s, FOAF('img'))) {
           // handle use of img
           xcmbAvatar.value = kb.any(s, FOAF('img')).uri;
@@ -412,11 +411,20 @@ var _default = exports["default"] = {
           // otherwise try depiction
           xcmbAvatar.value = kb.any(s, FOAF('depiction')) ? kb.any(s, FOAF('depiction')).uri : '';
         }
-        var workspace;
+        let workspace;
         // = kb.any(s,WORKSPACE) //TODO - ADD URI FOR WORKSPACE DEFINITION
-        var xcmbWritable = doc.createElement('input');
+        const xcmbWritable = doc.createElement('input');
         xcmbWritable.value = workspace || 'http://dig.csail.mit.edu/2007/wiki/sandbox'; // @@@
-        xcmb.innerHTML = "\n                        <form class =\"createNewMB\" id=\"createNewMB\">\n                            <p id=\"xcmbname\"><span class=\"\">Name: </span></p>\n                            <p id=\"xcmbid\">Id: </p>\n                            <p id=\"xcmbavatar\">Avatar: </p>\n                            <p id=\"xcmbwritable\">Host my microblog at: </p>\n                            <input type=\"button\" id=\"mbCancel\" value=\"Cancel\" />\n                            <input type=\"submit\" id=\"mbCreate\" value=\"Create!\" />\n                        </form>\n                        ";
+        xcmb.innerHTML = `
+                        <form class ="createNewMB" id="createNewMB">
+                            <p id="xcmbname"><span class="">Name: </span></p>
+                            <p id="xcmbid">Id: </p>
+                            <p id="xcmbavatar">Avatar: </p>
+                            <p id="xcmbwritable">Host my microblog at: </p>
+                            <input type="button" id="mbCancel" value="Cancel" />
+                            <input type="submit" id="mbCreate" value="Create!" />
+                        </form>
+                        `;
         xupdateContainer.appendChild(xcmb);
         doc.getElementById('xcmbname').appendChild(xcmbName);
         doc.getElementById('xcmbid').appendChild(xcmbId);
@@ -428,17 +436,17 @@ var _default = exports["default"] = {
         }, false);
         xcmbName.focus();
       };
-      var mbSubmitPost = function mbSubmitPost() {
-        var meta = {
+      const mbSubmitPost = function () {
+        const meta = {
           recipients: []
         };
         // user has selected a microblog to post to
         if (mb.getMyURI()) {
           // let myUser = kb.sym(mb.getMyURI())
           // submission callback
-          var cbconfirmSubmit = function cbconfirmSubmit(uri, success, responseText, d) {
+          const cbconfirmSubmit = function (uri, success, responseText, d) {
             if (success === true) {
-              for (var triple in d) {
+              for (const triple in d) {
                 kb.add(d[triple].subject, d[triple].predicate, d[triple].object, d[triple].why);
               }
               xupdateSubmit.disabled = false;
@@ -452,74 +460,65 @@ var _default = exports["default"] = {
               notify('There was a problem submitting your post.');
             }
           };
-          var words = xupdateStatus.value.split(' ');
-          var mbUpdateWithReplies = function mbUpdateWithReplies() {
+          const words = xupdateStatus.value.split(' ');
+          const mbUpdateWithReplies = function () {
             xupdateSubmit.disabled = true;
             xupdateSubmit.value = 'Updating...';
             mb.statusUpdate(xupdateStatus.value, cbconfirmSubmit, xinReplyToContainer.value, meta);
           };
-          var _loop = function _loop() {
-              if (words[word].match(/@\w+/)) {
-                var atUser = words[word].replace(/\W/g, '');
-                var recipient = myFollowList.selectUser(atUser);
-                if (recipient[0] === true) {
-                  meta.recipients.push(recipient[1][0]);
-                } else if (recipient[1].length > 1) {
-                  // if  multiple users allow the user to choose
-                  var xrecipients = doc.createElement('select');
-                  var xrecipientsSubmit = doc.createElement('input');
-                  xrecipientsSubmit.type = 'button';
-                  xrecipientsSubmit.value = 'Continue';
-                  xrecipientsSubmit.addEventListener('click', function () {
-                    meta.recipients.push(recipient[1][xrecipients.value]);
-                    mbUpdateWithReplies();
-                    xrecipients.parentNode.removeChild(xrecipientsSubmit);
-                    xrecipients.parentNode.removeChild(xrecipients);
-                  }, false);
-                  var recipChoice = function recipChoice(recip, c) {
-                    var name = kb.any(kb.sym(recip), SIOC('name'));
-                    var choice = doc.createElement('option');
-                    choice.value = c;
-                    choice.innerHTML = name;
-                    return choice;
-                  };
-                  for (var r in recipient[1]) {
-                    xrecipients.appendChild(recipChoice(recipient[1][r], r));
-                  }
-                  xupdateContainer.appendChild(xrecipients);
-                  xupdateContainer.appendChild(xrecipientsSubmit);
-                  return {
-                    v: void 0
-                  };
+          for (const word in words) {
+            if (words[word].match(/@\w+/)) {
+              const atUser = words[word].replace(/\W/g, '');
+              const recipient = myFollowList.selectUser(atUser);
+              if (recipient[0] === true) {
+                meta.recipients.push(recipient[1][0]);
+              } else if (recipient[1].length > 1) {
+                // if  multiple users allow the user to choose
+                const xrecipients = doc.createElement('select');
+                const xrecipientsSubmit = doc.createElement('input');
+                xrecipientsSubmit.type = 'button';
+                xrecipientsSubmit.value = 'Continue';
+                xrecipientsSubmit.addEventListener('click', function () {
+                  meta.recipients.push(recipient[1][xrecipients.value]);
+                  mbUpdateWithReplies();
+                  xrecipients.parentNode.removeChild(xrecipientsSubmit);
+                  xrecipients.parentNode.removeChild(xrecipients);
+                }, false);
+                const recipChoice = function (recip, c) {
+                  const name = kb.any(kb.sym(recip), SIOC('name'));
+                  const choice = doc.createElement('option');
+                  choice.value = c;
+                  choice.innerHTML = name;
+                  return choice;
+                };
+                for (const r in recipient[1]) {
+                  xrecipients.appendChild(recipChoice(recipient[1][r], r));
+                }
+                xupdateContainer.appendChild(xrecipients);
+                xupdateContainer.appendChild(xrecipientsSubmit);
+                return;
+              } else {
+                // no users known or self reference.
+                if (String(kb.any(kb.sym(mb.getMyURI()), SIOC('id'))).toLowerCase() === atUser.toLowerCase()) {
+                  meta.recipients.push(mb.getMyURI());
                 } else {
-                  // no users known or self reference.
-                  if (String(kb.any(kb.sym(mb.getMyURI()), SIOC('id'))).toLowerCase() === atUser.toLowerCase()) {
-                    meta.recipients.push(mb.getMyURI());
-                  } else {
-                    notify('You do not follow ' + atUser + '. Try following ' + atUser + ' before mentioning them.');
-                    return {
-                      v: void 0
-                    };
-                  }
+                  notify('You do not follow ' + atUser + '. Try following ' + atUser + ' before mentioning them.');
+                  return;
                 }
               }
-              /* else if(words[word].match(/\#\w+/)){
-                  //hashtag
-              } else if(words[word].match(/\!\w+/)){
-                  //usergroup
-              } */
-            },
-            _ret;
-          for (var word in words) {
-            _ret = _loop();
-            if (_ret) return _ret.v;
+            }
+            /* else if(words[word].match(/\#\w+/)){
+                //hashtag
+            } else if(words[word].match(/\!\w+/)){
+                //usergroup
+            } */
           }
           mbUpdateWithReplies();
         } else {
           notify('Please set your microblog first.');
         }
       };
-      var mbLetterCount = function mbLetterCount() {
+      const mbLetterCount = function () {
         xupdateStatusCounter.innerHTML = charCount - xupdateStatus.value.length;
         xupdateStatusCounter.style.color = charCount - xupdateStatus.value.length < 0 ? '#c33' : '';
         if (xupdateStatus.value.length === 0) {
@@ -528,28 +527,28 @@ var _default = exports["default"] = {
         }
       };
       // reply viewer
-      var xviewReply = doc.createElement('ul');
+      const xviewReply = doc.createElement('ul');
       xviewReply.className = 'replyView';
       xviewReply.addEventListener('click', function () {
         xviewReply.className = 'replyView';
       }, false);
       this.xviewReply = xviewReply;
-      var headerContainer = doc.createElement('div');
+      const headerContainer = doc.createElement('div');
       headerContainer.className = 'header-container';
 
       // ---create status update box---
-      var xnotify = doc.createElement('ul');
+      const xnotify = doc.createElement('ul');
       xnotify.id = 'notify-container';
       xnotify.className = 'notify-container';
       this.xnotify = xnotify;
-      var xupdateContainer = doc.createElement('form');
+      const xupdateContainer = doc.createElement('form');
       xupdateContainer.className = 'update-container';
       xupdateContainer.innerHTML = '<h3>What are you up to?</h3>';
-      var xinReplyToContainer;
-      var xupdateStatus;
-      var xupdateStatusCounter;
-      var xupdateSubmit;
-      var xcreateNewMB;
+      let xinReplyToContainer;
+      let xupdateStatus;
+      let xupdateStatusCounter;
+      let xupdateSubmit;
+      let xcreateNewMB;
       if (mb.getMyURI()) {
         xinReplyToContainer = doc.createElement('input');
         xinReplyToContainer.id = 'xinReplyToContainer';
@@ -571,7 +570,7 @@ var _default = exports["default"] = {
         xupdateContainer.appendChild(xupdateSubmit);
         xupdateContainer.addEventListener('submit', mbSubmitPost, false);
       } else {
-        var xnewUser = doc.createTextNode("Hi, it looks like you don't have a microblog, " + ' would you like to create one? ');
+        const xnewUser = doc.createTextNode('Hi, it looks like you don\'t have a microblog, ' + ' would you like to create one? ');
         xcreateNewMB = doc.createElement('input');
         xcreateNewMB.type = 'button';
         xcreateNewMB.value = 'Create a new Microblog';
@@ -580,14 +579,14 @@ var _default = exports["default"] = {
         xupdateContainer.appendChild(xcreateNewMB);
       }
       headerContainer.appendChild(xupdateContainer);
-      var subheaderContainer = doc.createElement('div');
+      const subheaderContainer = doc.createElement('div');
       subheaderContainer.className = 'subheader-container';
 
       // user header
       // this.creator
-      var creators = kb.each(s, FOAF('holdsAccount'));
-      var creator;
-      for (var c in creators) {
+      const creators = kb.each(s, FOAF('holdsAccount'));
+      let creator;
+      for (const c in creators) {
         if (kb.whether(creators[c], RDF('type'), SIOC('User')) && kb.whether(kb.any(creators[c], SIOC('creator_of')), RDF('type'), SIOCt('Microblog'))) {
           creator = creators[c];
           // var mb = kb.sym(creator.uri.split("#")[0]);
@@ -596,17 +595,17 @@ var _default = exports["default"] = {
           // TODO add support for more than one microblog in same foaf
         }
       }
-      var xfollowButton;
+      let xfollowButton;
       if (creator) {
         this.creator = mb.getUser(creator);
         // ---display avatar, if available ---
         if (this.creator.avatar !== '') {
-          var avatar = doc.createElement('img');
+          const avatar = doc.createElement('img');
           avatar.src = this.creator.avatar.uri;
           subheaderContainer.appendChild(avatar);
         }
         // ---generate name ---
-        var userName = doc.createElement('h1');
+        const userName = doc.createElement('h1');
         userName.className = 'fn';
         userName.appendChild(doc.createTextNode(this.creator.name + ' (' + this.creator.id + ')'));
         subheaderContainer.appendChild(userName);
@@ -614,14 +613,14 @@ var _default = exports["default"] = {
         if (!this.thisIsMe && mb.getMyURI()) {
           xfollowButton = doc.createElement('input');
           xfollowButton.setAttribute('type', 'button');
-          var followButtonLabel = this.Ifollow ? 'Unfollow ' : 'Follow ';
+          const followButtonLabel = this.Ifollow ? 'Unfollow ' : 'Follow ';
           xfollowButton.value = followButtonLabel + this.creator.name;
           xfollowButton.addEventListener('click', lsFollowUser, false);
           subheaderContainer.appendChild(xfollowButton);
         }
         // user header end
         // header tabs
-        var xtabsList = this.Tab.getTabView();
+        const xtabsList = this.Tab.getTabView();
         headerContainer.appendChild(subheaderContainer);
         headerContainer.appendChild(xtabsList);
       }
@@ -632,47 +631,47 @@ var _default = exports["default"] = {
       generatePost - Creates and formats microblog posts
           post - symbol of the uri the post in question
       */
-      var that = this;
-      var viewPost = function viewPost(uris) {
-        var xviewReply = that.xviewReply;
-        for (var i = 0; i < xviewReply.childNodes.length; i++) {
+      const that = this;
+      const viewPost = function (uris) {
+        const xviewReply = that.xviewReply;
+        for (let i = 0; i < xviewReply.childNodes.length; i++) {
           xviewReply.removeChild(xviewReply.childNodes[0]);
         }
-        var xcloseContainer = doc.createElement('li');
+        const xcloseContainer = doc.createElement('li');
         xcloseContainer.className = 'closeContainer';
-        var xcloseButton = doc.createElement('span');
+        const xcloseButton = doc.createElement('span');
         xcloseButton.innerHTML = '&#215;';
         xcloseButton.className = 'closeButton';
         xcloseContainer.appendChild(xcloseButton);
         xviewReply.appendChild(xcloseContainer);
-        for (var uri in uris) {
+        for (const uri in uris) {
           xviewReply.appendChild(that.generatePost(kb.sym(uris[uri]), this.thisIsMe, 'view'));
         }
         xviewReply.className = 'replyView-active';
         that.microblogPane.appendChild(xviewReply);
       };
       // container for post
-      var xpost = doc.createElement('li');
+      const xpost = doc.createElement('li');
       xpost.className = 'post';
       xpost.setAttribute('id', String(post.uri).split('#')[1]);
-      var Post = mb.getPost(post);
+      const Post = mb.getPost(post);
       // username text
       // var uname = kb.any(kb.any(post, SIOC('has_creator')), SIOC('id'))
-      var uholdsaccount = kb.any(undefined, FOAF('holdsAccount'), kb.any(post, SIOC('has_creator')));
-      var xuname = doc.createElement('a');
+      const uholdsaccount = kb.any(undefined, FOAF('holdsAccount'), kb.any(post, SIOC('has_creator')));
+      const xuname = doc.createElement('a');
       xuname.href = uholdsaccount.uri;
       xuname.className = 'userLink';
-      var xunameText = doc.createTextNode(mb.getUser(Post.creator).id);
+      const xunameText = doc.createTextNode(mb.getUser(Post.creator).id);
       xuname.appendChild(xunameText);
       // user image
-      var xuavatar = doc.createElement('img');
+      const xuavatar = doc.createElement('img');
       xuavatar.src = mb.getUser(Post.creator).avatar.uri;
       xuavatar.className = 'postAvatar';
       // post content
-      var xpostContent = doc.createElement('blockquote');
-      var postText = Post.message;
+      const xpostContent = doc.createElement('blockquote');
+      let postText = Post.message;
       // post date
-      var xpostLink = doc.createElement('a');
+      const xpostLink = doc.createElement('a');
       xpostLink.className = 'postLink';
       xpostLink.addEventListener('click', function () {
         viewPost([post.uri]);
@@ -680,38 +679,38 @@ var _default = exports["default"] = {
       xpostLink.id = 'post_' + String(post.uri).split('#')[1];
       xpostLink.setAttribute('content', post.uri);
       xpostLink.setAttribute('property', 'permalink');
-      var postLink = doc.createTextNode(Post.date ? Post.date : 'post date unknown');
+      const postLink = doc.createTextNode(Post.date ? Post.date : 'post date unknown');
       xpostLink.appendChild(postLink);
 
       // LINK META DATA (MENTIONS, HASHTAGS, GROUPS)
-      var mentions = kb.each(post, SIOC('topic'));
-      var tags = {};
-      for (var mention in mentions) {
+      const mentions = kb.each(post, SIOC('topic'));
+      const tags = {};
+      for (const mention in mentions) {
         sf.lookUpThing(mentions[mention]);
-        var id = kb.any(mentions[mention], SIOC('id'));
+        const id = kb.any(mentions[mention], SIOC('id'));
         tags['@' + id] = mentions[mention];
       }
-      var postTags = postText.match(/(@|#|!)\w+/g);
-      var postFunction = function postFunction() {
-        var p = postTags.pop();
+      const postTags = postText.match(/(@|#|!)\w+/g);
+      const postFunction = function () {
+        const p = postTags.pop();
         return tags[p] ? kb.any(undefined, FOAF('holdsAccount'), tags[p]).uri : p;
       };
-      for (var t in tags) {
-        var person = t.replace(/@/, '');
-        var replacePerson = RegExp('(@|!|#)(' + person + ')');
+      for (const t in tags) {
+        const person = t.replace(/@/, '');
+        const replacePerson = RegExp('(@|!|#)(' + person + ')');
         postText = postText.replace(replacePerson, '$1<a href="' + postFunction() + '">$2</a>');
       }
       xpostContent.innerHTML = postText;
 
       // in reply to logic
       // This has the potential to support a post that replies to many messages.
-      var inReplyTo = kb.each(post, SIOC('reply_of'));
-      var xreplyTo = doc.createElement('span');
-      var theReply;
-      for (var reply in inReplyTo) {
+      const inReplyTo = kb.each(post, SIOC('reply_of'));
+      const xreplyTo = doc.createElement('span');
+      let theReply;
+      for (const reply in inReplyTo) {
         theReply = String(inReplyTo[reply]).replace(/<|>/g, '');
-        var genReplyTo = function genReplyTo() {
-          var reply = doc.createElement('a');
+        const genReplyTo = function () {
+          const reply = doc.createElement('a');
           reply.innerHTML = ', <b>in reply to</b>';
           reply.addEventListener('click', function () {
             viewPost([post.uri, theReply]);
@@ -724,23 +723,23 @@ var _default = exports["default"] = {
 
       // END LINK META DATA
       // add the reply to and delete buttons to the interface
-      var mbReplyTo = function mbReplyTo() {
-        var id = mb.getUser(Post.creator).id;
-        var xupdateStatus = doc.getElementById('xupdateStatus');
-        var xinReplyToContainer = doc.getElementById('xinReplyToContainer');
-        var xupdateSubmit = doc.getElementById('xupdateSubmit');
+      const mbReplyTo = function () {
+        const id = mb.getUser(Post.creator).id;
+        const xupdateStatus = doc.getElementById('xupdateStatus');
+        const xinReplyToContainer = doc.getElementById('xinReplyToContainer');
+        const xupdateSubmit = doc.getElementById('xupdateSubmit');
         xupdateStatus.value = '@' + id + ' ';
         xupdateStatus.focus();
         xinReplyToContainer.value = post.uri;
         xupdateSubmit.value = 'Reply';
       };
-      var xconfirmDeletionDialog;
-      var mbDeletePost = function mbDeletePost(evt) {
-        var lsconfirmNo = function lsconfirmNo() {
+      let xconfirmDeletionDialog;
+      const mbDeletePost = function (evt) {
+        const lsconfirmNo = function () {
           doc.getElementById('notify-container').removeChild(xconfirmDeletionDialog);
           evt.target.disabled = false;
         };
-        var lsconfirmYes = function lsconfirmYes() {
+        const lsconfirmYes = function () {
           reallyDelete();
           doc.getElementById('notify-container').removeChild(xconfirmDeletionDialog);
         };
@@ -753,12 +752,12 @@ var _default = exports["default"] = {
             lsconfirmNo();
           }
         }, false);
-        var confirmyes = doc.createElement('input');
+        const confirmyes = doc.createElement('input');
         confirmyes.type = 'button';
         confirmyes.className = 'confirm';
         confirmyes.value = 'Delete';
         confirmyes.addEventListener('click', lsconfirmYes, false);
-        var confirmno = doc.createElement('input');
+        const confirmno = doc.createElement('input');
         confirmno.type = 'button';
         confirmno.className = 'confirm';
         confirmno.value = 'Cancel';
@@ -767,13 +766,13 @@ var _default = exports["default"] = {
         xconfirmDeletionDialog.appendChild(confirmyes);
         doc.getElementById('notify-container').appendChild(xconfirmDeletionDialog);
         confirmno.focus();
-        var reallyDelete = function reallyDelete() {
+        const reallyDelete = function () {
           // callback after deletion
-          var mbconfirmDeletePost = function mbconfirmDeletePost(a, success) {
+          const mbconfirmDeletePost = function (a, success) {
             if (success) {
               that.notify('Post deleted.');
               // update the ui to reflect model changes.
-              var deleteThisNode = evt.target.parentNode;
+              const deleteThisNode = evt.target.parentNode;
               deleteThisNode.parentNode.removeChild(deleteThisNode);
               kb.removeMany(deleteMe);
             } else {
@@ -782,9 +781,9 @@ var _default = exports["default"] = {
             }
           };
           // delete references to post
-          var deleteContainerOf = function deleteContainerOf(a, success) {
+          const deleteContainerOf = function (a, success) {
             if (success) {
-              var deleteContainer = kb.statementsMatching(undefined, SIOC('container_of'), kb.sym(doc.getElementById('post_' + evt.target.parentNode.id).getAttribute('content')));
+              const deleteContainer = kb.statementsMatching(undefined, SIOC('container_of'), kb.sym(doc.getElementById('post_' + evt.target.parentNode.id).getAttribute('content')));
               sparqlUpdater.batch_delete_statement(deleteContainer, mbconfirmDeletePost);
             } else {
               that.notify('Oops, there was a problem, please try again');
@@ -793,13 +792,13 @@ var _default = exports["default"] = {
           };
           // delete attributes of post
           evt.target.disabled = true;
-          var deleteMe = kb.statementsMatching(kb.sym(doc.getElementById('post_' + evt.target.parentNode.id).getAttribute('content')));
+          const deleteMe = kb.statementsMatching(kb.sym(doc.getElementById('post_' + evt.target.parentNode.id).getAttribute('content')));
           sparqlUpdater.batch_delete_statement(deleteMe, deleteContainerOf);
         };
       };
-      var themaker;
-      var xreplyButton;
-      var xdeleteButton;
+      let themaker;
+      let xreplyButton;
+      let xdeleteButton;
       if (mb.getMyURI()) {
         // If the microblog in question does not belong to the user,
         // display the delete post and reply to post buttons.
@@ -818,11 +817,11 @@ var _default = exports["default"] = {
           xdeleteButton.addEventListener('click', mbDeletePost, false);
         }
       }
-      var mbFavorite = function mbFavorite(evt) {
-        var nid = evt.target.parentNode.id;
-        var favpost = doc.getElementById('post_' + nid).getAttribute('content');
+      const mbFavorite = function (evt) {
+        const nid = evt.target.parentNode.id;
+        const favpost = doc.getElementById('post_' + nid).getAttribute('content');
         xfavorite.className += ' ing';
-        var cbFavorite = function cbFavorite(a, success, _c, _d) {
+        const cbFavorite = function (a, success, _c, _d) {
           if (success) {
             xfavorite.className = xfavorite.className.split(' ')[1] === 'ed' ? 'favorit' : 'favorit ed';
           }
@@ -833,7 +832,7 @@ var _default = exports["default"] = {
           myFavorites.remove(favpost, cbFavorite);
         }
       };
-      var xfavorite = doc.createElement('a');
+      const xfavorite = doc.createElement('a');
       xfavorite.innerHTML = '&#9733;';
       xfavorite.addEventListener('click', mbFavorite, false);
       if (myFavorites.favorited(post.uri)) {
@@ -864,40 +863,40 @@ var _default = exports["default"] = {
       generatePostList - Generate the posts and
       display their results on the interface.
       */
-      var postList = doc.createElement('ul');
-      var postlist = {};
-      var datelist = [];
-      for (var post in gmbPosts) {
-        var postDate = kb.any(gmbPosts[post], terms('created'));
+      const postList = doc.createElement('ul');
+      const postlist = {};
+      const datelist = [];
+      for (const post in gmbPosts) {
+        const postDate = kb.any(gmbPosts[post], terms('created'));
         if (postDate) {
           datelist.push(postDate);
           postlist[postDate] = this.generatePost(gmbPosts[post], this.thisIsMe);
         }
       }
       datelist.sort().reverse();
-      for (var d in datelist) {
+      for (const d in datelist) {
         postList.appendChild(postlist[datelist[d]]);
       }
       return postList;
     };
     Pane.prototype.followsView = function () {
-      var getFollowed = function getFollowed(user) {
-        var userid = kb.any(user, SIOC('id'));
-        var follow = doc.createElement('li');
+      const getFollowed = function (user) {
+        let userid = kb.any(user, SIOC('id'));
+        const follow = doc.createElement('li');
         follow.className = 'follow';
         userid = userid || user.uri;
-        var fol = kb.any(undefined, FOAF('holdsAccount'), user);
+        let fol = kb.any(undefined, FOAF('holdsAccount'), user);
         fol = fol ? fol.uri : user.uri;
         follow.innerHTML = '<a href="' + fol + '">' + userid + '</a>';
         return follow;
       };
-      var xfollows = doc.createElement('div');
+      const xfollows = doc.createElement('div');
       xfollows.id = 'xfollows';
       xfollows.className = 'followlist-container view-container';
       if (this.creator && kb.whether(this.creator.sym, SIOC('follows'))) {
-        var creatorFollows = kb.each(this.creator.sym, SIOC('follows'));
-        var xfollowsList = doc.createElement('ul');
-        for (var thisPerson in creatorFollows) {
+        const creatorFollows = kb.each(this.creator.sym, SIOC('follows'));
+        const xfollowsList = doc.createElement('ul');
+        for (const thisPerson in creatorFollows) {
           xfollowsList.appendChild(getFollowed(creatorFollows[thisPerson]));
         }
         xfollows.appendChild(xfollowsList);
@@ -906,19 +905,19 @@ var _default = exports["default"] = {
       return xfollows;
     };
     Pane.prototype.streamView = function (s, doc) {
-      var postContainer = doc.createElement('div');
+      const postContainer = doc.createElement('div');
       postContainer.id = 'postContainer';
       postContainer.className = 'post-container view-container active';
-      var mbPosts = [];
+      let mbPosts = [];
       if (kb.whether(s, FOAF('name')) && kb.whether(s, FOAF('holdsAccount'))) {
         sf.lookUpThing(kb.any(s, FOAF('holdsAccount')));
-        var follows = kb.each(kb.any(s, FOAF('holdsAccount')), SIOC('follows'));
-        for (var f in follows) {
+        const follows = kb.each(kb.any(s, FOAF('holdsAccount')), SIOC('follows'));
+        for (const f in follows) {
           sf.lookUpThing(follows[f]);
           // look up people user follows
-          var smicroblogs = kb.each(follows[f], SIOC('creator_of'));
+          const smicroblogs = kb.each(follows[f], SIOC('creator_of'));
           // get the follows microblogs
-          for (var smb in smicroblogs) {
+          for (const smb in smicroblogs) {
             sf.lookUpThing(smicroblogs[smb]);
             if (kb.whether(smicroblogs[smb], SIOC('topic'), follows[f])) {
               continue;
@@ -929,7 +928,7 @@ var _default = exports["default"] = {
         }
       }
       if (mbPosts.length > 0) {
-        var postList = this.generatePostList(mbPosts);
+        const postList = this.generatePostList(mbPosts);
         // generate stream
         postList.id = 'postList';
         postList.className = 'postList';
@@ -939,19 +938,19 @@ var _default = exports["default"] = {
       return postContainer;
     };
     Pane.prototype.notificationsView = function (s, doc) {
-      var postNotificationContainer = doc.createElement('div');
+      const postNotificationContainer = doc.createElement('div');
       postNotificationContainer.id = 'postNotificationContainer';
       postNotificationContainer.className = 'notification-container view-container';
-      var postMentionContainer = doc.createElement('div');
+      const postMentionContainer = doc.createElement('div');
       postMentionContainer.id = 'postMentionContainer';
       postMentionContainer.className = 'mention-container view-container';
-      var mbnPosts = [];
-      var mbmPosts = [];
+      let mbnPosts = [];
+      let mbmPosts = [];
       // get mbs that I am the creator of.
-      var theUser = kb.any(s, FOAF('holdsAccount'));
-      var user = kb.any(theUser, SIOC('id'));
-      var microblogs = kb.each(theUser, SIOC('creator_of'));
-      for (var mbm in microblogs) {
+      const theUser = kb.any(s, FOAF('holdsAccount'));
+      const user = kb.any(theUser, SIOC('id'));
+      const microblogs = kb.each(theUser, SIOC('creator_of'));
+      for (const mbm in microblogs) {
         sf.lookUpThing(microblogs[mbm]);
         if (kb.whether(microblogs[mbm], SIOC('topic'), theUser)) {
           mbmPosts = mbmPosts.concat(kb.each(microblogs[mbm], SIOC('container_of')));
@@ -961,11 +960,11 @@ var _default = exports["default"] = {
           }
         }
       }
-      var postNotificationList = this.generatePostList(mbnPosts);
+      const postNotificationList = this.generatePostList(mbnPosts);
       postNotificationList.id = 'postNotificationList';
       postNotificationList.className = 'postList';
       postNotificationContainer.appendChild(postNotificationList);
-      var postMentionList = this.generatePostList(mbmPosts);
+      const postMentionList = this.generatePostList(mbmPosts);
       postMentionList.id = 'postMentionList';
       postMentionList.className = 'postList';
       postMentionContainer.appendChild(postMentionList);
@@ -975,7 +974,7 @@ var _default = exports["default"] = {
       this.Tab.create('tab-at-user', '@' + user, postMentionContainer, false);
     };
     Pane.prototype.build = function () {
-      var microblogPane = this.microblogPane;
+      const microblogPane = this.microblogPane;
       this.headerContainer = this.header(s, doc);
       this.postContainer = this.streamView(s, doc);
       this.notificationsView(s, doc);
@@ -991,7 +990,7 @@ var _default = exports["default"] = {
       microblogPane.appendChild(this.postNotificationContainer);
       microblogPane.appendChild(this.postMentionContainer);
     };
-    var microblogpane = doc.createElement('div');
+    const microblogpane = doc.createElement('div');
     //      var getusersfollows = function(uri){
     //          var follows = new Object();
     //          var followsa = {follows:0, matches:0};
@@ -1011,7 +1010,7 @@ var _default = exports["default"] = {
     //              followsa.matches = (follows[uri]) ? followsa.matches+1: followsa.matches;
     //              console.log(follows.toSource());
     //              if(followsa.follows == followsa.matches ){
-    var ppane = new Pane(s, doc, microblogpane);
+    const ppane = new Pane(s, doc, microblogpane);
     ppane.build();
     //                  return false;
     //              }