solid-panes 4.2.6 → 4.4.0

package/dist/style/tabbedtab.css

@@ -9,9 +9,7 @@
 /*  If you need style in a pane, insert it in the dom (2016)*/
 
 /* @import url("js/panes/microblogPane/mbStyle.css"); /*microblog pane  */
-/* @import url("js/panes/social/style.css"); /*social pane*/
 /* @import url("chrome://tabulator/content/js/panes/microblogPane/mbStyle.css"); /*microblog pane*/
-/* @import url("chrome://tabulator/content/js/panes/social/style.css"); /*social pane*/
 
 /* I couldn't find the code for the collapse image. this is a quick work around
 to make the collapsing easier to use ( the triangles dont jump 20 pixels). ~cm2
@@ -177,128 +175,6 @@ div.premises {
   left: 0%; /*May be we could shift the left margin a bit?*/
 }
 
-/* ***************** Social Pane **********/
-
-div.socialPane {
-  border-top: solid 1px #777;
-  border-bottom: solid 1px #777;
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
-  margin: 0;
-}
-
-img.foafPic {
-  width: 100%;
-  border: none;
-  margin: 0;
-  padding: 0;
-  /*float:right; */
-}
-
-div.mildNotice {
-  border: dashed 0.1em #777;
-  margin: 1em;
-  padding: 1em;
-  width: 80%; /* float: right; */
-  background-color: #ffe;
-}
-
-.friendBox {
-  /* height: 4em; */
-  border-top: solid 0.01em #ccc;
-  margin: 0;
-  padding: 0.3em;
-  /* float: left; */
-}
-.friendBoxBig {
-  height: 20em;
-  border-top: solid 0.01em #202; /* float: left; */
-}
-
-.socialPane a {
-  color: #3b5998;
-  text-decoration: none;
-  font-weight: bold;
-}
-.socialPane a:link {
-  color: #3b5998;
-  text-decoration: none;
-  font-weight: bold;
-}
-.socialPane a:visited {
-  color: #3b5998;
-  text-decoration: none;
-  font-weight: bold;
-}
-.socialPane a:hover {
-  color: #3b5998;
-  text-decoration: underline;
-  font-weight: bold;
-}
-.socialPane a:active {
-  color: #888;
-  text-decoration: none;
-}
-
-img.foafThumb {
-  height: 3em;
-  border: 0px;
-  margin: 0.1em;
-  padding: 0.1em;
-  vertical-align: middle;
-} /* Thumbnail of a fiend etc */
-
-.friendBox .confirmed {
-  font-weight: bold;
-}
-
-table.inputForm {
-  font-size: 100%;
-}
-
-.mainBlock {
-  background: #fff;
-  color: #000;
-  float: left;
-  width: 46%;
-  margin: 0;
-  border-left: 1px solid #ccc;
-  border-right: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
-  padding: 0;
-}
-
-.navBlock {
-  background-color: #eee;
-  float: left;
-  width: 25%;
-  border: 0;
-  padding: 0.5em;
-  margin: 0;
-}
-
-.navBlock .navSection {
-  border: solid 0.05em gray;
-  padding: 0.5em;
-  border-radius: 0.5em; /* CSS3: border-radius: .4em; */
-}
-
-div.socialPane h2 {
-  color: #202;
-}
-div.socialPane h3 {
-  color: #202;
-}
-
-div.social_linkButton {
-  width: 80%;
-  background-color: #fff;
-  border: solid 0.05em #ccc;
-  margin-top: 0.1em;
-  margin-bottom: 0.1em;
-  padding: 0.1em;
-  text-align: center;
-}
 
 /*  For question-and-answer stuff for new web id but quite reusable.
 */

