solid-ui 2.4.14-842f7f26 → 2.4.14-bbf45639

package/lib/webpack-bundle.js

@@ -891,9 +891,12 @@ var AccessGroups = /*#__PURE__*/function () {
         var secondAttempt,
             agent,
             thing,
+            _this$_store,
+            _this$_store$fetcher,
             message,
             error,
             _args4 = arguments;
+
         return _regenerator["default"].wrap(function _callee4$(_context4) {
           while (1) {
             switch (_context4.prev = _context4.next) {
@@ -911,7 +914,7 @@ var AccessGroups = /*#__PURE__*/function () {
                 debug.log("   Not obvious: looking up dropped thing ".concat(thing));
                 _context4.prev = 5;
                 _context4.next = 8;
-                return this._store.fetcher.load(thing.doc());
+                return (_this$_store = this._store) === null || _this$_store === void 0 ? void 0 : (_this$_store$fetcher = _this$_store.fetcher) === null || _this$_store$fetcher === void 0 ? void 0 : _this$_store$fetcher.load(thing.doc());
 
               case 8:
                 _context4.next = 15;
@@ -1742,14 +1745,18 @@ function putACLObject(kb, x, ac, aclDoc, callbackFunction) {
 
 
 function putACLbyCombo(kb, x, byCombo, aclDoc, callbackFunction) {
+  var _kb$updater;
+
   var kb2 = (0, _rdflib.graph)();
   makeACLGraphbyCombo(kb2, x, byCombo, aclDoc, true); // const str = makeACLString = function(x, ac, aclDoc)
 
-  kb.updater.put(aclDoc, kb2.statementsMatching(undefined, undefined, undefined, aclDoc), 'text/turtle', function (uri, ok, message) {
+  (_kb$updater = kb.updater) === null || _kb$updater === void 0 ? void 0 : _kb$updater.put(aclDoc, kb2.statementsMatching(undefined, undefined, undefined, aclDoc), 'text/turtle', function (uri, ok, message) {
     if (!ok) {
       callbackFunction(ok, message);
     } else {
-      kb.fetcher.unload(aclDoc);
+      var _kb$fetcher;
+
+      (_kb$fetcher = kb.fetcher) === null || _kb$fetcher === void 0 ? void 0 : _kb$fetcher.unload(aclDoc);
       makeACLGraphbyCombo(kb, x, byCombo, aclDoc, true);
       kb.fetcher.requested[aclDoc.uri] = 'done'; // missing: save headers
 
@@ -8465,30 +8472,10 @@ function trace() {
 
 /***/ }),
 
-/***/ "./lib/header/empty-profile.js":
-/*!*************************************!*\
-  !*** ./lib/header/empty-profile.js ***!
-  \*************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.emptyProfile = void 0;
-var emptyProfile = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13 25C19.6274 25 25 19.6274 25 13C25 6.37258 19.6274 1 13 1C6.37258 1 1 6.37258 1 13C1 19.6274 6.37258 25 13 25Z\" fill=\"#D8D8D8\" stroke=\"#8B8B8B\"/>\n    <mask id=\"mask0\" mask-type=\"alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"26\" height=\"26\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13 25C19.6274 25 25 19.6274 25 13C25 6.37258 19.6274 1 13 1C6.37258 1 1 6.37258 1 13C1 19.6274 6.37258 25 13 25Z\" fill=\"white\" stroke=\"white\"/>\n    </mask>\n    <g mask=\"url(#mask0)\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.0468 10.4586C17.0468 14.4979 15.4281 16.9214 12.9999 16.9214C10.5718 16.9214 8.95298 14.4979 8.95298 10.4586C8.95298 6.41931 12.9999 6.41931 12.9999 6.41931C12.9999 6.41931 17.0468 6.41931 17.0468 10.4586ZM4.09668 23.3842C6.52483 17.7293 12.9999 17.7293 12.9999 17.7293C12.9999 17.7293 19.475 17.7293 21.9031 23.3842C21.9031 23.3842 17.8481 25 12.9999 25C8.15169 25 4.09668 23.3842 4.09668 23.3842Z\" fill=\"#8B8B8B\"/>\n    </g>\n</svg>";
-exports.emptyProfile = emptyProfile;
-//# sourceMappingURL=empty-profile.js.map
-
-/***/ }),
-
-/***/ "./lib/header/headerHelpers.js":
-/*!*************************************!*\
-  !*** ./lib/header/headerHelpers.js ***!
-  \*************************************/
+/***/ "./lib/footer/index.js":
+/*!*****************************!*\
+  !*** ./lib/footer/index.js ***!
+  \*****************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -8500,95 +8487,192 @@ var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/inte
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.addStyleClassToElement = addStyleClassToElement;
-exports.getPod = getPod;
-exports.throttle = throttle;
+exports.createControllerInfoBlock = createControllerInfoBlock;
+exports.initFooter = initFooter;
+exports.rebuildFooter = rebuildFooter;
 
-var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js"));
+var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js"));
 
-var _rdflib = __webpack_require__(/*! rdflib */ "./node_modules/rdflib/esm/index.js");
+var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
 
-var _styleMap = __webpack_require__(/*! ./styleMap */ "./lib/header/styleMap.js");
+var _authn = __webpack_require__(/*! ../authn/authn */ "./lib/authn/authn.js");
 
-var _jss = __webpack_require__(/*! ../jss */ "./lib/jss/index.js");
+var _headerFooterHelpers = __webpack_require__(/*! ../utils/headerFooterHelpers */ "./lib/utils/headerFooterHelpers.js");
 
 /*
-    Copied from mashlib/src/global/metadata.ts
+    This file was copied from mashlib/src/global/footer.ts file. It is modified to
+    work in solid-ui by adjusting where imported functions are found.
  */
+var DEFAULT_SOLID_PROJECT_URL = 'https://solidproject.org';
+var DEFAULT_SOLID_PROJECT_NAME = 'solidproject.org';
+/*
+  FooterOptions allow for customizing the link and name of the link part of the footer.
+  */
 
 /**
- * @internal
+ * Initialize footer component, the footer object returned depends on whether the user is authenticated.
+ * @param store the data store
+ * @returns the footer
  */
-function getStyle(styleClass) {
-  return _styleMap.styleMap[styleClass];
+function initFooter(_x, _x2) {
+  return _initFooter.apply(this, arguments);
 }
 /**
  * @ignore exporting this only for the unit test
  */
 
 
-function addStyleClassToElement(element, styleClasses) {
-  styleClasses.forEach(function (styleClass) {
-    var style = getStyle(styleClass);
+function _initFooter() {
+  _initFooter = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(store, options) {
+    var footer, pod, podOwner;
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            footer = document.getElementById('PageFooter');
 
-    var _getClasses = (0, _jss.getClasses)(document.head, (0, _defineProperty2["default"])({}, styleClass, style)),
-        classes = _getClasses.classes;
+            if (footer) {
+              _context2.next = 3;
+              break;
+            }
 
-    element.classList.add(classes[styleClass]);
-  });
+            return _context2.abrupt("return");
+
+          case 3:
+            pod = (0, _headerFooterHelpers.getPod)();
+            _context2.next = 6;
+            return (0, _headerFooterHelpers.getPodOwner)(pod, store);
+
+          case 6:
+            podOwner = _context2.sent;
+            rebuildFooter(footer, store, pod, podOwner, options)();
+
+            _authn.authSession.onLogin(rebuildFooter(footer, store, pod, podOwner, options));
+
+            _authn.authSession.onLogout(rebuildFooter(footer, store, pod, podOwner, options));
+
+          case 10:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _initFooter.apply(this, arguments);
 }
-/**
- * @ignore exporting this only for the unit test
- */
 
+function rebuildFooter(footer, store, pod, podOwner, options) {
+  return /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var user;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            user = (0, _authn.currentUser)();
+            footer.innerHTML = '';
+            _context.t0 = footer;
+            _context.next = 5;
+            return createControllerInfoBlock(store, user, pod, podOwner, options);
 
-function getPod() {
-  // @@ TODO: This is given that mashlib runs on NSS - might need to change when we want it to run on other Pod servers
-  return (0, _rdflib.sym)(document.location.origin).site();
+          case 5:
+            _context.t1 = _context.sent;
+
+            _context.t0.appendChild.call(_context.t0, _context.t1);
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
 }
 /**
  * @ignore exporting this only for the unit test
  */
 
 
-function throttle(func, wait) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var context, args, result;
-  var timeout = null;
-  var previous = 0;
+function createControllerInfoBlock(store, user, pod, podOwner, options) {
+  var profileLinkContainer = document.createElement('div');
+
+  if (!pod || !podOwner || user && user.equals(podOwner)) {
+    return profileLinkContainer;
+  }
+
+  (0, _headerFooterHelpers.addStyleClassToElement)(profileLinkContainer, ['footer-pod-info', 'footer'], 'footer');
+  var podLinkPre = document.createElement('span');
+  podLinkPre.innerText = "You're visiting ";
+  var podLink = document.createElement('a');
+  podLink.href = pod.uri;
+  podLink.innerText = 'the Pod';
+  var profileLinkPre = document.createElement('span');
+  profileLinkPre.innerText = ' controlled by ';
+  var profileLink = document.createElement('a');
+  profileLink.href = podOwner.uri;
+  profileLink.innerText = (0, _headerFooterHelpers.getName)(store, podOwner);
+  var solidProjectLinkPre = document.createElement('span');
+  solidProjectLinkPre.innerText = '. For more info, check out ';
+  var solidProjectLink = document.createElement('a');
+  solidProjectLink.href = options && options.solidProjectUrl ? options.solidProjectUrl : DEFAULT_SOLID_PROJECT_URL;
+  solidProjectLink.innerText = options && options.solidProjectName ? options.solidProjectName : DEFAULT_SOLID_PROJECT_NAME;
+  var solidProjectLinkPost = document.createElement('span');
+  solidProjectLinkPost.innerText = '.';
+  profileLinkContainer.appendChild(podLinkPre);
+  profileLinkContainer.appendChild(podLink);
+  profileLinkContainer.appendChild(profileLinkPre);
+  profileLinkContainer.appendChild(profileLink);
+  profileLinkContainer.appendChild(solidProjectLinkPre);
+  profileLinkContainer.appendChild(solidProjectLink);
+  profileLinkContainer.appendChild(solidProjectLinkPost);
+  return profileLinkContainer;
+}
+//# sourceMappingURL=index.js.map
 
-  var later = function later() {
-    previous = !options.leading ? 0 : Date.now();
-    timeout = null;
-    result = func.apply(context, args);
-    if (!timeout) context = args = null;
-  };
+/***/ }),
 
-  return function () {
-    var now = Date.now();
-    if (!previous && !options.leading) previous = now;
-    var remaining = wait - (now - previous); // @ts-ignore
+/***/ "./lib/footer/styleMap.js":
+/*!********************************!*\
+  !*** ./lib/footer/styleMap.js ***!
+  \********************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
 
-    context = this;
-    args = arguments;
+"use strict";
 
-    if (remaining <= 0 || remaining > wait) {
-      if (timeout) {
-        clearTimeout(timeout);
-        timeout = null;
-      }
 
-      previous = now;
-      result = func.apply(context, args);
-      if (!timeout) context = args = null;
-    } else if (!timeout && options.trailing !== false) {
-      timeout = setTimeout(later, remaining);
-    }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styleMap = void 0;
+var styleMap = {
+  footer: {
+    borderTop: 'solid 1px $divider-color',
+    fontSize: '0.9em',
+    padding: '0.5em 1.5em'
+  }
+};
+exports.styleMap = styleMap;
+//# sourceMappingURL=styleMap.js.map
 
-    return result;
-  };
-}
-//# sourceMappingURL=headerHelpers.js.map
+/***/ }),
+
+/***/ "./lib/header/empty-profile.js":
+/*!*************************************!*\
+  !*** ./lib/header/empty-profile.js ***!
+  \*************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.emptyProfile = void 0;
+var emptyProfile = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13 25C19.6274 25 25 19.6274 25 13C25 6.37258 19.6274 1 13 1C6.37258 1 1 6.37258 1 13C1 19.6274 6.37258 25 13 25Z\" fill=\"#D8D8D8\" stroke=\"#8B8B8B\"/>\n    <mask id=\"mask0\" mask-type=\"alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"26\" height=\"26\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13 25C19.6274 25 25 19.6274 25 13C25 6.37258 19.6274 1 13 1C6.37258 1 1 6.37258 1 13C1 19.6274 6.37258 25 13 25Z\" fill=\"white\" stroke=\"white\"/>\n    </mask>\n    <g mask=\"url(#mask0)\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.0468 10.4586C17.0468 14.4979 15.4281 16.9214 12.9999 16.9214C10.5718 16.9214 8.95298 14.4979 8.95298 10.4586C8.95298 6.41931 12.9999 6.41931 12.9999 6.41931C12.9999 6.41931 17.0468 6.41931 17.0468 10.4586ZM4.09668 23.3842C6.52483 17.7293 12.9999 17.7293 12.9999 17.7293C12.9999 17.7293 19.475 17.7293 21.9031 23.3842C21.9031 23.3842 17.8481 25 12.9999 25C8.15169 25 4.09668 23.3842 4.09668 23.3842Z\" fill=\"#8B8B8B\"/>\n    </g>\n</svg>";
+exports.emptyProfile = emptyProfile;
+//# sourceMappingURL=empty-profile.js.map
 
 /***/ }),
 
@@ -8624,7 +8708,7 @@ var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime
 
 var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
 
-var _ = __webpack_require__(/*! .. */ "./lib/index.js");
+var _iconBase = __webpack_require__(/*! ../iconBase */ "./lib/iconBase.js");
 
 var _authn = __webpack_require__(/*! ../authn/authn */ "./lib/authn/authn.js");
 
@@ -8632,7 +8716,7 @@ var widgets = _interopRequireWildcard(__webpack_require__(/*! ../widgets */ "./l
 
 var _emptyProfile = __webpack_require__(/*! ./empty-profile */ "./lib/header/empty-profile.js");
 
-var _headerHelpers = __webpack_require__(/*! ./headerHelpers */ "./lib/header/headerHelpers.js");
+var _headerFooterHelpers = __webpack_require__(/*! ../utils/headerFooterHelpers */ "./lib/utils/headerFooterHelpers.js");
 
 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); }
 
@@ -8645,13 +8729,20 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
     work in solid-ui by adjusting where imported functions are found.
  */
 
+/**
+ * menu icons
+*/
+var DEFAULT_HELP_MENU_ICON = _iconBase.icons.iconBase + 'noun_help.svg';
+var DEFAUL_SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg';
+
 /**
  * Initialize header component, the header object returned depends on whether the user is authenticated.
  * @param store the data store
- * @param options allow the header to be customized with a personalized logo and a menu list of links or buttons.
+ * @param userMenuList a list of menu items when the user is logged in
+ * @param options allow the header to be customized with a personalized logo, help icon and a help menu list of links or buttons.
  * @returns a header for an authenticated user with menu items given or a login screen
  */
-function initHeader(_x, _x2) {
+function initHeader(_x, _x2, _x3) {
   return _initHeader.apply(this, arguments);
 }
 /**
@@ -8660,7 +8751,7 @@ function initHeader(_x, _x2) {
 
 
 function _initHeader() {
-  _initHeader = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(store, options) {
+  _initHeader = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(store, userMenuList, options) {
     var header, pod;
     return _regenerator["default"].wrap(function _callee2$(_context2) {
       while (1) {
@@ -8676,12 +8767,12 @@ function _initHeader() {
             return _context2.abrupt("return");
 
           case 3:
-            pod = (0, _headerHelpers.getPod)();
-            rebuildHeader(header, store, pod, options)();
+            pod = (0, _headerFooterHelpers.getPod)();
+            rebuildHeader(header, store, pod, userMenuList, options)();
 
-            _authn.authSession.onLogout(rebuildHeader(header, store, pod, options));
+            _authn.authSession.onLogout(rebuildHeader(header, store, pod, userMenuList, options));
 
-            _authn.authSession.onLogin(rebuildHeader(header, store, pod, options));
+            _authn.authSession.onLogin(rebuildHeader(header, store, pod, userMenuList, options));
 
           case 7:
           case "end":
@@ -8693,7 +8784,7 @@ function _initHeader() {
   return _initHeader.apply(this, arguments);
 }
 
-function rebuildHeader(header, store, pod, options) {
+function rebuildHeader(header, store, pod, userMenuList, options) {
   return /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
     var user;
     return _regenerator["default"].wrap(function _callee$(_context) {
@@ -8704,7 +8795,7 @@ function rebuildHeader(header, store, pod, options) {
             header.innerHTML = '';
             _context.t0 = header;
             _context.next = 5;
-            return createBanner(store, pod, user, options);
+            return createBanner(store, pod, user, userMenuList, options);
 
           case 5:
             _context.t1 = _context.sent;
@@ -8724,7 +8815,7 @@ function rebuildHeader(header, store, pod, options) {
  */
 
 
-function createBanner(_x3, _x4, _x5, _x6) {
+function createBanner(_x4, _x5, _x6, _x7, _x8) {
   return _createBanner.apply(this, arguments);
 }
 /**
@@ -8733,22 +8824,22 @@ function createBanner(_x3, _x4, _x5, _x6) {
 
 
 function _createBanner() {
-  _createBanner = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(store, pod, user, options) {
-    var podLink, image, userMenu, helpMenu, banner, leftSideOfHeader;
+  _createBanner = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(store, pod, user, userMenuList, options) {
+    var podLink, image, userMenu, banner, leftSideOfHeader, helpMenu;
     return _regenerator["default"].wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
             podLink = document.createElement('a');
             podLink.href = pod.uri;
-            (0, _headerHelpers.addStyleClassToElement)(podLink, ['header-banner__link']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(podLink, ['header-banner__link']);
             image = document.createElement('img');
 
             if (options) {
-              image.src = options.logo ? options.logo : 'https://solidproject.org/assets/img/solid-emblem.svg';
+              image.src = options.logo ? options.logo : DEFAUL_SOLID_ICON_URL;
             }
 
-            (0, _headerHelpers.addStyleClassToElement)(image, ['header-banner__icon']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(image, ['header-banner__icon']);
             podLink.appendChild(image);
 
             if (!user) {
@@ -8757,7 +8848,7 @@ function _createBanner() {
             }
 
             _context3.next = 10;
-            return createUserMenu(store, user, options);
+            return createUserMenu(store, user, userMenuList);
 
           case 10:
             _context3.t0 = _context3.sent;
@@ -8769,18 +8860,22 @@ function _createBanner() {
 
           case 14:
             userMenu = _context3.t0;
-            helpMenu = createHelpMenu();
             banner = document.createElement('div');
-            (0, _headerHelpers.addStyleClassToElement)(banner, ['header-banner']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(banner, ['header-banner']);
             banner.appendChild(podLink);
             leftSideOfHeader = document.createElement('div');
-            (0, _headerHelpers.addStyleClassToElement)(leftSideOfHeader, ['header-banner__right-menu']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(leftSideOfHeader, ['header-banner__right-menu']);
             leftSideOfHeader.appendChild(userMenu);
-            leftSideOfHeader.appendChild(helpMenu);
+
+            if (options && options.helpMenuList) {
+              helpMenu = createHelpMenu(options, options.helpMenuList);
+              leftSideOfHeader.appendChild(helpMenu);
+            }
+
             banner.appendChild(leftSideOfHeader);
             return _context3.abrupt("return", banner);
 
-          case 25:
+          case 24:
           case "end":
             return _context3.stop();
         }
@@ -8790,29 +8885,36 @@ function _createBanner() {
   return _createBanner.apply(this, arguments);
 }
 
-function createHelpMenu() {
+function createHelpMenu(options, helpMenuItems) {
+  if (!helpMenuItems) return;
   var helpMenuList = document.createElement('ul');
-  (0, _headerHelpers.addStyleClassToElement)(helpMenuList, ['header-user-menu__list']);
-  helpMenuList.appendChild(createUserMenuItem(createUserMenuLink('User guide', 'https://github.com/solid/userguide', '_blank')));
-  helpMenuList.appendChild(createUserMenuItem(createUserMenuLink('Report a problem', 'https://github.com/solid/solidos/issues', '_blank')));
+  (0, _headerFooterHelpers.addStyleClassToElement)(helpMenuList, ['header-user-menu__list']);
+  helpMenuItems.forEach(function (menuItem) {
+    var menuItemType = menuItem.url ? 'url' : 'onclick';
+
+    if (menuItemType === 'url') {
+      helpMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, menuItem.url, menuItem.target)));
+    } else {
+      helpMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, menuItem.onclick)));
+    }
+  });
   var helpMenu = document.createElement('nav');
-  (0, _headerHelpers.addStyleClassToElement)(helpMenu, ['header-user-menu__navigation-menu']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(helpMenu, ['header-user-menu__navigation-menu']);
   helpMenu.setAttribute('aria-hidden', 'true');
   helpMenu.appendChild(helpMenuList);
-  var helpIcon = _.icons.iconBase + 'noun_144.svg';
   var helpMenuContainer = document.createElement('div');
-  (0, _headerHelpers.addStyleClassToElement)(helpMenuContainer, ['header-banner__user-menu']);
-  (0, _headerHelpers.addStyleClassToElement)(helpMenuContainer, ['header-user-menu']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(helpMenuContainer, ['header-banner__user-menu']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(helpMenuContainer, ['header-user-menu']);
   helpMenuContainer.appendChild(helpMenu);
   var helpMenuTrigger = document.createElement('button');
-  (0, _headerHelpers.addStyleClassToElement)(helpMenuTrigger, ['header-user-menu__trigger']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(helpMenuTrigger, ['header-user-menu__trigger']);
   helpMenuTrigger.type = 'button';
   var helpMenuIcon = document.createElement('img');
-  helpMenuIcon.src = helpIcon;
-  (0, _headerHelpers.addStyleClassToElement)(helpMenuIcon, ['header-banner__help-icon']);
+  helpMenuIcon.src = options && options.helpIcon ? options.helpIcon : _iconBase.icons.iconBase + DEFAULT_HELP_MENU_ICON;
+  (0, _headerFooterHelpers.addStyleClassToElement)(helpMenuIcon, ['header-banner__help-icon']);
   helpMenuContainer.appendChild(helpMenuTrigger);
   helpMenuTrigger.appendChild(helpMenuIcon);
-  var throttledMenuToggle = (0, _headerHelpers.throttle)(function (event) {
+  var throttledMenuToggle = (0, _headerFooterHelpers.throttle)(function (event) {
     return toggleMenu(event, helpMenuTrigger, helpMenu);
   }, 50);
   helpMenuTrigger.addEventListener('click', throttledMenuToggle);
@@ -8837,7 +8939,7 @@ function createHelpMenu() {
 
 function createLoginSignUpButtons() {
   var profileLoginButtonPre = document.createElement('div');
-  (0, _headerHelpers.addStyleClassToElement)(profileLoginButtonPre, ['header-banner__login']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(profileLoginButtonPre, ['header-banner__login']);
   profileLoginButtonPre.appendChild((0, _authn.loginStatusBox)(document, null, {}));
   return profileLoginButtonPre;
 }
@@ -8848,7 +8950,7 @@ function createLoginSignUpButtons() {
 
 function createUserMenuButton(label, onClick) {
   var button = document.createElement('button');
-  (0, _headerHelpers.addStyleClassToElement)(button, ['header-user-menu__button']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(button, ['header-user-menu__button']);
   button.addEventListener('click', onClick);
   button.innerText = label;
   return button;
@@ -8860,7 +8962,7 @@ function createUserMenuButton(label, onClick) {
 
 function createUserMenuLink(label, href, target) {
   var link = document.createElement('a');
-  (0, _headerHelpers.addStyleClassToElement)(link, ['header-user-menu__link']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(link, ['header-user-menu__link']);
   link.href = href;
   link.innerText = label;
   if (target) link.target = target;
@@ -8871,7 +8973,7 @@ function createUserMenuLink(label, href, target) {
  */
 
 
-function createUserMenu(_x7, _x8, _x9) {
+function createUserMenu(_x9, _x10, _x11) {
   return _createUserMenu.apply(this, arguments);
 }
 /**
@@ -8880,7 +8982,7 @@ function createUserMenu(_x7, _x8, _x9) {
 
 
 function _createUserMenu() {
-  _createUserMenu = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(store, user, options) {
+  _createUserMenu = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(store, user, userMenuList) {
     var fetcher, loggedInMenuList, loggedInMenu, loggedInMenuTrigger, profileImg, loggedInMenuContainer, throttledMenuToggle, timer;
     return _regenerator["default"].wrap(function _callee4$(_context4) {
       while (1) {
@@ -8898,32 +9000,26 @@ function _createUserMenu() {
 
           case 4:
             loggedInMenuList = document.createElement('ul');
-            (0, _headerHelpers.addStyleClassToElement)(loggedInMenuList, ['header-user-menu__list']);
-            loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink('Show your profile', user.uri)));
+            (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenuList, ['header-user-menu__list']);
 
-            if (options) {
-              if (options.menuList) {
-                options.menuList.forEach(function (menuItem) {
-                  var menuItemType = menuItem.url ? 'url' : 'onclick';
-
-                  if (menuItemType === 'url') {
-                    loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, menuItem[menuItemType])));
-                  } else {
-                    loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, menuItem[menuItemType])));
-                  }
-                });
-              }
+            if (userMenuList) {
+              userMenuList.forEach(function (menuItem) {
+                var menuItemType = menuItem.url ? 'url' : 'onclick';
+
+                if (menuItemType === 'url') {
+                  loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, menuItem.url, menuItem.target)));
+                } else {
+                  loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, menuItem.onclick)));
+                }
+              });
             }
 
-            loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton('Log out', function () {
-              return _authn.authSession.logout();
-            })));
             loggedInMenu = document.createElement('nav');
-            (0, _headerHelpers.addStyleClassToElement)(loggedInMenu, ['header-user-menu__navigation-menu']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenu, ['header-user-menu__navigation-menu']);
             loggedInMenu.setAttribute('aria-hidden', 'true');
             loggedInMenu.appendChild(loggedInMenuList);
             loggedInMenuTrigger = document.createElement('button');
-            (0, _headerHelpers.addStyleClassToElement)(loggedInMenuTrigger, ['header-user-menu__trigger']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenuTrigger, ['header-user-menu__trigger']);
             loggedInMenuTrigger.type = 'button';
             profileImg = getProfileImg(store, user);
 
@@ -8934,11 +9030,11 @@ function _createUserMenu() {
             }
 
             loggedInMenuContainer = document.createElement('div');
-            (0, _headerHelpers.addStyleClassToElement)(loggedInMenuContainer, ['header-banner__user-menu']);
-            (0, _headerHelpers.addStyleClassToElement)(loggedInMenuContainer, ['header-user-menu']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenuContainer, ['header-banner__user-menu']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenuContainer, ['header-user-menu']);
             loggedInMenuContainer.appendChild(loggedInMenuTrigger);
             loggedInMenuContainer.appendChild(loggedInMenu);
-            throttledMenuToggle = (0, _headerHelpers.throttle)(function (event) {
+            throttledMenuToggle = (0, _headerFooterHelpers.throttle)(function (event) {
               return toggleMenu(event, loggedInMenuTrigger, loggedInMenu);
             }, 50);
             loggedInMenuTrigger.addEventListener('click', throttledMenuToggle);
@@ -8956,7 +9052,7 @@ function _createUserMenu() {
             });
             return _context4.abrupt("return", loggedInMenuContainer);
 
-          case 29:
+          case 27:
           case "end":
             return _context4.stop();
         }
@@ -8968,7 +9064,7 @@ function _createUserMenu() {
 
 function createUserMenuItem(child) {
   var menuProfileItem = document.createElement('li');
-  (0, _headerHelpers.addStyleClassToElement)(menuProfileItem, ['header-user-menu__list-item']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(menuProfileItem, ['header-user-menu__list-item']);
   menuProfileItem.appendChild(child);
   return menuProfileItem;
 }
@@ -8991,7 +9087,7 @@ function getProfileImg(store, user) {
   }
 
   var profileImage = document.createElement('div');
-  (0, _headerHelpers.addStyleClassToElement)(profileImage, ['header-user-menu__photo']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(profileImage, ['header-user-menu__photo']);
   profileImage.style.backgroundImage = "url(\"".concat(profileUrl, "\")");
   return profileImage;
 }
@@ -9157,11 +9253,7 @@ var styleMap = {
 
   },
   'header-banner__help-icon': {
-    backgroundSize: '55px 50px',
-    height: '50px !important',
-    // this is the icon size
-    width: '55px !important' // may just be 65px round($icon-size * 352 / 430);
-
+    width: '28px !important'
   }
 };
 exports.styleMap = styleMap;
@@ -9320,6 +9412,12 @@ Object.defineProperty(exports, "infiniteMessageArea", {
     return _infinite.infiniteMessageArea;
   }
 });
+Object.defineProperty(exports, "initFooter", {
+  enumerable: true,
+  get: function get() {
+    return _footer.initFooter;
+  }
+});
 Object.defineProperty(exports, "initHeader", {
   enumerable: true,
   get: function get() {
@@ -9436,6 +9534,8 @@ var _versionInfo = _interopRequireDefault(__webpack_require__(/*! ./versionInfo
 
 var _header = __webpack_require__(/*! ./header */ "./lib/header/index.js");
 
+var _footer = __webpack_require__(/*! ./footer */ "./lib/footer/index.js");
+
 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; }
@@ -9488,7 +9588,8 @@ if (typeof window !== 'undefined') {
     utils: utils,
     widgets: widgets,
     versionInfo: _versionInfo["default"],
-    initHeader: _header.initHeader
+    initHeader: _header.initHeader,
+    initFooter: _footer.initFooter
   }; // Simpler access by non-node scripts
 }
 //# sourceMappingURL=index.js.map
@@ -14632,6 +14733,206 @@ function isLight(x) {
 
 /***/ }),
 
+/***/ "./lib/utils/headerFooterHelpers.js":
+/*!******************************************!*\
+  !*** ./lib/utils/headerFooterHelpers.js ***!
+  \******************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "./node_modules/@babel/runtime/helpers/interopRequireDefault.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addStyleClassToElement = addStyleClassToElement;
+exports.getName = getName;
+exports.getPod = getPod;
+exports.getPodOwner = getPodOwner;
+exports.throttle = throttle;
+
+var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js"));
+
+var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
+
+var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js"));
+
+var _rdflib = __webpack_require__(/*! rdflib */ "./node_modules/rdflib/esm/index.js");
+
+var _ = __webpack_require__(/*! .. */ "./lib/index.js");
+
+var _styleMap = __webpack_require__(/*! ../header/styleMap */ "./lib/header/styleMap.js");
+
+var _styleMap2 = __webpack_require__(/*! ../footer/styleMap */ "./lib/footer/styleMap.js");
+
+var _jss = __webpack_require__(/*! ../jss */ "./lib/jss/index.js");
+
+/*
+    Copied from mashlib/src/global/metadata.ts
+ */
+
+/**
+ * @internal
+ */
+function getStyle(styleClass, type) {
+  if (type && type === 'footer') {
+    return _styleMap2.styleMap[styleClass];
+  } else {
+    return _styleMap.styleMap[styleClass];
+  }
+}
+/**
+ * @ignore exporting this only for the unit test
+ */
+
+
+function addStyleClassToElement(element, styleClasses, type) {
+  styleClasses.forEach(function (styleClass) {
+    var style = getStyle(styleClass, type);
+
+    var _getClasses = (0, _jss.getClasses)(document.head, (0, _defineProperty2["default"])({}, styleClass, style)),
+        classes = _getClasses.classes;
+
+    element.classList.add(classes[styleClass]);
+  });
+}
+/**
+ * @ignore exporting this only for the unit test
+ */
+
+
+function getPod() {
+  // @@ TODO: This is given that mashlib runs on NSS - might need to change when we want it to run on other Pod servers
+  return (0, _rdflib.sym)(document.location.origin).site();
+}
+/**
+ * @ignore exporting this only for the unit test
+ */
+
+
+function getPodOwner(_x, _x2) {
+  return _getPodOwner.apply(this, arguments);
+}
+/**
+ * @ignore exporting this only for the unit test
+ */
+
+
+function _getPodOwner() {
+  _getPodOwner = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(pod, store) {
+    var podOwner, storageIsListedInPodOwnersProfile;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            // @@ TODO: This is given the structure that NSS provides - might need to change for other Pod servers
+            podOwner = (0, _rdflib.sym)("".concat(pod.uri, "profile/card#me"));
+            _context.prev = 1;
+
+            if (!store.fetcher) {
+              _context.next = 7;
+              break;
+            }
+
+            _context.next = 5;
+            return store.fetcher.load(podOwner.doc());
+
+          case 5:
+            _context.next = 8;
+            break;
+
+          case 7:
+            throw new Error('There was a problem loading the Fetcher');
+
+          case 8:
+            _context.next = 13;
+            break;
+
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](1);
+            throw new Error('Did NOT find pod owners profile at ' + podOwner);
+
+          case 13:
+            if (!podOwner) {
+              _context.next = 17;
+              break;
+            }
+
+            storageIsListedInPodOwnersProfile = store.holds(podOwner, _.ns.space('storage'), pod, podOwner.doc());
+
+            if (storageIsListedInPodOwnersProfile) {
+              _context.next = 17;
+              break;
+            }
+
+            throw new Error("** Pod owner ".concat(podOwner, " does NOT list pod ").concat(pod, " as storage"));
+
+          case 17:
+            return _context.abrupt("return", podOwner);
+
+          case 18:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[1, 10]]);
+  }));
+  return _getPodOwner.apply(this, arguments);
+}
+
+function getName(store, user) {
+  return store.anyValue(user, _.ns.vcard('fn'), null, user.doc()) || store.anyValue(user, _.ns.foaf('name'), null, user.doc()) || user.uri;
+}
+/**
+ * @ignore exporting this only for the unit test
+ */
+
+
+function throttle(func, wait) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var context, args, result;
+  var timeout = null;
+  var previous = 0;
+
+  var later = function later() {
+    previous = !options.leading ? 0 : Date.now();
+    timeout = null;
+    result = func.apply(context, args);
+    if (!timeout) context = args = null;
+  };
+
+  return function () {
+    var now = Date.now();
+    if (!previous && !options.leading) previous = now;
+    var remaining = wait - (now - previous); // @ts-ignore
+
+    context = this;
+    args = arguments;
+
+    if (remaining <= 0 || remaining > wait) {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+
+      previous = now;
+      result = func.apply(context, args);
+      if (!timeout) context = args = null;
+    } else if (!timeout && options.trailing !== false) {
+      timeout = setTimeout(later, remaining);
+    }
+
+    return result;
+  };
+}
+//# sourceMappingURL=headerFooterHelpers.js.map
+
+/***/ }),
+
 /***/ "./lib/utils/index.js":
 /*!****************************!*\
   !*** ./lib/utils/index.js ***!
@@ -15428,25 +15729,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default = {
-  buildTime: '2021-12-27T13:52:53Z',
-  commit: '842f7f265c2100b20b351ee13f8e32534dc987bd',
+  buildTime: '2022-01-17T17:23:13Z',
+  commit: '18077b2c36ae1d6fc18bce4fec4077bd9b2bf52e',
   npmInfo: {
     'solid-ui': '2.4.14',
-    npm: '6.14.15',
-    ares: '1.18.1',
+    npm: '6.14.13',
+    ares: '1.17.1',
     brotli: '1.0.9',
     cldr: '39.0',
     icu: '69.1',
-    llhttp: '2.1.4',
+    llhttp: '2.1.3',
     modules: '83',
     napi: '8',
     nghttp2: '1.42.0',
-    node: '14.18.2',
-    openssl: '1.1.1l',
+    node: '14.17.3',
+    openssl: '1.1.1k',
     tz: '2021a',
     unicode: '13.0',
-    uv: '1.42.0',
-    v8: '8.4.371.23-node.85',
+    uv: '1.41.0',
+    v8: '8.4.371.23-node.67',
     zlib: '1.2.11'
   }
 };
@@ -19636,13 +19937,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 // eslint-disable-next-line complexity
 function autocompleteField(dom, container, already, subject, form, doc, callbackFunction) {
+  var _kb$updater;
+
   function addOneIdAndRefresh(_x, _x2) {
     return _addOneIdAndRefresh.apply(this, arguments);
   }
 
   function _addOneIdAndRefresh() {
     _addOneIdAndRefresh = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(result, name) {
-      var oldValue, oldName, deletables, insertables;
+      var oldValue, oldName, deletables, insertables, _kb$updater2;
+
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -19679,7 +19983,7 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
 
               _context.prev = 9;
               _context.next = 12;
-              return kb.updater.updateMany(deletables, insertables);
+              return (_kb$updater2 = kb.updater) === null || _kb$updater2 === void 0 ? void 0 : _kb$updater2.updateMany(deletables, insertables);
 
             case 12:
               _context.next = 19;
@@ -19711,7 +20015,8 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
 
   function _deleteOne() {
     _deleteOne = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(_result, _name) {
-      var oldValue, deletables, insertables, e2;
+      var oldValue, deletables, insertables, _kb$updater3, e2;
+
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -19735,7 +20040,7 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
 
               _context2.prev = 7;
               _context2.next = 10;
-              return kb.updater.updateMany(deletables, insertables);
+              return (_kb$updater3 = kb.updater) === null || _kb$updater3 === void 0 ? void 0 : _kb$updater3.updateMany(deletables, insertables);
 
             case 10:
               _context2.next = 18;
@@ -19844,7 +20149,7 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
 
 
   var suppressEmptyUneditable = kb.anyJS(form, ns.ui('suppressEmptyUneditable'), null, formDoc);
-  var editable = kb.updater.editable(doc.uri);
+  var editable = (_kb$updater = kb.updater) === null || _kb$updater === void 0 ? void 0 : _kb$updater.editable(doc.uri);
   var autocompleteOptions = {
     // cancelButton?: HTMLElement,
     permanent: true,
@@ -20518,6 +20823,8 @@ function getPreferredLanguagesFor(_x) {
 
 function _getPreferredLanguagesFor() {
   _getPreferredLanguagesFor = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(person) {
+    var _kb$fetcher;
+
     var doc, list, languageCodeArray;
     return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) {
@@ -20525,7 +20832,7 @@ function _getPreferredLanguagesFor() {
           case 0:
             doc = person.doc();
             _context.next = 3;
-            return _logic.kb.fetcher.load(doc);
+            return (_kb$fetcher = _logic.kb.fetcher) === null || _kb$fetcher === void 0 ? void 0 : _kb$fetcher.load(doc);
 
           case 3:
             list = _logic.kb.any(person, ns.schema('knowsLanguage'), null, doc);
@@ -20995,6 +21302,8 @@ function queryESCODataByName(_x, _x2, _x3) {
 
 function _queryESCODataByName() {
   _queryESCODataByName = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(filter, theClass, queryTarget) {
+    var _kb$fetcher;
+
     var limit, queryURI, response, text, json;
     return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) {
@@ -21012,11 +21321,11 @@ function _queryESCODataByName() {
             queryURI = queryTarget.searchByNameURI.replace('$(name)', filter).replace('$(limit)', '' + limit).replace('$(targetClass)', theClass.toNT());
             debug.log('Querying ESCO data - uri: ' + queryURI);
             _context.next = 7;
-            return _logic.kb.fetcher.webOperation('GET', queryURI, fetcherOptionsJsonPublicData);
+            return (_kb$fetcher = _logic.kb.fetcher) === null || _kb$fetcher === void 0 ? void 0 : _kb$fetcher.webOperation('GET', queryURI, fetcherOptionsJsonPublicData);
 
           case 7:
             response = _context.sent;
-            text = response.responseText || '';
+            text = (response === null || response === void 0 ? void 0 : response.responseText) || '';
             debug.log('    Query result  text' + text.slice(0, 500) + '...');
 
             if (!(text.length === 0)) {
@@ -21063,7 +21372,8 @@ function queryPublicDataByName(_x4, _x5, _x6, _x7) {
 
 function _queryPublicDataByName() {
   _queryPublicDataByName = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(filter, theClass, languages, queryTarget) {
-    var substituteStrings, languagePrefs, language, sparql, queryURI, response, text, text2, json, bindings;
+    var substituteStrings, languagePrefs, language, sparql, queryURI, response, _kb$fetcher2, text, text2, json, bindings;
+
     return _regenerator["default"].wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -21118,7 +21428,7 @@ function _queryPublicDataByName() {
             queryURI = substituteStrings(queryTarget.searchByNameURI);
             _context2.prev = 18;
             _context2.next = 21;
-            return _logic.kb.fetcher.webOperation('GET', queryURI, fetcherOptionsJsonPublicData);
+            return (_kb$fetcher2 = _logic.kb.fetcher) === null || _kb$fetcher2 === void 0 ? void 0 : _kb$fetcher2.webOperation('GET', queryURI, fetcherOptionsJsonPublicData);
 
           case 21:
             response = _context2.sent;
@@ -21195,6 +21505,8 @@ function queryPublicDataSelect(_x8, _x9) {
 
 function _queryPublicDataSelect() {
   _queryPublicDataSelect = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(sparql, queryTarget) {
+    var _kb$fetcher3;
+
     var myUrlWithParams, queryURI, headers, options, response, text, text2, json, bindings;
     return _regenerator["default"].wrap(function _callee3$(_context3) {
       while (1) {
@@ -21220,11 +21532,11 @@ function _queryPublicDataSelect() {
               headers: headers
             };
             _context3.next = 11;
-            return _logic.kb.fetcher.webOperation('GET', queryURI, options);
+            return (_kb$fetcher3 = _logic.kb.fetcher) === null || _kb$fetcher3 === void 0 ? void 0 : _kb$fetcher3.webOperation('GET', queryURI, options);
 
           case 11:
             response = _context3.sent;
-            text = response.responseText || '';
+            text = (response === null || response === void 0 ? void 0 : response.responseText) || '';
 
             if (!(text.length === 0)) {
               _context3.next = 15;
@@ -21256,6 +21568,8 @@ function queryPublicDataConstruct(_x10, _x11, _x12) {
 
 function _queryPublicDataConstruct() {
   _queryPublicDataConstruct = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(sparql, pubicId, queryTarget) {
+    var _kb$fetcher4;
+
     var myUrlWithParams, queryURI, headers, options, response, text, report;
     return _regenerator["default"].wrap(function _callee4$(_context4) {
       while (1) {
@@ -21284,11 +21598,11 @@ function _queryPublicDataConstruct() {
 
             };
             _context4.next = 12;
-            return _logic.kb.fetcher.webOperation('GET', queryURI, options);
+            return (_kb$fetcher4 = _logic.kb.fetcher) === null || _kb$fetcher4 === void 0 ? void 0 : _kb$fetcher4.webOperation('GET', queryURI, options);
 
           case 12:
             response = _context4.sent;
-            text = response.responseText || 'No response text?';
+            text = (response === null || response === void 0 ? void 0 : response.responseText) || 'No response text?';
             report = text.length > 500 ? text.slice(0, 200) + ' ... ' + text.slice(-200) : text;
             debug.log('    queryPublicDataConstruct result text:' + report);
 
@@ -67507,7 +67821,7 @@ var Formula = /*#__PURE__*/function (_Node) {
 /*!******************************************!*\
   !*** ./node_modules/rdflib/esm/index.js ***!
   \******************************************/
-/*! exports provided: isStatement, isStore, isCollection, isRDFlibObject, isVariable, isTerm, isLiteral, isQuad, isNamedNode, isBlankNode, isSubject, isPredicate, isRDFObject, isGraph, BlankNode, Collection, convert, DataFactory, Empty, Fetcher, Formula, Store, jsonParser, Literal, log, N3Parser, NamedNode, Namespace, Node, parse, Query, queryToSPARQL, RDFaProcessor, RDFParser, serialize, Serializer, SPARQLToQuery, sparqlUpdateParser, Statement, term, UpdateManager, UpdatesSocket, UpdatesVia, uri, Util, Variable, IndexedFormula, NextId, fromNT, fetcher, graph, lit, st, sym, blankNode, defaultGraph, literal, namedNode, quad, triple, variable, termValue */
+/*! exports provided: isStatement, isStore, isCollection, isRDFlibObject, isVariable, isTerm, isLiteral, isQuad, isNamedNode, isBlankNode, isSubject, isPredicate, isRDFObject, isGraph, BlankNode, Collection, convert, DataFactory, Empty, Fetcher, Formula, Store, jsonParser, Literal, log, N3Parser, NamedNode, Namespace, Node, parse, Query, queryToSPARQL, RDFaProcessor, RDFParser, serialize, Serializer, SPARQLToQuery, sparqlUpdateParser, Statement, term, UpdateManager, UpdatesSocket, UpdatesVia, uri, Util, Variable, IndexedFormula, NextId, fromNT, fetcher, graph, lit, st, sym, blankNode, defaultGraph, literal, namedNode, quad, triple, variable, termValue, ConnectedStore, LiveStore */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -67527,128 +67841,150 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "quad", function() { return quad; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "triple", function() { return triple; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "variable", function() { return variable; });
-/* harmony import */ var _blank_node__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./blank-node */ "./node_modules/rdflib/esm/blank-node.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BlankNode", function() { return _blank_node__WEBPACK_IMPORTED_MODULE_0__["default"]; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectedStore", function() { return ConnectedStore; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LiveStore", function() { return LiveStore; });
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js");
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js");
+/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js");
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js");
+/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js");
+/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _blank_node__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./blank-node */ "./node_modules/rdflib/esm/blank-node.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BlankNode", function() { return _blank_node__WEBPACK_IMPORTED_MODULE_5__["default"]; });
 
-/* harmony import */ var _collection__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./collection */ "./node_modules/rdflib/esm/collection.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Collection", function() { return _collection__WEBPACK_IMPORTED_MODULE_1__["default"]; });
+/* harmony import */ var _collection__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./collection */ "./node_modules/rdflib/esm/collection.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Collection", function() { return _collection__WEBPACK_IMPORTED_MODULE_6__["default"]; });
 
