solid-panes 3.5.11 → 3.5.14-bbf45639

package/lib/outline/manager.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -428,23 +428,23 @@ function _default(context) {
   }
 
   function _getDashboardItems() {
-    _getDashboardItems = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
+    _getDashboardItems = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
       var me, div, _yield$Promise$all, _yield$Promise$all2, books, pods, getPods, _getPods, getAddressBooks, _getAddressBooks;
 
-      return regeneratorRuntime.wrap(function _callee7$(_context8) {
+      return regeneratorRuntime.wrap(function _callee6$(_context7) {
         while (1) {
-          switch (_context8.prev = _context8.next) {
+          switch (_context7.prev = _context7.next) {
             case 0:
               _getAddressBooks = function _getAddressBooks3() {
-                _getAddressBooks = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
-                  var _context6;
+                _getAddressBooks = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+                  var _context5;
 
-                  return regeneratorRuntime.wrap(function _callee6$(_context7) {
+                  return regeneratorRuntime.wrap(function _callee5$(_context6) {
                     while (1) {
-                      switch (_context7.prev = _context7.next) {
+                      switch (_context6.prev = _context6.next) {
                         case 0:
-                          _context7.prev = 0;
-                          _context7.next = 3;
+                          _context6.prev = 0;
+                          _context6.next = 3;
                           return UI.authn.findAppInstances({
                             me: me,
                             div: div,
@@ -452,8 +452,8 @@ function _default(context) {
                           }, ns.vcard('AddressBook'));
 
                         case 3:
-                          _context6 = _context7.sent;
-                          return _context7.abrupt("return", (_context6.instances || []).map(function (book, index) {
+                          _context5 = _context6.sent;
+                          return _context6.abrupt("return", (_context5.instances || []).map(function (book, index) {
                             return {
                               paneName: 'contact',
                               tabName: "contact-".concat(index),
@@ -464,19 +464,19 @@ function _default(context) {
                           }));
 
                         case 7:
-                          _context7.prev = 7;
-                          _context7.t0 = _context7["catch"](0);
+                          _context6.prev = 7;
+                          _context6.t0 = _context6["catch"](0);
                           console.error('oops in globalAppTabs AddressBook');
 
                         case 10:
-                          return _context7.abrupt("return", []);
+                          return _context6.abrupt("return", []);
 
                         case 11:
                         case "end":
-                          return _context7.stop();
+                          return _context6.stop();
                       }
                     }
-                  }, _callee6, null, [[0, 7]]);
+                  }, _callee5, null, [[0, 7]]);
                 }));
                 return _getAddressBooks.apply(this, arguments);
               };
@@ -486,183 +486,147 @@ function _default(context) {
               };
 
               _getPods = function _getPods3() {
-                _getPods = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-                  var addPodRoot, _addPodRoot, addPodRootFromUrl, _addPodRootFromUrl, pods;
+                _getPods = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+                  var addPodRoot, _addPodRoot, addPodRootFromUrl, _addPodRootFromUrl, pods, uri, podUrl;
 
-                  return regeneratorRuntime.wrap(function _callee5$(_context5) {
+                  return regeneratorRuntime.wrap(function _callee4$(_context4) {
                     while (1) {
-                      switch (_context5.prev = _context5.next) {
+                      switch (_context4.prev = _context4.next) {
                         case 0:
                           _addPodRootFromUrl = function _addPodRootFromUrl3() {
-                            _addPodRootFromUrl = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(url) {
+                            _addPodRootFromUrl = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(url) {
                               var podStorage;
-                              return regeneratorRuntime.wrap(function _callee4$(_context4) {
+                              return regeneratorRuntime.wrap(function _callee3$(_context3) {
                                 while (1) {
-                                  switch (_context4.prev = _context4.next) {
+                                  switch (_context3.prev = _context3.next) {
                                     case 0:
                                       podStorage = new URL(url); // check that origin is not included in pods array
 
                                       if (pods.some(function (pod) {
                                         return pod.uri.includes(podStorage.origin);
                                       })) {
-                                        _context4.next = 10;
+                                        _context3.next = 10;
                                         break;
                                       }
 
-                                      _context4.t0 = podStorage.pathname === '/';
+                                      _context3.t0 = podStorage.pathname === '/';
 
-                                      if (_context4.t0) {
-                                        _context4.next = 7;
+                                      if (_context3.t0) {
+                                        _context3.next = 7;
                                         break;
                                       }
 
-                                      _context4.next = 6;
+                                      _context3.next = 6;
                                       return addPodRoot(kb.sym("".concat(podStorage.origin, "/").concat(podStorage.pathname.split('/')[1], "/")));
 
                                     case 6:
-                                      _context4.t0 = !_context4.sent;
+                                      _context3.t0 = !_context3.sent;
 
                                     case 7:
-                                      if (!_context4.t0) {
-                                        _context4.next = 10;
+                                      if (!_context3.t0) {
+                                        _context3.next = 10;
                                         break;
                                       }
 
-                                      _context4.next = 10;
+                                      _context3.next = 10;
                                       return addPodRoot(kb.sym("".concat(podStorage.origin, "/")));
 
                                     case 10:
                                     case "end":
-                                      return _context4.stop();
+                                      return _context3.stop();
                                   }
                                 }
-                              }, _callee4);
+                              }, _callee3);
                             }));
                             return _addPodRootFromUrl.apply(this, arguments);
                           };
 
-                          addPodRootFromUrl = function _addPodRootFromUrl2(_x7) {
+                          addPodRootFromUrl = function _addPodRootFromUrl2(_x8) {
                             return _addPodRootFromUrl.apply(this, arguments);
                           };
 
                           _addPodRoot = function _addPodRoot3() {
-                            _addPodRoot = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(pod) {
-                              return regeneratorRuntime.wrap(function _callee3$(_context3) {
+                            _addPodRoot = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(pod) {
+                              return regeneratorRuntime.wrap(function _callee2$(_context2) {
                                 while (1) {
-                                  switch (_context3.prev = _context3.next) {
+                                  switch (_context2.prev = _context2.next) {
                                     case 0:
-                                      _context3.next = 2;
-                                      return kb.fetcher.load(pod, {
-                                        headers: {
-                                          accept: 'text/turtle'
-                                        }
-                                      });
+                                      _context2.next = 2;
+                                      return checkForContainerRepresentation(pod);
 
                                     case 2:
                                       if (!kb.holds(pod, ns.rdf('type'), ns.space('Storage'), pod.doc())) {
-                                        _context3.next = 5;
+                                        _context2.next = 5;
                                         break;
                                       }
 
                                       pods.push(pod);
-                                      return _context3.abrupt("return", true);
+                                      return _context2.abrupt("return", true);
 
                                     case 5:
-                                      return _context3.abrupt("return", false);
+                                      return _context2.abrupt("return", false);
 
                                     case 6:
                                     case "end":
-                                      return _context3.stop();
+                                      return _context2.stop();
                                   }
                                 }
-                              }, _callee3);
+                              }, _callee2);
                             }));
                             return _addPodRoot.apply(this, arguments);
                           };
 
-                          addPodRoot = function _addPodRoot2(_x6) {
+                          addPodRoot = function _addPodRoot2(_x7) {
                             return _addPodRoot.apply(this, arguments);
                           };
 
-                          _context5.prev = 4;
-                          _context5.next = 7;
+                          _context4.prev = 4;
+                          _context4.next = 7;
                           return kb.fetcher.load(me.doc());
 
                         case 7:
-                          _context5.next = 13;
+                          _context4.next = 13;
                           break;
 
                         case 9:
-                          _context5.prev = 9;
-                          _context5.t0 = _context5["catch"](4);
-                          console.error('Unable to load profile', _context5.t0);
-                          return _context5.abrupt("return", []);
+                          _context4.prev = 9;
+                          _context4.t0 = _context4["catch"](4);
+                          console.error('Unable to load profile', _context4.t0);
+                          return _context4.abrupt("return", []);
 
                         case 13:
                           pods = kb.each(me, ns.space('storage'), null, me.doc());
-                          _context5.prev = 14;
-
-                          if (!pods.length) {
-                            _context5.next = 19;
-                            break;
-                          }
-
-                          // make sure container representation is loaded (when server returns index.html)
-                          // TODO reorder to have 'me' in first position
-                          pods.map( /*#__PURE__*/function () {
-                            var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(pod) {
-                              return regeneratorRuntime.wrap(function _callee2$(_context2) {
-                                while (1) {
-                                  switch (_context2.prev = _context2.next) {
-                                    case 0:
-                                      if (kb.any(pod, ns.ldp('contains'), undefined, pod.doc())) {
-                                        _context2.next = 3;
-                                        break;
-                                      }
-
-                                      _context2.next = 3;
-                                      return kb.fetcher.load(pod, {
-                                        headers: {
-                                          accept: 'text/turtle'
-                                        }
-                                      });
-
-                                    case 3:
-                                    case "end":
-                                      return _context2.stop();
-                                  }
-                                }
-                              }, _callee2);
-                            }));
-
-                            return function (_x8) {
-                              return _ref.apply(this, arguments);
-                            };
-                          }());
-                          _context5.next = 21;
-                          break;
+                          _context4.prev = 14;
+                          // if uri then SolidOS is a browse.html web app
+                          uri = new URL(window.location.href).searchParams.get('uri');
+                          podUrl = uri || window.location.href;
+                          _context4.next = 19;
+                          return addPodRootFromUrl(podUrl.substring(0, podUrl.lastIndexOf('/') + 1));
 
                         case 19:
-                          _context5.next = 21;
-                          return addPodRootFromUrl(me.uri);
+                          _context4.next = 24;
+                          break;
 
                         case 21:
-                          _context5.next = 23;
-                          return addPodRootFromUrl(window.location.href.substring(0, window.location.href.lastIndexOf('/') + 1));
+                          _context4.prev = 21;
+                          _context4.t1 = _context4["catch"](14);
+                          console.error('cannot load container', _context4.t1);
 
-                        case 23:
-                          _context5.next = 29;
-                          break;
+                        case 24:
+                          if (pods.length) {
+                            _context4.next = 26;
+                            break;
+                          }
+
+                          return _context4.abrupt("return", []);
 
-                        case 25:
-                          _context5.prev = 25;
-                          _context5.t1 = _context5["catch"](14);
-                          console.error('cannot load container', _context5.t1);
-                          return _context5.abrupt("return", []);
+                        case 26:
+                          return _context4.abrupt("return", pods.map(function (pod, index) {
+                            function split(item) {
+                              return item.uri.split('//')[1].slice(0, -1);
+                            }
 
-                        case 29:
-                          return _context5.abrupt("return", pods.map(function (pod, index) {
-                            var label = pods.length > 1 ? pod.uri.split('//')[1].slice(0, -1) : 'Your storage';
+                            var label = split(me).startsWith(split(pod)) ? 'Your storage' : split(pod);
                             return {
                               paneName: 'folder',
                               tabName: "folder-".concat(index),
@@ -672,12 +636,12 @@ function _default(context) {
                             };
                           }));
 
-                        case 30:
+                        case 27:
                         case "end":
-                          return _context5.stop();
+                          return _context4.stop();
                       }
                     }
-                  }, _callee5, null, [[4, 9], [14, 25]]);
+                  }, _callee4, null, [[4, 9], [14, 21]]);
                 }));
                 return _getPods.apply(this, arguments);
               };
@@ -687,16 +651,25 @@ function _default(context) {
               };
 
               me = UI.authn.currentUser();
+
+              if (me) {
+                _context7.next = 7;
+                break;
+              }
+
+              return _context7.abrupt("return", []);
+
+            case 7:
               div = dom.createElement('div');
-              _context8.next = 8;
+              _context7.next = 10;
               return Promise.all([getAddressBooks(), getPods()]);
 
-            case 8:
-              _yield$Promise$all = _context8.sent;
+            case 10:
+              _yield$Promise$all = _context7.sent;
               _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
               books = _yield$Promise$all2[0];
               pods = _yield$Promise$all2[1];
-              return _context8.abrupt("return", [{
+              return _context7.abrupt("return", [{
                 paneName: 'home',
                 label: 'Your stuff',
                 icon: UI.icons.iconBase + 'noun_547570.svg'
@@ -710,12 +683,12 @@ function _default(context) {
                 icon: UI.icons.iconBase + 'noun_492246.svg'
               }].concat(books).concat(pods));
 
-            case 13:
+            case 15:
             case "end":
-              return _context8.stop();
+              return _context7.stop();
           }
         }
-      }, _callee7);
+      }, _callee6);
     }));
     return _getDashboardItems.apply(this, arguments);
   }
@@ -734,68 +707,76 @@ function _default(context) {
   }
 
   function _showDashboard() {
-    _showDashboard = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
+    _showDashboard = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
       var options,
           dashboardContainer,
           outlineContainer,
-          tab,
+          _tab,
           dashboard,
+          tab,
           closeDashboard,
-          _args8 = arguments;
-      return regeneratorRuntime.wrap(function _callee8$(_context9) {
+          _args7 = arguments;
+
+      return regeneratorRuntime.wrap(function _callee7$(_context8) {
         while (1) {
-          switch (_context9.prev = _context9.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
               closeDashboard = function _closeDashboard() {
                 dashboardContainer.style.display = 'none';
                 outlineContainer.style.display = 'inherit';
               };
 
-              options = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : {};
+              options = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : {};
               dashboardContainer = getDashboardContainer();
               outlineContainer = getOutlineContainer(); // reuse dashboard if already children already is inserted
 
               if (!(dashboardContainer.childNodes.length > 0 && options.pane)) {
-                _context9.next = 12;
+                _context8.next = 12;
                 break;
               }
 
               outlineContainer.style.display = 'none';
               dashboardContainer.style.display = 'inherit';
-              tab = dashboardContainer.querySelector("[data-global-pane-name=\"".concat(options.pane, "\"]"));
+              _tab = dashboardContainer.querySelector("[data-global-pane-name=\"".concat(options.pane, "\"]"));
 
-              if (!tab) {
-                _context9.next = 11;
+              if (!_tab) {
+                _context8.next = 11;
                 break;
               }
 
-              tab.click();
-              return _context9.abrupt("return");
+              _tab.click();
+
+              return _context8.abrupt("return");
 
             case 11:
               console.warn('Did not find the referred tab in global dashboard, will open first one');
 
             case 12:
-              _context9.next = 14;
+              _context8.next = 14;
               return globalAppTabs({
                 selectedTab: options.pane,
                 onClose: closeDashboard
               });
 
             case 14:
-              dashboard = _context9.sent;
+              dashboard = _context8.sent;
               // close the dashboard if user log out
               UI.authn.authSession.onLogout(closeDashboard); // finally - switch to showing dashboard
 
               outlineContainer.style.display = 'none';
               dashboardContainer.appendChild(dashboard);
+              tab = dashboardContainer.querySelector("[data-global-pane-name=\"".concat(options.pane, "\"]"));
+
+              if (tab) {
+                tab.click();
+              }
 
-            case 18:
+            case 20:
             case "end":
-              return _context9.stop();
+              return _context8.stop();
           }
         }
-      }, _callee8);
+      }, _callee7);
     }));
     return _showDashboard.apply(this, arguments);
   }
@@ -826,7 +807,45 @@ function _default(context) {
     }();
   }
 
-  function getRelevantPanes(_x, _x2) {
+  function checkForContainerRepresentation(_x) {
+    return _checkForContainerRepresentation.apply(this, arguments);
+  }
+
+  function _checkForContainerRepresentation() {
+    _checkForContainerRepresentation = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(subject) {
+      var response, containerTurtle;
+      return regeneratorRuntime.wrap(function _callee8$(_context9) {
+        while (1) {
+          switch (_context9.prev = _context9.next) {
+            case 0:
+              if (kb.any(subject, ns.ldp('contains'), undefined, subject.doc())) {
+                _context9.next = 6;
+                break;
+              }
+
+              _context9.next = 3;
+              return kb.fetcher.webOperation('GET', subject.uri, kb.fetcher.initFetchOptions(subject.uri, {
+                headers: {
+                  accept: 'text/turtle'
+                }
+              }));
+
+            case 3:
+              response = _context9.sent;
+              containerTurtle = response.responseText;
+              $rdf.parse(containerTurtle, kb, subject.uri, 'text/turtle');
+
+            case 6:
+            case "end":
+              return _context9.stop();
+          }
+        }
+      }, _callee8);
+    }));
+    return _checkForContainerRepresentation.apply(this, arguments);
+  }
+
+  function getRelevantPanes(_x2, _x3) {
     return _getRelevantPanes.apply(this, arguments);
   }
 
@@ -837,39 +856,48 @@ function _default(context) {
         while (1) {
           switch (_context10.prev = _context10.next) {
             case 0:
+              if (!subject.uri.endsWith('/')) {
+                _context10.next = 3;
+                break;
+              }
+
+              _context10.next = 3;
+              return checkForContainerRepresentation(subject);
+
+            case 3:
               panes = context.session.paneRegistry;
               relevantPanes = panes.list.filter(function (pane) {
                 return pane.label(subject, context) && !pane.global;
               });
 
               if (!(relevantPanes.length === 0)) {
-                _context10.next = 4;
+                _context10.next = 7;
                 break;
               }
 
               return _context10.abrupt("return", [panes.byName('internal')]);
 
-            case 4:
-              _context10.next = 6;
+            case 7:
+              _context10.next = 9;
               return UI.authn.filterAvailablePanes(relevantPanes);
 
-            case 6:
+            case 9:
               filteredPanes = _context10.sent;
 
               if (!(filteredPanes.length === 0)) {
-                _context10.next = 9;
+                _context10.next = 12;
                 break;
               }
 
               return _context10.abrupt("return", [relevantPanes[0]]);
 
-            case 9:
+            case 12:
               firstRelevantPaneIndex = panes.list.indexOf(relevantPanes[0]);
               firstFilteredPaneIndex = panes.list.indexOf(filteredPanes[0]); // if the first relevant pane is loaded before the panes available wrt role, we still want to offer the most relevant pane
 
               return _context10.abrupt("return", firstRelevantPaneIndex < firstFilteredPaneIndex ? [relevantPanes[0]].concat(filteredPanes) : filteredPanes);
 
-            case 12:
+            case 15:
             case "end":
               return _context10.stop();
           }
@@ -885,7 +913,7 @@ function _default(context) {
     }) || relevantPanes[0];
   }
 
-  function expandedHeaderTR(_x3, _x4, _x5) {
+  function expandedHeaderTR(_x4, _x5, _x6) {
     return _expandedHeaderTR.apply(this, arguments);
   } // expandedHeaderTR
   // / //////////////////////////////////////////////////////////////////////////