solid-ui 2.4.9 → 2.4.10-1fc14625

package/lib/versionInfo.d.ts

@@ -7,7 +7,6 @@ declare const _default: {
         ares: string;
         brotli: string;
         cldr: string;
-        http_parser: string;
         icu: string;
         llhttp: string;
         modules: string;

package/lib/versionInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"versionInfo.d.ts","sourceRoot":"","sources":["../src/versionInfo.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAwBC"}
+{"version":3,"file":"versionInfo.d.ts","sourceRoot":"","sources":["../src/versionInfo.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAuBC"}

package/lib/versionInfo.js

@@ -5,26 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default = {
-  buildTime: '2021-10-14T11:16:25Z',
-  commit: 'd2215c66e5aee439a963ecd710560be1a6874772',
+  buildTime: '2021-11-02T22:27:46Z',
+  commit: '1fc14625f307ed7cb43b10ee4c33e17352004bfb',
   npmInfo: {
-    'solid-ui': '2.4.9-beta',
-    npm: '6.10.0',
-    ares: '1.15.0',
-    brotli: '1.0.7',
-    cldr: '35.1',
-    http_parser: '2.8.0',
-    icu: '64.2',
-    llhttp: '1.1.4',
-    modules: '72',
-    napi: '4',
-    nghttp2: '1.39.1',
-    node: '12.7.0',
-    openssl: '1.1.1c',
-    tz: '2019a',
-    unicode: '12.1',
-    uv: '1.30.1',
-    v8: '7.5.288.22-node.16',
+    'solid-ui': '2.4.10',
+    npm: '6.14.15',
+    ares: '1.17.2',
+    brotli: '1.0.9',
+    cldr: '39.0',
+    icu: '69.1',
+    llhttp: '2.1.4',
+    modules: '83',
+    napi: '8',
+    nghttp2: '1.42.0',
+    node: '14.18.1',
+    openssl: '1.1.1l',
+    tz: '2021a',
+    unicode: '13.0',
+    uv: '1.42.0',
+    v8: '8.4.371.23-node.84',
     zlib: '1.2.11'
   }
 };

package/lib/versionInfo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/versionInfo.ts"],"names":["buildTime","commit","npmInfo","npm","ares","brotli","cldr","http_parser","icu","llhttp","modules","napi","nghttp2","node","openssl","tz","unicode","uv","v8","zlib"],"mappings":";;;;;;eAAe;AACbA,EAAAA,SAAS,EAAE,sBADE;AAEbC,EAAAA,MAAM,EAAE,0CAFK;AAGbC,EAAAA,OAAO,EACT;AACE,gBAAY,YADd;AAEEC,IAAAA,GAAG,EAAE,QAFP;AAGEC,IAAAA,IAAI,EAAE,QAHR;AAIEC,IAAAA,MAAM,EAAE,OAJV;AAKEC,IAAAA,IAAI,EAAE,MALR;AAMEC,IAAAA,WAAW,EAAE,OANf;AAOEC,IAAAA,GAAG,EAAE,MAPP;AAQEC,IAAAA,MAAM,EAAE,OARV;AASEC,IAAAA,OAAO,EAAE,IATX;AAUEC,IAAAA,IAAI,EAAE,GAVR;AAWEC,IAAAA,OAAO,EAAE,QAXX;AAYEC,IAAAA,IAAI,EAAE,QAZR;AAaEC,IAAAA,OAAO,EAAE,QAbX;AAcEC,IAAAA,EAAE,EAAE,OAdN;AAeEC,IAAAA,OAAO,EAAE,MAfX;AAgBEC,IAAAA,EAAE,EAAE,QAhBN;AAiBEC,IAAAA,EAAE,EAAE,oBAjBN;AAkBEC,IAAAA,IAAI,EAAE;AAlBR;AAJe,C","sourcesContent":["export default {\n  buildTime: '2021-10-14T11:16:25Z',\n  commit: 'd2215c66e5aee439a963ecd710560be1a6874772',\n  npmInfo:\n{\n  'solid-ui': '2.4.9-beta',\n  npm: '6.10.0',\n  ares: '1.15.0',\n  brotli: '1.0.7',\n  cldr: '35.1',\n  http_parser: '2.8.0',\n  icu: '64.2',\n  llhttp: '1.1.4',\n  modules: '72',\n  napi: '4',\n  nghttp2: '1.39.1',\n  node: '12.7.0',\n  openssl: '1.1.1c',\n  tz: '2019a',\n  unicode: '12.1',\n  uv: '1.30.1',\n  v8: '7.5.288.22-node.16',\n  zlib: '1.2.11'\n}\n}\n"],"file":"versionInfo.js"}
+{"version":3,"sources":["../src/versionInfo.ts"],"names":["buildTime","commit","npmInfo","npm","ares","brotli","cldr","icu","llhttp","modules","napi","nghttp2","node","openssl","tz","unicode","uv","v8","zlib"],"mappings":";;;;;;eAAe;AACbA,EAAAA,SAAS,EAAE,sBADE;AAEbC,EAAAA,MAAM,EAAE,0CAFK;AAGbC,EAAAA,OAAO,EACT;AACE,gBAAY,QADd;AAEEC,IAAAA,GAAG,EAAE,SAFP;AAGEC,IAAAA,IAAI,EAAE,QAHR;AAIEC,IAAAA,MAAM,EAAE,OAJV;AAKEC,IAAAA,IAAI,EAAE,MALR;AAMEC,IAAAA,GAAG,EAAE,MANP;AAOEC,IAAAA,MAAM,EAAE,OAPV;AAQEC,IAAAA,OAAO,EAAE,IARX;AASEC,IAAAA,IAAI,EAAE,GATR;AAUEC,IAAAA,OAAO,EAAE,QAVX;AAWEC,IAAAA,IAAI,EAAE,SAXR;AAYEC,IAAAA,OAAO,EAAE,QAZX;AAaEC,IAAAA,EAAE,EAAE,OAbN;AAcEC,IAAAA,OAAO,EAAE,MAdX;AAeEC,IAAAA,EAAE,EAAE,QAfN;AAgBEC,IAAAA,EAAE,EAAE,oBAhBN;AAiBEC,IAAAA,IAAI,EAAE;AAjBR;AAJe,C","sourcesContent":["export default {\n  buildTime: '2021-11-02T22:27:46Z',\n  commit: '1fc14625f307ed7cb43b10ee4c33e17352004bfb',\n  npmInfo:\n{\n  'solid-ui': '2.4.10',\n  npm: '6.14.15',\n  ares: '1.17.2',\n  brotli: '1.0.9',\n  cldr: '39.0',\n  icu: '69.1',\n  llhttp: '2.1.4',\n  modules: '83',\n  napi: '8',\n  nghttp2: '1.42.0',\n  node: '14.18.1',\n  openssl: '1.1.1l',\n  tz: '2021a',\n  unicode: '13.0',\n  uv: '1.42.0',\n  v8: '8.4.371.23-node.84',\n  zlib: '1.2.11'\n}\n}\n"],"file":"versionInfo.js"}

package/lib/webpack-bundle.js

@@ -3247,7 +3247,7 @@ function _loadIndex() {
           case 0:
             _context7.next = 2;
             return _logic.solidLogicSingleton.loadIndexes(context.me, isPublic ? context.publicProfile || null : null, isPublic ? null : context.preferencesFile || null, /*#__PURE__*/function () {
-              var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(err) {
+              var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(err) {
                 return _regenerator["default"].wrap(function _callee6$(_context6) {
                   while (1) {
                     switch (_context6.prev = _context6.next) {
@@ -3263,7 +3263,7 @@ function _loadIndex() {
               }));
 
               return function (_x21) {
-                return _ref3.apply(this, arguments);
+                return _ref4.apply(this, arguments);
               };
             }());
 
@@ -3302,7 +3302,7 @@ function _loadTypeIndexes() {
           case 0:
             _context9.next = 2;
             return _logic.solidLogicSingleton.loadIndexes(context.me, context.publicProfile || null, context.preferencesFile || null, /*#__PURE__*/function () {
-              var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8(err) {
+              var _ref5 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8(err) {
                 return _regenerator["default"].wrap(function _callee8$(_context8) {
                   while (1) {
                     switch (_context8.prev = _context8.next) {
@@ -3318,7 +3318,7 @@ function _loadTypeIndexes() {
               }));
 
               return function (_x22) {
-                return _ref4.apply(this, arguments);
+                return _ref5.apply(this, arguments);
               };
             }());
 
@@ -4215,6 +4215,7 @@ function renderSignInPopup(dom) {
   issuerTextInput.setAttribute('type', 'text');
   issuerTextInput.setAttribute('style', 'margin-left: 0 !important; flex: 1; margin-right: 5px !important');
   issuerTextInput.setAttribute('placeholder', 'https://example.com');
+  issuerTextInput.value = localStorage.getItem('loginIssuer') || '';
   var issuerTextGoButton = dom.createElement('button');
   issuerTextGoButton.innerText = 'Go';
   issuerTextGoButton.setAttribute('style', 'margin-top: 12px; margin-bottom: 12px;');
@@ -4236,7 +4237,7 @@ function renderSignInPopup(dom) {
   issuerBottonLabel.innerText = 'Or pick an identity provider from the list below:';
   issuerBottonLabel.setAttribute('style', 'color: #888');
   issuerButtonContainer.appendChild(issuerBottonLabel);
-  DEFAULT_ISSUERS.forEach(function (issuerInfo) {
+  getSuggestedIssuers().forEach(function (issuerInfo) {
     var issuerButton = dom.createElement('button');
     issuerButton.innerText = issuerInfo.name;
     issuerButton.setAttribute('style', 'height: 38px; margin-top: 10px');
@@ -4247,6 +4248,40 @@ function renderSignInPopup(dom) {
   });
   issuerPopupBox.appendChild(issuerButtonContainer);
 }
+/**
+ * @returns - A list of suggested OIDC issuers
+ */
+
+
+function getSuggestedIssuers() {
+  // Suggest a default list of OIDC issuers
+  var issuers = [].concat(DEFAULT_ISSUERS); // Suggest the current host if not already included
+
+  var _URL = new URL(location.href),
+      host = _URL.host,
+      origin = _URL.origin;
+
+  var hosts = issuers.map(function (_ref2) {
+    var uri = _ref2.uri;
+    return new URL(uri).host;
+  });
+
+  if (!hosts.includes(host) && !hosts.some(function (existing) {
+    return isSubdomainOf(host, existing);
+  })) {
+    issuers.unshift({
+      name: host,
+      uri: origin
+    });
+  }
+
+  return issuers;
+}
+
+function isSubdomainOf(subdomain, domain) {
+  var dot = subdomain.length - domain.length - 1;
+  return dot > 0 && subdomain[dot] === '.' && subdomain.endsWith(domain);
+}
 /**
  * @returns {Promise<string|null>} Resolves with WebID URI or null
  */
@@ -4576,8 +4611,8 @@ function selectWorkspace(dom, appDetails, callbackWS) {
     div: box
   };
 
-  function say(s) {
-    box.appendChild(widgets.errorMessageBlock(dom, s));
+  function say(s, background) {
+    box.appendChild(widgets.errorMessageBlock(dom, s, background));
   }
 
   function figureOutBase(ws) {
@@ -4665,17 +4700,17 @@ function selectWorkspace(dom, appDetails, callbackWS) {
 
 
     if (w.length === 0 && storages) {
-      say("You don't seem to have any workspaces. You have ".concat(storages.length, " storage spaces."));
+      say("You don't seem to have any workspaces. You have ".concat(storages.length, " storage spaces."), 'white');
       storages.map(function (s) {
         w = w.concat(_logic.solidLogicSingleton.store.each(s, ns.ldp('contains')));
         return w;
       }).filter(function (file) {
-        return ['public', 'private'].includes(file.id().toLowerCase());
+        return file.id ? ['public', 'private'].includes(file.id().toLowerCase()) : '';
       });
     }
 
     if (w.length === 1) {
-      say("Workspace used: ".concat(w[0].uri)); // @@ allow user to see URI
+      say("Workspace used: ".concat(w[0].uri), 'white'); // @@ allow user to see URI
 
       newBase = figureOutBase(w[0]); // callbackWS(w[0], newBase)
       // } else if (w.length === 0) {
@@ -8576,6 +8611,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createBanner = createBanner;
+exports.createHelpMenu = createHelpMenu;
 exports.createLoginSignUpButtons = createLoginSignUpButtons;
 exports.createUserMenu = createUserMenu;
 exports.createUserMenuButton = createUserMenuButton;
@@ -8589,6 +8625,8 @@ 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 _authn = __webpack_require__(/*! ../authn/authn */ "./lib/authn/authn.js");
 
 var widgets = _interopRequireWildcard(__webpack_require__(/*! ../widgets */ "./lib/widgets/index.js"));
@@ -8697,7 +8735,7 @@ 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, menu, banner;
+    var podLink, image, userMenu, helpMenu, banner, leftSideOfHeader;
     return _regenerator["default"].wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
@@ -8731,14 +8769,19 @@ function _createBanner() {
             _context3.t0 = createLoginSignUpButtons();
 
           case 14:
-            menu = _context3.t0;
+            userMenu = _context3.t0;
+            helpMenu = createHelpMenu();
             banner = document.createElement('div');
             (0, _headerHelpers.addStyleClassToElement)(banner, ['header-banner']);
             banner.appendChild(podLink);
-            banner.appendChild(menu);
+            leftSideOfHeader = document.createElement('div');
+            (0, _headerHelpers.addStyleClassToElement)(leftSideOfHeader, ['header-banner__right-menu']);
+            leftSideOfHeader.appendChild(userMenu);
+            leftSideOfHeader.appendChild(helpMenu);
+            banner.appendChild(leftSideOfHeader);
             return _context3.abrupt("return", banner);
 
-          case 20:
+          case 25:
           case "end":
             return _context3.stop();
         }
@@ -8748,6 +8791,51 @@ function _createBanner() {
   return _createBanner.apply(this, arguments);
 }
 
+function createHelpMenu() {
+  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')));
+  var helpMenu = document.createElement('nav');
+  (0, _headerHelpers.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']);
+  helpMenuContainer.appendChild(helpMenu);
+  var helpMenuTrigger = document.createElement('button');
+  (0, _headerHelpers.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']);
+  helpMenuContainer.appendChild(helpMenuTrigger);
+  helpMenuTrigger.appendChild(helpMenuIcon);
+  var throttledMenuToggle = (0, _headerHelpers.throttle)(function (event) {
+    return toggleMenu(event, helpMenuTrigger, helpMenu);
+  }, 50);
+  helpMenuTrigger.addEventListener('click', throttledMenuToggle);
+  var timer = setTimeout(function () {
+    return null;
+  }, 0);
+  helpMenuContainer.addEventListener('mouseover', function (event) {
+    clearTimeout(timer);
+    throttledMenuToggle(event);
+  });
+  helpMenuContainer.addEventListener('mouseout', function (event) {
+    timer = setTimeout(function () {
+      return throttledMenuToggle(event);
+    }, 200);
+  });
+  return helpMenuContainer;
+}
+/**
+ * @ignore exporting this only for the unit test
+ */
+
+
 function createLoginSignUpButtons() {
   var profileLoginButtonPre = document.createElement('div');
   (0, _headerHelpers.addStyleClassToElement)(profileLoginButtonPre, ['header-banner__login']);
@@ -8771,11 +8859,12 @@ function createUserMenuButton(label, onClick) {
  */
 
 
-function createUserMenuLink(label, href) {
+function createUserMenuLink(label, href, target) {
   var link = document.createElement('a');
   (0, _headerHelpers.addStyleClassToElement)(link, ['header-user-menu__link']);
   link.href = href;
   link.innerText = label;
+  if (target) link.target = target;
   return link;
 }
 /**
@@ -8956,7 +9045,11 @@ var styleMap = {
     padding: '1em',
     width: '100%',
     '&:focus, &:hover': {
-      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
+      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)' // backgroundColor: '#eee'
+
+    },
+    a: {
+      textDecoration: 'none'
     }
   },
   'header-user-menu__trigger': {
@@ -9021,7 +9114,6 @@ var styleMap = {
     backgroundPosition: 'center',
     backgroundRepeat: 'no-repeat',
     backgroundSize: 'cover',
-    margin: '5px',
     height: '50px',
     // $icon-size - $image-margin * 2 image-margin was 5px in mashlib and icon size 60px
     width: '50px'
@@ -9030,12 +9122,16 @@ var styleMap = {
     boxShadow: '0px 1px 4px #000000',
     // the color was defined in mashlib as a SASS variable $divider_color
     display: 'flex',
+    justifyContent: 'space-between',
     padding: '0 1.5em',
     marginBottom: '4px'
   },
   'header-banner__link': {
     display: 'block'
   },
+  'header-banner__right-menu': {
+    display: 'flex'
+  },
   'header-banner__login': {
     marginLeft: 'auto',
     input: {
@@ -9049,12 +9145,24 @@ var styleMap = {
     // the color was defined in mashlib as a SASS variable $divider_color
     marginLeft: 'auto'
   },
+  'header-banner__help-menu': {
+    borderLeft: 'solid 1px #000000',
+    // the color was defined in mashlib as a SASS variable $divider_color
+    marginLeft: 'auto'
+  },
   'header-banner__icon': {
     backgroundSize: '65px 60px',
     height: '60px !important',
     // this is the icon size
     width: '65px !important' // may just be 65px round($icon-size * 352 / 322);
 
+  },
+  '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);
+
   }
 };
 exports.styleMap = styleMap;
@@ -15315,26 +15423,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default = {
-  buildTime: '2021-10-14T11:16:25Z',
-  commit: 'd2215c66e5aee439a963ecd710560be1a6874772',
+  buildTime: '2021-11-02T22:27:46Z',
+  commit: '1fc14625f307ed7cb43b10ee4c33e17352004bfb',
   npmInfo: {
-    'solid-ui': '2.4.9-beta',
-    npm: '6.10.0',
-    ares: '1.15.0',
-    brotli: '1.0.7',
-    cldr: '35.1',
-    http_parser: '2.8.0',
-    icu: '64.2',
-    llhttp: '1.1.4',
-    modules: '72',
-    napi: '4',
-    nghttp2: '1.39.1',
-    node: '12.7.0',
-    openssl: '1.1.1c',
-    tz: '2019a',
-    unicode: '12.1',
-    uv: '1.30.1',
-    v8: '7.5.288.22-node.16',
+    'solid-ui': '2.4.10',
+    npm: '6.14.15',
+    ares: '1.17.2',
+    brotli: '1.0.9',
+    cldr: '39.0',
+    icu: '69.1',
+    llhttp: '2.1.4',
+    modules: '83',
+    napi: '8',
+    nghttp2: '1.42.0',
+    node: '14.18.1',
+    openssl: '1.1.1l',
+    tz: '2021a',
+    unicode: '13.0',
+    uv: '1.42.0',
+    v8: '8.4.371.23-node.84',
     zlib: '1.2.11'
   }
 };