-/* harmony import */ var _convert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./convert */ "./node_modules/rdflib/esm/convert.js");
-/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "convert", function() { return _convert__WEBPACK_IMPORTED_MODULE_2__; });
-/* harmony import */ var _empty__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./empty */ "./node_modules/rdflib/esm/empty.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Empty", function() { return _empty__WEBPACK_IMPORTED_MODULE_3__["default"]; });
+/* harmony import */ var _convert__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./convert */ "./node_modules/rdflib/esm/convert.js");
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "convert", function() { return _convert__WEBPACK_IMPORTED_MODULE_7__; });
+/* harmony import */ var _empty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./empty */ "./node_modules/rdflib/esm/empty.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Empty", function() { return _empty__WEBPACK_IMPORTED_MODULE_8__["default"]; });
 
-/* harmony import */ var _fetcher__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fetcher */ "./node_modules/rdflib/esm/fetcher.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Fetcher", function() { return _fetcher__WEBPACK_IMPORTED_MODULE_4__["default"]; });
+/* harmony import */ var _fetcher__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./fetcher */ "./node_modules/rdflib/esm/fetcher.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Fetcher", function() { return _fetcher__WEBPACK_IMPORTED_MODULE_9__["default"]; });
 
-/* harmony import */ var _formula__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./formula */ "./node_modules/rdflib/esm/formula.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Formula", function() { return _formula__WEBPACK_IMPORTED_MODULE_5__["default"]; });
+/* harmony import */ var _formula__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./formula */ "./node_modules/rdflib/esm/formula.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Formula", function() { return _formula__WEBPACK_IMPORTED_MODULE_10__["default"]; });
 