package/dist/tabbed/tabbedPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabbedPane.d.ts","sourceRoot":"","sources":["../../src/tabbed/tabbedPane.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,QAAA,MAAM,UAAU,EAAE,cAgDjB,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"tabbedPane.d.ts","sourceRoot":"","sources":["../../src/tabbed/tabbedPane.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,QAAA,MAAM,UAAU,EAAE,cAkDjB,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/tabbed/tabbedPane.js

@@ -17,6 +17,7 @@ const TabbedPane = {
   audience: [_solidUi.ns.solid('PowerUser')],
   // Does the subject deserve this pane?
   label: (subject, context) => {
+    // @ts-ignore
     const kb = context.session.store;
     const typeURIs = kb.findTypeURIs(subject);
     if (_solidUi.ns.meeting('Cluster').uri in typeURIs) {
@@ -26,6 +27,7 @@ const TabbedPane = {
   },
   render: (subject, context) => {
     const dom = context.dom;
+    // @ts-ignore
     const store = context.session.store;
     const div = dom.createElement('div');
     (async () => {

package/dist/versionInfo.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _default = exports.default = {
-  buildTime: '2026-04-07T22:58:23Z',
-  commit: 'd79a48bec1a4409f7579518fb4a51e26198e7652',
+  buildTime: '2026-04-24T13:13:17Z',
+  commit: '462cb784e8920dea6ca5d7abfbba0e478338a13d',
   npmInfo: {
-    'solid-panes': '4.2.6',
+    'solid-panes': '4.4.0',
     npm: '10.9.7',
     node: '22.22.2',
     acorn: '8.15.0',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-panes",
-  "version": "4.2.6",
+  "version": "4.4.0",
   "description": "Solid-compatible Panes: applets and views for the mashlib and databrowser",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -22,6 +22,9 @@
     "lint": "eslint",
     "lint-fix": "eslint --fix",
     "typecheck": "tsc --noEmit",
+    "watch-js": "babel src --out-dir dist --source-maps --extensions '.ts,.js' --watch",
+    "watch-dist": "webpack --watch",
+    "watch-types": "tsc --emitDeclarationOnly --watch --preserveWatchOutput",
     "typecheck-test": "tsc --noEmit -p tsconfig.test.json",
     "test": "jest --no-coverage",
     "test-watch": "npm run lint && jest --onlyChanged --watch",
@@ -30,7 +33,7 @@
     "ignore:prepublishOnly": "npm run build && npm run lint && npm test",
     "preversion": "npm run lint && npm run typecheck && npm test",
     "postversion": "git push origin main --follow-tags",
-    "watch": "npm run build-version && babel src -d dist --source-maps --extensions '.ts,.js' --watch",
+    "watch": "npm run build-version && concurrently -k -n babel,types,webpack \"npm:watch-js\" \"npm:watch-types\" \"npm:watch-dist\"",
     "start": "webpack serve --config webpack.dev.config.mjs --open"
   },
   "repository": {
@@ -60,23 +63,24 @@
     "@solid/better-simple-slideshow": "^0.1.0",
     "activitystreams-pane": "^1.0.2",
     "chat-pane": "^3.0.3",
-    "contacts-pane": "^3.1.0",
+    "contacts-pane": "^3.2.0",
     "dompurify": "^3.3.1",
-    "folder-pane": "^3.0.2",
+    "folder-pane": "^3.1.0",
     "issue-pane": "^3.0.2",
     "marked": "^17.0.3",
     "meeting-pane": "^3.0.2",
     "mime-types": "^3.0.2",
     "pane-registry": "^3.1.0",
-    "profile-pane": "^3.1.5",
+    "profile-pane": "^3.2.1",
     "solid-namespace": "^0.5.4",
-    "solid-ui": "^3.0.6",
-    "source-pane": "^3.0.2"
+    "solid-ui": "^3.1.0",
+    "source-pane": "^3.1.0"
   },
   "overrides": {
     "rdflib": "$rdflib",
     "solid-logic": "$solid-logic",
-    "solid-ui": "$solid-ui"
+    "solid-ui": "$solid-ui",
+    "pane-registry": "$pane-registry"
   },
   "devDependencies": {
     "@babel/cli": "^7.28.6",
@@ -93,6 +97,7 @@
     "babel-loader": "^10.0.0",
     "babel-plugin-inline-import": "^3.0.0",
     "buffer": "^6.0.3",
+    "concurrently": "^9.2.1",
     "copy-webpack-plugin": "^14.0.0",
     "css-loader": "^7.1.4",
     "eslint": "^9.39.3",

package/dist/socialPane.js

@@ -1,430 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.socialPane = void 0;
-var UI = _interopRequireWildcard(require("solid-ui"));
-var _solidLogic = require("solid-logic");
-var $rdf = _interopRequireWildcard(require("rdflib"));
-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); }
-/*   Social Pane
- **
- **  This outline pane provides social network functions
- **  Using for example the FOAF ontology.
- **  Goal:  A *distributed* version of facebook, advogato, etc etc
- **  - Similarly easy user interface, but data storage distributed
- **  - Read and write both user-private (address book) and public data clearly
- **  -- todo: use common code to get username and load profile and set 'me'
- */
-
-const socialPane = exports.socialPane = {
-  icon: UI.icons.originalIconBase + 'foaf/foafTiny.gif',
-  name: 'social',
-  label: function (subject, context) {
-    const kb = context.session.store;
-    const types = kb.findTypeURIs(subject);
-    if (types[UI.ns.foaf('Person').uri] || types[UI.ns.vcard('Individual').uri]) {
-      return 'Friends';
-    }
-    return null;
-  },
-  render: function (s, context) {
-    const dom = context.dom;
-    const common = function (x, y) {
-      // Find common members of two lists
-      const both = [];
-      for (let i = 0; i < x.length; i++) {
-        for (let j = 0; j < y.length; j++) {
-          if (y[j].sameTerm(x[i])) {
-            both.push(y[j]);
-            break;
-          }
-        }
-      }
-      return both;
-    };
-    const people = function (n) {
-      let res = ' ';
-      res += n || 'no';
-      if (n === 1) return res + ' person';
-      return res + ' people';
-    };
-    const say = function (str) {
-      console.log(str);
-      const p = dom.createElement('p');
-      p.textContent = str;
-      tips.appendChild(p);
-    };
-    const link = function (contents, uri) {
-      if (!uri) return contents;
-      const a = dom.createElement('a');
-      a.setAttribute('href', uri);
-      a.appendChild(contents);
-      return a;
-    };
-    const text = function (str) {
-      return dom.createTextNode(str);
-    };
-    const buildCheckboxForm = function (lab, statement, state) {
-      const f = dom.createElement('form');
-      const input = dom.createElement('input');
-      f.appendChild(input);
-      const tx = dom.createTextNode(lab);
-      tx.className = 'question';
-      f.appendChild(tx);
-      input.setAttribute('type', 'checkbox');
-      const boxHandler = function (_e) {
-        tx.className = 'pendingedit';
-        // alert('Should be greyed out')
-        if (this.checked) {
-          // Add link
-          try {
-            outliner.UserInput.sparqler.insert_statement(statement, function (uri, success, errorBody) {
-              tx.className = 'question';
-              if (!success) {
-                UI.log.alert(null, 'Message', 'Error occurs while inserting ' + statement + '\n\n' + errorBody);
-                input.checked = false; // rollback UI
-                return;
-              }
-              kb.add(statement.subject, statement.predicate, statement.object, statement.why);
-            });
-          } catch (e) {
-            UI.log.error('Data write fails:' + e);
-            UI.log.alert('Data write fails:' + e);
-            input.checked = false; // rollback UI
-            tx.className = 'question';
-          }
-        } else {
-          // Remove link
-          try {
-            outliner.UserInput.sparqler.delete_statement(statement, function (uri, success, errorBody) {
-              tx.className = 'question';
-              if (!success) {
-                UI.log.alert('Error occurs while deleting ' + statement + '\n\n' + errorBody);
-                this.checked = true; // Rollback UI
-              } else {
-                kb.removeMany(statement.subject, statement.predicate, statement.object, statement.why);
-              }
-            });
-          } catch (e) {
-            UI.log.alert('Delete fails:' + e);
-            this.checked = true; // Rollback UI
-            // return
-          }
-        }
-      };
-      input.checked = state;
-      input.addEventListener('click', boxHandler, false);
-      return f;
-    };
-    const oneFriend = function (friend, _confirmed) {
-      return UI.widgets.personTR(dom, UI.ns.foaf('knows'), friend, {});
-    };
-
-    // ////////// Body of render():
-
-    const outliner = context.getOutliner(dom);
-    const kb = context.session.store;
-    const div = dom.createElement('div');
-    div.setAttribute('class', 'socialPane');
-    const foaf = UI.ns.foaf;
-    const vcard = UI.ns.vcard;
-
-    // extracted from tabbedtab.css 2017-03-21
-    const navBlockStyle = 'background-color: #eee; width: 25%; border: 0; padding: 0.5em; margin: 0;';
-    const mainBlockStyle = 'background-color: #fff; color: #000; width: 46%; margin: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0;';
-    const foafPicStyle = ' width: 100% ; border: none; margin: 0; padding: 0;';
-    const structure = div.appendChild(dom.createElement('table'));
-    const tr = structure.appendChild(dom.createElement('tr'));
-    const left = tr.appendChild(dom.createElement('td'));
-    const middle = tr.appendChild(dom.createElement('td'));
-    const right = tr.appendChild(dom.createElement('td'));
-    const tools = left;
-    tools.style.cssText = navBlockStyle;
-    const mainTable = middle.appendChild(dom.createElement('table'));
-    mainTable.style.cssText = mainBlockStyle;
-    const tips = right;
-    tips.style.cssText = navBlockStyle;
-
-    // Image top left
-    const src = kb.any(s, foaf('img')) || kb.any(s, foaf('depiction'));
-    if (src) {
-      const img = dom.createElement('IMG');
-      img.setAttribute('src', src.uri); // w640 h480
-      // img.className = 'foafPic'
-      img.style.cssText = foafPicStyle;
-      tools.appendChild(img);
-    }
-    const name = kb.anyValue(s, foaf('name')) || '???';
-    let h3 = dom.createElement('H3');
-    h3.appendChild(dom.createTextNode(name));
-    let me = _solidLogic.authn.currentUser();
-    const meUri = me ? me.uri : null;
-
-    // @@ Add: event handler to redraw the stuff below when me changes.
-    const loginOutButton = UI.login.loginStatusBox(dom, webIdUri => {
-      me = kb.sym(webIdUri);
-      // @@ To be written:   redraw as a function the new me
-      // @@ refresh the sidebars
-      UI.widgets.refreshTree(div); // this refreshes the middle at least
-    });
-    tips.appendChild(loginOutButton);
-    const thisIsYou = me && kb.sameThings(me, s);
-    const knows = foaf('knows');
-    //        var givenName = kb.sym('http://www.w3.org/2000/10/swap/pim/contact#givenName')
-    const familiar = kb.anyValue(s, foaf('givenname')) || kb.anyValue(s, foaf('firstName')) || kb.anyValue(s, foaf('nick')) || kb.anyValue(s, foaf('name')) || kb.anyValue(s, vcard('fn'));
-    const friends = kb.each(s, knows);
-
-    // Do I have a public profile document?
-    let profile = null; // This could be  SPARQL { ?me foaf:primaryTopic [ a foaf:PersonalProfileDocument ] }
-    let editable = false;
-    let incoming;
-    let outgoing;
-    if (me) {
-      // The definition of FAF personal profile document is ..
-      const works = kb.each(undefined, foaf('primaryTopic'), me); // having me as primary topic
-      let message = '';
-      for (let i = 0; i < works.length; i++) {
-        if (kb.whether(works[i], UI.ns.rdf('type'), foaf('PersonalProfileDocument'))) {
-          editable = outliner.UserInput.sparqler.editable(works[i].uri, kb);
-          if (!editable) {
-            message += 'Your profile <' + UI.utils.escapeForXML(works[i].uri) + '> is not remotely editable.';
-          } else {
-            profile = works[i];
-            break;
-          }
-        }
-      }
-      if (!profile) {
-        say(message + '\nI couldn\'t find your editable personal profile document.');
-      } else {
-        say('Editing your profile ' + profile + '.');
-        // Do I have an EDITABLE profile?
-        editable = outliner.UserInput.sparqler.editable(profile.uri, kb);
-      }
-      if (thisIsYou) {
-        // This is about me
-        // pass... @@
-      } else {
-        // This is about someone else
-        // My relationship with this person
-
-        h3 = dom.createElement('h3');
-        h3.appendChild(dom.createTextNode('You and ' + familiar));
-        tools.appendChild(h3);
-        const cme = kb.canon(me);
-        incoming = kb.whether(s, knows, cme);
-        outgoing = false;
-        const outgoingSt = kb.statementsMatching(cme, knows, s);
-        if (outgoingSt.length) {
-          outgoing = true;
-          if (!profile) profile = outgoingSt[0].why;
-        }
-        const tr = dom.createElement('tr');
-        tools.appendChild(tr);
-        const youAndThem = function () {
-          tr.appendChild(link(text('You'), meUri));
-          tr.appendChild(text(' and '));
-          tr.appendChild(link(text(familiar), s.uri));
-        };
-        if (!incoming) {
-          if (!outgoing) {
-            youAndThem();
-            tr.appendChild(text(' have not said you know each other.'));
-          } else {
-            tr.appendChild(link(text('You'), meUri));
-            tr.appendChild(text(' know '));
-            tr.appendChild(link(text(familiar), s.uri));
-            tr.appendChild(text(' (unconfirmed)'));
-          }
-        } else {
-          if (!outgoing) {
-            tr.appendChild(link(text(familiar), s.uri));
-            tr.appendChild(text(' knows '));
-            tr.appendChild(link(text('you'), meUri));
-            tr.appendChild(text(' (unconfirmed).')); // @@
-            tr.appendChild(text(' confirm you know '));
-            tr.appendChild(link(text(familiar), s.uri));
-            tr.appendChild(text('.'));
-          } else {
-            youAndThem();
-            tr.appendChild(text(' say you know each other.'));
-          }
-        }
-        if (editable) {
-          const f = buildCheckboxForm('You know ' + familiar, new $rdf.Statement(me, knows, s, profile), outgoing);
-          tools.appendChild(f);
-        } // editable
-
-        // //////////////// Mutual friends
-        if (friends) {
-          const myFriends = kb.each(me, foaf('knows'));
-          if (myFriends.length) {
-            const mutualFriends = common(friends, myFriends);
-            const tr = dom.createElement('tr');
-            tools.appendChild(tr);
-            tr.appendChild(dom.createTextNode('You' + (familiar ? ' and ' + familiar : '') + ' know' + people(mutualFriends.length) + ' found in common'));
-            if (mutualFriends) {
-              for (let i = 0; i < mutualFriends.length; i++) {
-                tr.appendChild(dom.createTextNode(',  ' + UI.utils.label(mutualFriends[i])));
-              }
-            }
-          }
-          const tr = dom.createElement('tr');
-          tools.appendChild(tr);
-        } // friends
-      } // About someone else
-    } // me is defined
-    // End of you and s
-
-    // div.appendChild(dom.createTextNode(plural(friends.length, 'acquaintance') +'. '))
-
-    // /////////////////////////////////////////////  Main block
-    //
-    // Should: Find the intersection and difference sets
-
-    // List all x such that s knows x.
-    UI.widgets.attachmentList(dom, s, mainTable, {
-      doc: profile,
-      modify: !!editable,
-      predicate: foaf('knows'),
-      noun: 'friend'
-    });
-
-    // Figure out which are reciprocated:
-    // @@ Does not look up profiles
-    // Does distinguish reciprocated from unreciprocated friendships
-    //
-    function _triageFriends(s) {
-      outgoing = kb.each(s, foaf('knows'));
-      incoming = kb.each(undefined, foaf('knows'), s); // @@ have to load the friends
-      const confirmed = [];
-      const unconfirmed = [];
-      const requests = [];
-      for (let i = 0; i < outgoing.length; i++) {
-        const friend = outgoing[i];
-        let found = false;
-        for (let j = 0; j < incoming.length; j++) {
-          if (incoming[j].sameTerm(friend)) {
-            found = true;
-            break;
-          }
-        }
-        if (found) confirmed.push(friend);else unconfirmed.push(friend);
-      } // outgoing
-
-      for (let i = 0; i < incoming.length; i++) {
-        const friend = incoming[i];
-        // var lab = UI.utils.label(friend)
-        let found = false;
-        for (let j = 0; j < outgoing.length; j++) {
-          if (outgoing[j].sameTerm(friend)) {
-            found = true;
-            break;
-          }
-        }
-        if (!found) requests.push(friend);
-      } // incoming
-
-      const cases = [['Acquaintances', outgoing], ['Mentioned as acquaintances by: ', requests]];
-      for (let i = 0; i < cases.length; i++) {
-        const thisCase = cases[i];
-        const friends = thisCase[1];
-        if (friends.length === 0) continue; // Skip empty sections (sure?)
-
-        const h3 = dom.createElement('h3');
-        h3.textContent = thisCase[0];
-        const htr = dom.createElement('tr');
-        htr.appendChild(h3);
-        mainTable.appendChild(htr);
-        const items = [];
-        for (let j9 = 0; j9 < friends.length; j9++) {
-          items.push([UI.utils.label(friends[j9]), friends[j9]]);
-        }
-        items.sort();
-        let last = null;
-        let fr;
-        for (let j7 = 0; j7 < items.length; j7++) {
-          fr = items[j7][1];
-          if (fr.sameTerm(last)) continue; // unique
-          last = fr;
-          if (UI.utils.label(fr) !== '...') {
-            // This check is to avoid bnodes with no labels attached
-            // appearing in the friends list with "..." - Oshani
-            mainTable.appendChild(oneFriend(fr));
-          }
-        }
-      }
-    }
-    /* if ($rdf.keepThisCodeForLaterButDisableFerossConstantConditionPolice) {
-      triageFriends(s)
-    } */
-    // //////////////////////////////////// Basic info on left
-
-    h3 = dom.createElement('h3');
-    h3.appendChild(dom.createTextNode('Basic Information'));
-    tools.appendChild(h3);
-
-    // For each home page like thing make a label which will
-    // make sense and add the domain (like "w3.org blog") if there are more than one of the same type
-    //
-    const preds = [UI.ns.foaf('homepage'), UI.ns.foaf('weblog'), UI.ns.foaf('workplaceHomepage'), UI.ns.foaf('schoolHomepage')];
-    for (let i6 = 0; i6 < preds.length; i6++) {
-      const pred = preds[i6];
-      const sts = kb.statementsMatching(s, pred);
-      if (sts.length === 0) {
-        // if (editable) say("No home page set. Use the blue + icon at the bottom of the main view to add information.")
-      } else {
-        const uris = [];
-        for (let j5 = 0; j5 < sts.length; j5++) {
-          const st = sts[j5];
-          if (st.object.uri) uris.push(st.object.uri); // Ignore if not symbol
-        }
-        uris.sort();
-        let last2 = '';
-        let lab2;
-        for (let k = 0; k < uris.length; k++) {
-          const uri = uris[k];
-          if (uri === last2) continue; // uniques only
-          last2 = uri;
-          let hostlabel = '';
-          lab2 = UI.utils.label(pred);
-          if (uris.length > 1) {
-            const l = uri.indexOf('//');
-            if (l > 0) {
-              let r = uri.indexOf('/', l + 2);
-              const r2 = uri.lastIndexOf('.', r);
-              if (r2 > 0) r = r2;
-              hostlabel = uri.slice(l + 2, r);
-            }
-          }
-          if (hostlabel) lab2 = hostlabel + ' ' + lab2; // disambiguate
-          const t = dom.createTextNode(lab2);
-          const a = dom.createElement('a');
-          a.appendChild(t);
-          a.setAttribute('href', uri);
-          const d = dom.createElement('div');
-          // d.className = 'social_linkButton'
-          d.style.cssText = 'width: 80%; background-color: #fff; border: solid 0.05em #ccc;  margin-top: 0.1em; margin-bottom: 0.1em; padding: 0.1em; text-align: center;';
-          d.appendChild(a);
-          tools.appendChild(d);
-        }
-      }
-    }
-    const preds2 = [UI.ns.foaf('openid'), UI.ns.foaf('nick')];
-    for (let i2 = 0; i2 < preds2.length; i2++) {
-      const pred = preds2[i2];
-      const sts2 = kb.statementsMatching(s, pred);
-      if (sts2.length === 0) {
-        // if (editable) say("No home page set. Use the blue + icon at the bottom of the main view to add information.")
-      } else {
-        outliner.appendPropertyTRs(tools, sts2, false, function (_pred) {
-          return true;
-        });
-      }
-    }
-    return div;
-  } // render()
-}; //
-// ends