-/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./store */ "./node_modules/rdflib/esm/store.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Store", function() { return _store__WEBPACK_IMPORTED_MODULE_6__["default"]; });
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./store */ "./node_modules/rdflib/esm/store.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Store", function() { return _store__WEBPACK_IMPORTED_MODULE_11__["default"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IndexedFormula", function() { return _store__WEBPACK_IMPORTED_MODULE_6__["default"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IndexedFormula", function() { return _store__WEBPACK_IMPORTED_MODULE_11__["default"]; });
 
-/* harmony import */ var _jsonparser__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./jsonparser */ "./node_modules/rdflib/esm/jsonparser.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "jsonParser", function() { return _jsonparser__WEBPACK_IMPORTED_MODULE_7__["default"]; });
+/* harmony import */ var _jsonparser__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./jsonparser */ "./node_modules/rdflib/esm/jsonparser.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "jsonParser", function() { return _jsonparser__WEBPACK_IMPORTED_MODULE_12__["default"]; });
 
-/* harmony import */ var _literal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./literal */ "./node_modules/rdflib/esm/literal.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Literal", function() { return _literal__WEBPACK_IMPORTED_MODULE_8__["default"]; });
+/* harmony import */ var _literal__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./literal */ "./node_modules/rdflib/esm/literal.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Literal", function() { return _literal__WEBPACK_IMPORTED_MODULE_13__["default"]; });
 
-/* harmony import */ var _log__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./log */ "./node_modules/rdflib/esm/log.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "log", function() { return _log__WEBPACK_IMPORTED_MODULE_9__["default"]; });
+/* harmony import */ var _log__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./log */ "./node_modules/rdflib/esm/log.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "log", function() { return _log__WEBPACK_IMPORTED_MODULE_14__["default"]; });
 
-/* harmony import */ var _n3parser__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./n3parser */ "./node_modules/rdflib/esm/n3parser.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "N3Parser", function() { return _n3parser__WEBPACK_IMPORTED_MODULE_10__["default"]; });
+/* harmony import */ var _n3parser__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./n3parser */ "./node_modules/rdflib/esm/n3parser.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "N3Parser", function() { return _n3parser__WEBPACK_IMPORTED_MODULE_15__["default"]; });
 
-/* harmony import */ var _named_node__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./named-node */ "./node_modules/rdflib/esm/named-node.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NamedNode", function() { return _named_node__WEBPACK_IMPORTED_MODULE_11__["default"]; });
+/* harmony import */ var _named_node__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./named-node */ "./node_modules/rdflib/esm/named-node.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NamedNode", function() { return _named_node__WEBPACK_IMPORTED_MODULE_16__["default"]; });
 
-/* harmony import */ var _namespace__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./namespace */ "./node_modules/rdflib/esm/namespace.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Namespace", function() { return _namespace__WEBPACK_IMPORTED_MODULE_12__["default"]; });
+/* harmony import */ var _namespace__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./namespace */ "./node_modules/rdflib/esm/namespace.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Namespace", function() { return _namespace__WEBPACK_IMPORTED_MODULE_17__["default"]; });
 
-/* harmony import */ var _node__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./node */ "./node_modules/rdflib/esm/node.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Node", function() { return _node__WEBPACK_IMPORTED_MODULE_13__["default"]; });
+/* harmony import */ var _node__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./node */ "./node_modules/rdflib/esm/node.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Node", function() { return _node__WEBPACK_IMPORTED_MODULE_18__["default"]; });
 
-/* harmony import */ var _parse__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./parse */ "./node_modules/rdflib/esm/parse.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parse", function() { return _parse__WEBPACK_IMPORTED_MODULE_14__["default"]; });
+/* harmony import */ var _parse__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./parse */ "./node_modules/rdflib/esm/parse.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parse", function() { return _parse__WEBPACK_IMPORTED_MODULE_19__["default"]; });
 
-/* harmony import */ var _query__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./query */ "./node_modules/rdflib/esm/query.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Query", function() { return _query__WEBPACK_IMPORTED_MODULE_15__["Query"]; });
+/* harmony import */ var _query__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./query */ "./node_modules/rdflib/esm/query.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Query", function() { return _query__WEBPACK_IMPORTED_MODULE_20__["Query"]; });
 
-/* harmony import */ var _query_to_sparql__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./query-to-sparql */ "./node_modules/rdflib/esm/query-to-sparql.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "queryToSPARQL", function() { return _query_to_sparql__WEBPACK_IMPORTED_MODULE_16__["default"]; });
+/* harmony import */ var _query_to_sparql__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./query-to-sparql */ "./node_modules/rdflib/esm/query-to-sparql.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "queryToSPARQL", function() { return _query_to_sparql__WEBPACK_IMPORTED_MODULE_21__["default"]; });
 
-/* harmony import */ var _rdfaparser__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./rdfaparser */ "./node_modules/rdflib/esm/rdfaparser.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RDFaProcessor", function() { return _rdfaparser__WEBPACK_IMPORTED_MODULE_17__["default"]; });
+/* harmony import */ var _rdfaparser__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./rdfaparser */ "./node_modules/rdflib/esm/rdfaparser.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RDFaProcessor", function() { return _rdfaparser__WEBPACK_IMPORTED_MODULE_22__["default"]; });
 
-/* harmony import */ var _rdfxmlparser__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./rdfxmlparser */ "./node_modules/rdflib/esm/rdfxmlparser.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RDFParser", function() { return _rdfxmlparser__WEBPACK_IMPORTED_MODULE_18__["default"]; });
+/* harmony import */ var _rdfxmlparser__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./rdfxmlparser */ "./node_modules/rdflib/esm/rdfxmlparser.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RDFParser", function() { return _rdfxmlparser__WEBPACK_IMPORTED_MODULE_23__["default"]; });
 
-/* harmony import */ var _serialize__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./serialize */ "./node_modules/rdflib/esm/serialize.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "serialize", function() { return _serialize__WEBPACK_IMPORTED_MODULE_19__["default"]; });
+/* harmony import */ var _serialize__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./serialize */ "./node_modules/rdflib/esm/serialize.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "serialize", function() { return _serialize__WEBPACK_IMPORTED_MODULE_24__["default"]; });
+
+/* harmony import */ var _serializer__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./serializer */ "./node_modules/rdflib/esm/serializer.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Serializer", function() { return _serializer__WEBPACK_IMPORTED_MODULE_25__["default"]; });
+
+/* harmony import */ var _sparql_to_query__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./sparql-to-query */ "./node_modules/rdflib/esm/sparql-to-query.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SPARQLToQuery", function() { return _sparql_to_query__WEBPACK_IMPORTED_MODULE_26__["default"]; });
 
-/* harmony import */ var _serializer__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./serializer */ "./node_modules/rdflib/esm/serializer.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Serializer", function() { return _serializer__WEBPACK_IMPORTED_MODULE_20__["default"]; });
+/* harmony import */ var _patch_parser__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./patch-parser */ "./node_modules/rdflib/esm/patch-parser.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sparqlUpdateParser", function() { return _patch_parser__WEBPACK_IMPORTED_MODULE_27__["default"]; });
 
-/* harmony import */ var _sparql_to_query__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./sparql-to-query */ "./node_modules/rdflib/esm/sparql-to-query.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SPARQLToQuery", function() { return _sparql_to_query__WEBPACK_IMPORTED_MODULE_21__["default"]; });
+/* harmony import */ var _statement__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./statement */ "./node_modules/rdflib/esm/statement.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Statement", function() { return _statement__WEBPACK_IMPORTED_MODULE_28__["default"]; });
 
-/* harmony import */ var _patch_parser__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./patch-parser */ "./node_modules/rdflib/esm/patch-parser.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sparqlUpdateParser", function() { return _patch_parser__WEBPACK_IMPORTED_MODULE_22__["default"]; });
+/* harmony import */ var _update_manager__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./update-manager */ "./node_modules/rdflib/esm/update-manager.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UpdateManager", function() { return _update_manager__WEBPACK_IMPORTED_MODULE_29__["default"]; });
 
-/* harmony import */ var _statement__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./statement */ "./node_modules/rdflib/esm/statement.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Statement", function() { return _statement__WEBPACK_IMPORTED_MODULE_23__["default"]; });
+/* harmony import */ var _updates_via__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./updates-via */ "./node_modules/rdflib/esm/updates-via.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UpdatesSocket", function() { return _updates_via__WEBPACK_IMPORTED_MODULE_30__["UpdatesSocket"]; });
 
-/* harmony import */ var _update_manager__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./update-manager */ "./node_modules/rdflib/esm/update-manager.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UpdateManager", function() { return _update_manager__WEBPACK_IMPORTED_MODULE_24__["default"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UpdatesVia", function() { return _updates_via__WEBPACK_IMPORTED_MODULE_30__["UpdatesVia"]; });
 
-/* harmony import */ var _updates_via__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./updates-via */ "./node_modules/rdflib/esm/updates-via.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UpdatesSocket", function() { return _updates_via__WEBPACK_IMPORTED_MODULE_25__["UpdatesSocket"]; });
+/* harmony import */ var _uri__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./uri */ "./node_modules/rdflib/esm/uri.js");
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "uri", function() { return _uri__WEBPACK_IMPORTED_MODULE_31__; });
+/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./utils-js */ "./node_modules/rdflib/esm/utils-js.js");
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "Util", function() { return _utils_js__WEBPACK_IMPORTED_MODULE_32__; });
+/* harmony import */ var _variable__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./variable */ "./node_modules/rdflib/esm/variable.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Variable", function() { return _variable__WEBPACK_IMPORTED_MODULE_33__["default"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UpdatesVia", function() { return _updates_via__WEBPACK_IMPORTED_MODULE_25__["UpdatesVia"]; });
+/* harmony import */ var _factories_rdflib_data_factory__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./factories/rdflib-data-factory */ "./node_modules/rdflib/esm/factories/rdflib-data-factory.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DataFactory", function() { return _factories_rdflib_data_factory__WEBPACK_IMPORTED_MODULE_34__["default"]; });
 
-/* harmony import */ var _uri__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./uri */ "./node_modules/rdflib/esm/uri.js");
-/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "uri", function() { return _uri__WEBPACK_IMPORTED_MODULE_26__; });
-/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./utils-js */ "./node_modules/rdflib/esm/utils-js.js");
-/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "Util", function() { return _utils_js__WEBPACK_IMPORTED_MODULE_27__; });
-/* harmony import */ var _variable__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./variable */ "./node_modules/rdflib/esm/variable.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Variable", function() { return _variable__WEBPACK_IMPORTED_MODULE_28__["default"]; });
+/* harmony import */ var _utils_terms__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./utils/terms */ "./node_modules/rdflib/esm/utils/terms.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isStatement", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isStatement"]; });
 
-/* harmony import */ var _factories_rdflib_data_factory__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./factories/rdflib-data-factory */ "./node_modules/rdflib/esm/factories/rdflib-data-factory.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DataFactory", function() { return _factories_rdflib_data_factory__WEBPACK_IMPORTED_MODULE_29__["default"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isStore", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isStore"]; });
 
-/* harmony import */ var _utils_terms__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./utils/terms */ "./node_modules/rdflib/esm/utils/terms.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isStatement", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isStatement"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isCollection", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isCollection"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isStore", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isStore"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isRDFlibObject", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isRDFlibObject"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isCollection", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isCollection"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isVariable", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isVariable"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isRDFlibObject", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isRDFlibObject"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isTerm", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isTerm"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isVariable", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isVariable"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isLiteral", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isLiteral"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isTerm", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isTerm"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isQuad", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isQuad"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isLiteral", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isLiteral"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isNamedNode", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isNamedNode"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isQuad", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isQuad"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isBlankNode", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isBlankNode"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isNamedNode", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isNamedNode"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isSubject", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isSubject"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isBlankNode", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isBlankNode"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isPredicate", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isPredicate"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isSubject", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isSubject"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isRDFObject", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isRDFObject"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isPredicate", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isPredicate"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isGraph", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_35__["isGraph"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isRDFObject", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isRDFObject"]; });
+/* harmony import */ var _utils_termValue__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./utils/termValue */ "./node_modules/rdflib/esm/utils/termValue.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "termValue", function() { return _utils_termValue__WEBPACK_IMPORTED_MODULE_36__["termValue"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isGraph", function() { return _utils_terms__WEBPACK_IMPORTED_MODULE_30__["isGraph"]; });
 
-/* harmony import */ var _utils_termValue__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./utils/termValue */ "./node_modules/rdflib/esm/utils/termValue.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "termValue", function() { return _utils_termValue__WEBPACK_IMPORTED_MODULE_31__["termValue"]; });
+
+
+
+
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 
 
@@ -67684,8 +68020,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var boundDataFactory = {};
 
-for (var name in _factories_rdflib_data_factory__WEBPACK_IMPORTED_MODULE_29__["default"]) {
-  if (typeof _factories_rdflib_data_factory__WEBPACK_IMPORTED_MODULE_29__["default"][name] === 'function') boundDataFactory[name] = _factories_rdflib_data_factory__WEBPACK_IMPORTED_MODULE_29__["default"][name].bind(_factories_rdflib_data_factory__WEBPACK_IMPORTED_MODULE_29__["default"]);
+for (var name in _factories_rdflib_data_factory__WEBPACK_IMPORTED_MODULE_34__["default"]) {
+  if (typeof _factories_rdflib_data_factory__WEBPACK_IMPORTED_MODULE_34__["default"][name] === 'function') boundDataFactory[name] = _factories_rdflib_data_factory__WEBPACK_IMPORTED_MODULE_34__["default"][name].bind(_factories_rdflib_data_factory__WEBPACK_IMPORTED_MODULE_34__["default"]);
 }
 
 var fetcher = boundDataFactory.fetcher,
@@ -67699,19 +68035,53 @@ var fetcher = boundDataFactory.fetcher,
     literal = boundDataFactory.literal,
     quad = boundDataFactory.quad,
     triple = boundDataFactory.triple;
-var formula = new _formula__WEBPACK_IMPORTED_MODULE_5__["default"]();
+var formula = new _formula__WEBPACK_IMPORTED_MODULE_10__["default"]();
 
 var fromNT = function fromNT(str) {
   return formula.fromNT(str);
 };
 
-var term = _node__WEBPACK_IMPORTED_MODULE_13__["default"].fromValue; // TODO: this export is broken;
+var term = _node__WEBPACK_IMPORTED_MODULE_18__["default"].fromValue; // TODO: this export is broken;
 // it exports the _current_ value of nextId, which is always 0
 
-var NextId = _blank_node__WEBPACK_IMPORTED_MODULE_0__["default"].nextId;
+var NextId = _blank_node__WEBPACK_IMPORTED_MODULE_5__["default"].nextId;
+
+
+
+var ConnectedStore = /*#__PURE__*/function (_Store) {
+  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2___default()(ConnectedStore, _Store);
+
+  var _super = _createSuper(ConnectedStore);
+
+  function ConnectedStore(features) {
+    var _this;
+
+    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, ConnectedStore);
+
+    _this = _super.call(this, features);
+    _this.fetcher = new _fetcher__WEBPACK_IMPORTED_MODULE_9__["default"](_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1___default()(_this), {});
+    return _this;
+  }
+
+  return ConnectedStore;
+}(_store__WEBPACK_IMPORTED_MODULE_11__["default"]);
+var LiveStore = /*#__PURE__*/function (_ConnectedStore) {
+  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2___default()(LiveStore, _ConnectedStore);
+
+  var _super2 = _createSuper(LiveStore);
+
+  function LiveStore(features) {
+    var _this2;
 
+    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, LiveStore);
 
+    _this2 = _super2.call(this, features);
+    _this2.updater = new _update_manager__WEBPACK_IMPORTED_MODULE_29__["default"](_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1___default()(_this2));
+    return _this2;
+  }
 
+  return LiveStore;
+}(ConnectedStore);
 
 /***/ }),
 
@@ -83859,50 +84229,52 @@ var ChatLogic = /** @class */ (function () {
         this.profile = profile;
     }
     ChatLogic.prototype.setAcl = function (chatContainer, me, invitee) {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
             var chatAclDoc, aclBody;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: 
                     // Some servers don't present a Link http response header
                     // if the container doesn't exist yet, so refetch the container
                     // now that it has been created:
-                    return [4 /*yield*/, this.store.fetcher.load(chatContainer)];
+                    return [4 /*yield*/, ((_a = this.store.fetcher) === null || _a === void 0 ? void 0 : _a.load(chatContainer))];
                     case 1:
                         // Some servers don't present a Link http response header
                         // if the container doesn't exist yet, so refetch the container
                         // now that it has been created:
-                        _a.sent();
+                        _c.sent();
                         chatAclDoc = this.store.any(chatContainer, new rdflib_1.NamedNode("http://www.iana.org/assignments/link-relations/acl"));
                         if (!chatAclDoc) {
                             throw new Error("Chat ACL doc not found!");
                         }
                         aclBody = "\n@prefix acl: <http://www.w3.org/ns/auth/acl#>.\n<#owner>\n    a acl:Authorization;\n    acl:agent <".concat(me.value, ">;\n    acl:accessTo <.>;\n    acl:default <.>;\n    acl:mode\n        acl:Read, acl:Write, acl:Control.\n<#invitee>\n    a acl:Authorization;\n    acl:agent <").concat(invitee.value, ">;\n    acl:accessTo <.>;\n    acl:default <.>;\n    acl:mode\n        acl:Read, acl:Append.\n");
-                        return [4 /*yield*/, this.store.fetcher.webOperation("PUT", chatAclDoc.value, {
+                        return [4 /*yield*/, ((_b = this.store.fetcher) === null || _b === void 0 ? void 0 : _b.webOperation("PUT", chatAclDoc.value, {
                                 data: aclBody,
                                 contentType: "text/turtle",
-                            })];
+                            }))];
                     case 2:
-                        _a.sent();
+                        _c.sent();
                         return [2 /*return*/];
                 }
             });
         });
     };
     ChatLogic.prototype.addToPrivateTypeIndex = function (chatThing, me) {
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
             var privateTypeIndex, reg, ins;
             var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         privateTypeIndex = this.store.any(me, this.ns.solid("privateTypeIndex"));
                         if (!privateTypeIndex) {
                             throw new Error("Private type index not found!");
                         }
-                        return [4 /*yield*/, this.store.fetcher.load(privateTypeIndex)];
+                        return [4 /*yield*/, ((_a = this.store.fetcher) === null || _a === void 0 ? void 0 : _a.load(privateTypeIndex))];
                     case 1:
-                        _a.sent();
+                        _b.sent();
                         reg = (0, uri_1.newThing)(privateTypeIndex);
                         ins = [
                             (0, rdflib_1.st)(reg, this.ns.rdf("type"), this.ns.solid("TypeRegistration"), privateTypeIndex.doc()),
@@ -83910,7 +84282,8 @@ var ChatLogic = /** @class */ (function () {
                             (0, rdflib_1.st)(reg, this.ns.solid("instance"), chatThing, privateTypeIndex.doc()),
                         ];
                         return [4 /*yield*/, new Promise(function (resolve, reject) {
-                                _this.store.updater.update([], ins, function (_uri, ok, errm) {
+                                var _a;
+                                (_a = _this.store.updater) === null || _a === void 0 ? void 0 : _a.update([], ins, function (_uri, ok, errm) {
                                     if (!ok) {
                                         reject(new Error(errm));
                                     }
@@ -83920,34 +84293,35 @@ var ChatLogic = /** @class */ (function () {
                                 });
                             })];
                     case 2:
-                        _a.sent();
+                        _b.sent();
                         return [2 /*return*/];
                 }
             });
         });
     };
     ChatLogic.prototype.findChat = function (invitee) {
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
             var me, podRoot, chatContainer, exists, e_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0: return [4 /*yield*/, this.profile.loadMe()];
                     case 1:
-                        me = _a.sent();
+                        me = _b.sent();
                         return [4 /*yield*/, this.profile.getPodRoot(me)];
                     case 2:
-                        podRoot = _a.sent();
+                        podRoot = _b.sent();
                         chatContainer = (0, determineChatContainer_1.determineChatContainer)(invitee, podRoot);
                         exists = true;
-                        _a.label = 3;
+                        _b.label = 3;
                     case 3:
-                        _a.trys.push([3, 5, , 6]);
-                        return [4 /*yield*/, this.store.fetcher.load(new rdflib_1.NamedNode(chatContainer.value + "index.ttl#this"))];
+                        _b.trys.push([3, 5, , 6]);
+                        return [4 /*yield*/, ((_a = this.store.fetcher) === null || _a === void 0 ? void 0 : _a.load(new rdflib_1.NamedNode(chatContainer.value + "index.ttl#this")))];
                     case 4:
-                        _a.sent();
+                        _b.sent();
                         return [3 /*break*/, 6];
                     case 5:
-                        e_1 = _a.sent();
+                        e_1 = _b.sent();
                         exists = false;
                         return [3 /*break*/, 6];
                     case 6: return [2 /*return*/, { me: me, chatContainer: chatContainer, exists: exists }];
@@ -83988,7 +84362,7 @@ var ChatLogic = /** @class */ (function () {
             kb.add(newInstance, this.ns.dc("author"), newPaneOptions.me, newChatDoc);
         }
         return new Promise(function (resolve, reject) {
-            updater.put(newChatDoc, kb.statementsMatching(undefined, undefined, undefined, newChatDoc), "text/turtle", function (uri2, ok, message) {
+            updater === null || updater === void 0 ? void 0 : updater.put(newChatDoc, kb.statementsMatching(undefined, undefined, undefined, newChatDoc), "text/turtle", function (uri2, ok, message) {
                 if (ok) {
                     resolve(__assign(__assign({}, newPaneOptions), { newInstance: newInstance }));
                 }
@@ -84036,27 +84410,28 @@ var ChatLogic = /** @class */ (function () {
         });
     };
     ChatLogic.prototype.sendInvite = function (invitee, chatThing) {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
             var inviteeInbox, inviteBody, inviteResponse, locationStr;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.store.fetcher.load(invitee.doc())];
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0: return [4 /*yield*/, ((_a = this.store.fetcher) === null || _a === void 0 ? void 0 : _a.load(invitee.doc()))];
                     case 1:
-                        _a.sent();
+                        _c.sent();
                         inviteeInbox = this.store.any(invitee, this.ns.ldp("inbox"), undefined, invitee.doc());
                         if (!inviteeInbox) {
                             throw new Error("Invitee inbox not found! ".concat(invitee.value));
                         }
                         inviteBody = "\n<> a <http://www.w3.org/ns/pim/meeting#LongChatInvite> ;\n".concat(this.ns.rdf("seeAlso"), " <").concat(chatThing.value, "> . \n  ");
-                        return [4 /*yield*/, this.store.fetcher.webOperation("POST", inviteeInbox.value, {
+                        return [4 /*yield*/, ((_b = this.store.fetcher) === null || _b === void 0 ? void 0 : _b.webOperation("POST", inviteeInbox.value, {
                                 data: inviteBody,
                                 contentType: "text/turtle",
-                            })];
+                            }))];
                     case 2:
-                        inviteResponse = _a.sent();
-                        locationStr = inviteResponse.headers.get("location");
+                        inviteResponse = _c.sent();
+                        locationStr = inviteResponse === null || inviteResponse === void 0 ? void 0 : inviteResponse.headers.get("location");
                         if (!locationStr) {
-                            throw new Error("Invite sending returned a ".concat(inviteResponse.status));
+                            throw new Error("Invite sending returned a ".concat(inviteResponse === null || inviteResponse === void 0 ? void 0 : inviteResponse.status));
                         }
                         return [2 /*return*/];
                 }
@@ -84601,18 +84976,19 @@ var ProfileLogic = /** @class */ (function () {
         this.authn = authn;
     }
     ProfileLogic.prototype.loadMe = function () {
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
             var me;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         me = this.authn.currentUser();
                         if (me === null) {
                             throw new Error("Current user not found! Not logged in?");
                         }
-                        return [4 /*yield*/, this.store.fetcher.load(me.doc())];
+                        return [4 /*yield*/, ((_a = this.store.fetcher) === null || _a === void 0 ? void 0 : _a.load(me.doc()))];
                     case 1:
-                        _a.sent();
+                        _b.sent();
                         return [2 /*return*/, me];
                 }
             });
@@ -84626,13 +85002,14 @@ var ProfileLogic = /** @class */ (function () {
         return podRoot;
     };
     ProfileLogic.prototype.getMainInbox = function (user) {
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
             var mainInbox;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.store.fetcher.load(user)];
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, ((_a = this.store.fetcher) === null || _a === void 0 ? void 0 : _a.load(user))];
                     case 1:
-                        _a.sent();
+                        _b.sent();
                         mainInbox = this.store.any(user, this.ns.ldp("inbox"), undefined, user.doc());
                         if (!mainInbox) {
                             throw new Error("User main inbox not found!");
@@ -84731,15 +85108,16 @@ var UtilityLogic = /** @class */ (function () {
         this.fetcher = fetcher;
     }
     UtilityLogic.prototype.findAclDocUrl = function (url) {
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
             var doc, docNode;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         doc = this.store.sym(url);
-                        return [4 /*yield*/, this.store.fetcher.load(doc)];
+                        return [4 /*yield*/, ((_a = this.store.fetcher) === null || _a === void 0 ? void 0 : _a.load(doc))];
                     case 1:
-                        _a.sent();
+                        _b.sent();
                         docNode = this.store.any(doc, exports.ACL_LINK);
                         if (!docNode) {
                             throw new Error("No ACL link discovered for ".concat(url));
@@ -84857,15 +85235,16 @@ var UtilityLogic = /** @class */ (function () {
             .map(function (st) { return st.object; });
     };
     UtilityLogic.prototype.getContainerMembers = function (containerUrl) {
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
             var containerNode, nodes;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         containerNode = this.store.sym(containerUrl);
-                        return [4 /*yield*/, this.store.fetcher.load(containerNode)];
+                        return [4 /*yield*/, ((_a = this.store.fetcher) === null || _a === void 0 ? void 0 : _a.load(containerNode))];
                     case 1:
-                        _a.sent();
+                        _b.sent();
                         nodes = this.getContainerElements(containerNode);
                         return [2 /*return*/, nodes.map(function (node) { return node.value; })];
                 }