solid-panes 4.2.4-test.4 → 4.2.4-test.5

package/dist/dashboard/basicPreferences.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.basicPreferencesPane = void 0;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+/* babel-plugin-inline-import './ontologyData.ttl' */
+const ontologyData = "@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix schema: <http:/schema.org/>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n@prefix : <#>.\n\nsolid:User a rdfs:Class;\n  rdfs:label \"user\"@en, \"utilisateur\"@fr;\n  rdfs:comment \"\"\"Any person who might use a Solid-based system\"\"\";\n  rdfs:subClassOf foaf:Person, schema:Person, vcard:Individual.\n\n# Since these options are opt-in, it is a bit strange to have new users opt in\n# That they are new users - also we do not use this class for anything specific\n# yet\n# solid:NewUser a rdfs:Class;\n#  rdfs:label \"new user\"@en;\n#  rdfs:comment \"\"\"A person who might use a Solid-based system who has a low\n#  level of familiarity with technical details.\"\"\";\n#  rdfs:subClassOf solid:User.\n\nsolid:PowerUser a rdfs:Class;\n  rdfs:label \"power user\"@en;\n  rdfs:comment \"\"\"A person who might use a Solid-based system\n  who is prepared to be given a more complex interface in order\n  to be provided with more pwerful features.\"\"\";\n  rdfs:subClassOf solid:User.\n\n  solid:Developer a rdfs:Class;\n    rdfs:label \"Developer\";\n    rdfs:comment \"\"\"Any person who might use a Solid-based system,\n    who has software development skills.\"\"\";\n    rdfs:subClassOf solid:User.\n";
+/* babel-plugin-inline-import './preferencesFormText.ttl' */
+const preferencesFormText = "@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix : <#>.\n\n:this <http://purl.org/dc/elements/1.1/title> \"Basic preferences\" ;\n      a ui:Form ;\n      ui:part :categorizeUser, :privateComment, :personalInformationHeading;\n      ui:parts ( :personalInformationHeading :privateComment :categorizeUser ).\n\n:personalInformationHeading a ui:Heading;\n      ui:contents \"Personal information\".\n\n:privateComment a ui:Comment;\n      ui:contents \"This information is private.\".\n\n:categorizeUser a ui:Classifier;\n      ui:label \"Level of user\"; ui:property rdf:type ; ui:category solid:User.\n";
+const basicPreferencesPane = exports.basicPreferencesPane = {
+  icon: _solidUi.icons.iconBase + 'noun_Sliders_341315_000000.svg',
+  name: 'basicPreferences',
+  label: _subject => {
+    return null;
+  },
+  // Render the pane
+  // The subject should be the logged in user.
+  render: (subject, context) => {
+    const dom = context.dom;
+    const store = context.session.store;
+    function complainIfBad(ok, mess) {
+      if (ok) return;
+      container.appendChild(_solidUi.widgets.errorMessageBlock(dom, mess, '#fee'));
+    }
+    const container = dom.createElement('div');
+    const formArea = setupUserTypesSection(container, dom);
+    function loadData(doc, turtle) {
+      doc = doc.doc(); // remove # from URI if nec
+      if (!store.holds(undefined, undefined, undefined, doc)) {
+        // If not loaded already
+        ;
+        (0, _rdflib.parse)(turtle, store, doc.uri, 'text/turtle', null); // Load form directly
+      }
+    }
+    const preferencesForm = store.sym('urn:uuid:93774ba1-d3b6-41f2-85b6-4ae27ffd2597#this');
+    loadData(preferencesForm, preferencesFormText);
+    const ontologyExtra = store.sym('urn:uuid:93774ba1-d3b6-41f2-85b6-4ae27ffd2597-ONT');
+    loadData(ontologyExtra, ontologyData);
+    async function doRender() {
+      const renderContext = await _solidUi.login.ensureLoadedPreferences({
+        dom,
+        div: container
+      });
+      if (!renderContext.preferencesFile) {
+        // Could be CORS
+        console.log('Not doing private class preferences as no access to preferences file. ' + renderContext.preferencesFileError);
+        return;
+      }
+      const appendedForm = _solidUi.widgets.appendForm(dom, formArea, {}, renderContext.me, preferencesForm, renderContext.preferencesFile, complainIfBad);
+      appendedForm.style.borderStyle = 'none';
+      const trustedApplicationsView = context.session.paneRegistry.byName('trustedApplications');
+      if (trustedApplicationsView) {
+        container.appendChild(trustedApplicationsView.render(null, context));
+      }
+
+      // @@ TODO Remove need for casting as any and bang (!) syntax
+      addDeleteSection(container, store, renderContext.me, dom);
+    }
+    doRender();
+    return container;
+  }
+};
+function setupUserTypesSection(container, dom) {
+  const formContainer = createSection(container, dom, 'User types');
+  const description = formContainer.appendChild(dom.createElement('p'));
+  description.innerText = 'Here you can self-assign user types to help the data browser know which views you would like to access.';
+  const userTypesLink = formContainer.appendChild(dom.createElement('a'));
+  userTypesLink.href = 'https://github.com/solidos/userguide/#role';
+  userTypesLink.innerText = 'Read more';
+  const formArea = formContainer.appendChild(dom.createElement('div'));
+  return formArea;
+}
+var _default = exports.default = basicPreferencesPane; // ends
+function addDeleteSection(container, store, profile, dom) {
+  const section = createSection(container, dom, 'Delete account');
+  const podServerNodes = store.each(profile, _solidUi.ns.space('storage'), null, profile.doc());
+  const podServers = podServerNodes.map(node => node.value);
+  const list = section.appendChild(dom.createElement('ul'));
+  podServers.forEach(async server => {
+    const deletionLink = await generateDeletionLink(server, dom);
+    if (deletionLink) {
+      const listItem = list.appendChild(dom.createElement('li'));
+      listItem.appendChild(deletionLink);
+    }
+  });
+}
+async function generateDeletionLink(podServer, dom) {
+  const link = dom.createElement('a');
+  link.textContent = `Delete your account at ${podServer}`;
+  const deletionUrl = await getDeletionUrlForServer(podServer);
+  if (typeof deletionUrl !== 'string') {
+    return null;
+  }
+  link.href = deletionUrl;
+  return link;
+}
+
+/**
+ * Hacky way to get the deletion link to a Pod
+ *
+ * This function infers the deletion link by assuming the URL structure of Node Solid server.
+ * In the future, Solid will hopefully provide a standardised way of discovering the deletion link:
+ * https://github.com/solidos/data-interoperability-panel/issues/18
+ *
+ * If NSS is in multi-user mode (the case on inrupt.net and solid.community), the deletion URL for
+ * vincent.dev.inrupt.net would be at dev.inrupt.net/account/delete. In single-user mode, the
+ * deletion URL would be at vincent.dev.inrupt.net/account/delete.
+ *
+ * @param server Pod server containing the user's account.
+ * @returns URL of the page that Node Solid Server would offer to delete the account, or null if
+ *          the URLs we tried give invalid responses.
+ */
+async function getDeletionUrlForServer(server) {
+  const singleUserUrl = new URL(server);
+  const multiUserUrl = new URL(server);
+  multiUserUrl.pathname = singleUserUrl.pathname = '/account/delete';
+  const hostnameParts = multiUserUrl.hostname.split('.');
+  // Remove `vincent.` from `vincent.dev.inrupt.net`, for example:
+  multiUserUrl.hostname = hostnameParts.slice(1).join('.');
+  const multiUserNssResponse = await fetch(multiUserUrl.href, {
+    method: 'HEAD'
+  });
+  if (multiUserNssResponse.ok) {
+    return multiUserUrl.href;
+  }
+  const singleUserNssResponse = await fetch(singleUserUrl.href, {
+    method: 'HEAD'
+  });
+  if (singleUserNssResponse.ok) {
+    return singleUserUrl.href;
+  }
+  return null;
+}
+function createSection(container, dom, title) {
+  const section = container.appendChild(dom.createElement('div'));
+  section.style.border = '0.3em solid #418d99';
+  section.style.borderRadius = '0.5em';
+  section.style.padding = '0.7em';
+  section.style.marginTop = '0.7em';
+  const titleElement = section.appendChild(dom.createElement('h3'));
+  titleElement.innerText = title;
+  return section;
+}

package/dist/dashboard/dashboardPane.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.dashboardPane = void 0;
+var _solidUi = require("solid-ui");
+var _solidLogic = require("solid-logic");
+var _homepage = require("./homepage");
+const dashboardPane = exports.dashboardPane = {
+  icon: _solidUi.icons.iconBase + 'noun_547570.svg',
+  name: 'dashboard',
+  label: subject => {
+    if (subject.termType === 'NamedNode' && subject.uri === subject.site().uri) {
+      return 'Dashboard';
+    }
+    return null;
+  },
+  render: (subject, context) => {
+    console.log('Dashboard Pane Render');
+    const dom = context.dom;
+    const container = dom.createElement('div');
+    const runBuildPage = () => {
+      container.innerHTML = '';
+      buildPage(container, _solidLogic.authn.currentUser() || null, context, subject);
+    };
+    _solidLogic.authSession.events.on('login', () => {
+      // console.log('On Login')
+      runBuildPage();
+    });
+    _solidLogic.authSession.events.on('sessionRestore', () => {
+      // console.log('On Session Restore')
+      runBuildPage();
+    });
+    // console.log('Initial Load')
+    runBuildPage();
+    return container;
+  }
+};
+function buildPage(container, webId, context, subject) {
+  // if uri then SolidOS is a browse.html web app
+  const uri = new URL(window.location.href).searchParams.get('uri');
+  if (webId && (uri || webId.site().uri === subject.site().uri)) {
+    return buildDashboard(container, context);
+  }
+  return buildHomePage(container, subject);
+}
+function buildDashboard(container, context) {
+  // console.log('build dashboard')
+  // @@ TODO get a proper type
+  const outliner = context.getOutliner(context.dom);
+  outliner.getDashboard().then(dashboard => container.appendChild(dashboard));
+}
+function buildHomePage(container, subject) {
+  // console.log('build home page')
+  const wrapper = document.createElement('div');
+  container.appendChild(wrapper);
+  const shadow = wrapper.attachShadow({
+    mode: 'open'
+  });
+  const link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.href = '/common/css/bootstrap.min.css';
+  shadow.appendChild(link);
+  (0, _homepage.generateHomepage)(subject, _solidLogic.store, _solidLogic.store.fetcher).then(homepage => shadow.appendChild(homepage));
+}
+var _default = exports.default = dashboardPane;

package/dist/dashboard/homepage.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateHomepage = generateHomepage;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+async function generateHomepage(subject, store, fetcher) {
+  const ownersProfile = await loadProfile(subject, store, fetcher);
+  const name = getName(store, ownersProfile);
+  const wrapper = document.createElement('div');
+  wrapper.classList.add('container');
+  wrapper.appendChild(createTitle(ownersProfile.uri, name));
+  wrapper.appendChild(createDataSection(name));
+  return wrapper;
+}
+function createDataSection(name) {
+  const dataSection = document.createElement('section');
+  const title = document.createElement('h2');
+  title.innerText = 'Data';
+  dataSection.appendChild(title);
+  const listGroup = document.createElement('div');
+  listGroup.classList.add('list-group');
+  dataSection.appendChild(listGroup);
+  const publicDataLink = document.createElement('a');
+  publicDataLink.classList.add('list-group-item');
+  publicDataLink.href = window.document.location.href + 'public/';
+  publicDataLink.innerText = `View ${name}'s files`;
+  listGroup.appendChild(publicDataLink);
+  return dataSection;
+}
+function createTitle(uri, name) {
+  const profileLink = document.createElement('a');
+  profileLink.href = uri;
+  profileLink.innerText = name;
+  const profileLinkPost = document.createElement('span');
+  profileLinkPost.innerText = '\'s Pod';
+  const title = document.createElement('h1');
+  title.appendChild(profileLink);
+  title.appendChild(profileLinkPost);
+  return title;
+}
+async function loadProfile(subject, store, fetcher) {
+  const pod = subject.site().uri;
+  // TODO: This is a hack - we cannot assume that the profile is at this document, but we will live with it for now
+  const webId = (0, _rdflib.sym)(`${pod}profile/card#me`);
+  try {
+    await fetcher.load(webId);
+    return webId;
+  } catch (err) {
+    // Fall back to pod root and any discovered profile links.
+  }
+  try {
+    await fetcher.load(subject);
+  } catch (err) {
+    return subject;
+  }
+  const primaryTopic = store.any(subject, _solidUi.ns.foaf('primaryTopic'), null, subject.doc());
+  if (primaryTopic && primaryTopic.termType === 'NamedNode') {
+    try {
+      await fetcher.load(primaryTopic);
+      return primaryTopic;
+    } catch (err) {
+      return subject;
+    }
+  }
+  return subject;
+}
+function getName(store, ownersProfile) {
+  return store.anyValue(ownersProfile, _solidUi.ns.vcard('fn'), null, ownersProfile.doc()) || store.anyValue(ownersProfile, _solidUi.ns.foaf('name'), null, ownersProfile.doc()) || new URL(ownersProfile.uri).host.split('.')[0];
+}

package/dist/home/homePane.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _solidLogic = require("solid-logic");
+var _solidUi = require("solid-ui");
+/*   Home Pane
+ **
+ ** The home pane is avaiable everywhere and allows a user
+ ** to
+ **  - keep track of their stuff
+ **  - make new things, and possibly
+ **  - keep track of accounts and workspaces etc
+ **
+ */
+
+const HomePaneSource = {
+  icon: _solidUi.icons.iconBase + 'noun_547570.svg',
+  // noun_25830
+
+  global: true,
+  name: 'home',
+  // Does the subject deserve an home pane?
+  //
+  //   yes, always!
+  //
+  label: function () {
+    return 'home';
+  },
+  render: function (subject, context) {
+    const dom = context.dom;
+    const showContent = async function () {
+      const homePaneContext = {
+        div,
+        dom,
+        statusArea: div,
+        me
+      };
+      /*
+            div.appendChild(dom.createElement('h4')).textContent = 'Login status'
+            var loginStatusDiv = div.appendChild(context.dom.createElement('div'))
+            // TODO: Find out what the actual type is:
+            type UriType = unknown;
+            loginStatusDiv.appendChild(UI.login.loginStatusBox(context.dom, () => {
+              // Here we know new log in status
+            }))
+      */
+      div.appendChild(dom.createElement('h4')).textContent = 'Create new thing somewhere';
+      const creationDiv = div.appendChild(dom.createElement('div'));
+      const creationContext = {
+        div: creationDiv,
+        dom,
+        statusArea: div,
+        me
+      };
+      const relevantPanes = await _solidUi.login.filterAvailablePanes(context.session.paneRegistry.list);
+      _solidUi.create.newThingUI(creationContext, context, relevantPanes); // newUI Have to pass panes down
+
+      _solidUi.login.registrationList(homePaneContext, {}).then(function () {});
+    };
+    const div = dom.createElement('div');
+    const me = _solidLogic.authn.currentUser(); // this will be incorrect if not logged in
+
+    showContent();
+    return div;
+  }
+}; // pane object
+
+// ends
+var _default = exports.default = HomePaneSource;

package/dist/index.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "OutlineManager", {
+  enumerable: true,
+  get: function () {
+    return _manager.default;
+  }
+});
+exports.UI = void 0;
+Object.defineProperty(exports, "byName", {
+  enumerable: true,
+  get: function () {
+    return _paneRegistry.byName;
+  }
+});
+exports.getOutliner = getOutliner;
+Object.defineProperty(exports, "initMainPage", {
+  enumerable: true,
+  get: function () {
+    return _mainPage.default;
+  }
+});
+Object.defineProperty(exports, "list", {
+  enumerable: true,
+  get: function () {
+    return _paneRegistry.list;
+  }
+});
+Object.defineProperty(exports, "paneForIcon", {
+  enumerable: true,
+  get: function () {
+    return _paneRegistry.paneForIcon;
+  }
+});
+Object.defineProperty(exports, "paneForPredicate", {
+  enumerable: true,
+  get: function () {
+    return _paneRegistry.paneForPredicate;
+  }
+});
+Object.defineProperty(exports, "register", {
+  enumerable: true,
+  get: function () {
+    return _paneRegistry.register;
+  }
+});
+Object.defineProperty(exports, "versionInfo", {
+  enumerable: true,
+  get: function () {
+    return _versionInfo.default;
+  }
+});
+var _versionInfo = _interopRequireDefault(require("./versionInfo"));
+var UI = _interopRequireWildcard(require("solid-ui"));
+exports.UI = UI;
+var _solidLogic = require("solid-logic");
+var _manager = _interopRequireDefault(require("./outline/manager.js"));
+var _registerPanes = require("./registerPanes.js");
+var _paneRegistry = require("pane-registry");
+var _context = require("./outline/context");
+var _mainPage = _interopRequireDefault(require("./mainPage"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*                            SOLID PANES
+ **
+ **     Panes are regions of the outline view in which a particular subject is
+ ** displayed in a particular way.
+ ** Different panes about the same subject are typically stacked vertically.
+ ** Panes may be used naked or with a pane selection header.
+ **
+ ** The label() method has two functions: it determines whether the pane is
+ ** relevant to a given subject, returning null if not.
+ ** If it is relevant, then it returns a suitable tooltip for a control which selects the pane
+ */
+
+function getOutliner(dom) {
+  if (!dom.outlineManager) {
+    const context = (0, _context.createContext)(dom, {
+      list: _paneRegistry.list,
+      paneForIcon: _paneRegistry.paneForIcon,
+      paneForPredicate: _paneRegistry.paneForPredicate,
+      register: _paneRegistry.register,
+      byName: _paneRegistry.byName
+    }, _solidLogic.store, _solidLogic.solidLogicSingleton);
+    dom.outlineManager = new _manager.default(context);
+  }
+  return dom.outlineManager;
+}
+if (typeof window !== 'undefined') {
+  getOutliner(window.document);
+}
+(0, _registerPanes.registerPanes)(cjsOrEsModule => (0, _paneRegistry.register)(cjsOrEsModule.default || cjsOrEsModule));
+
+// This has common outline mode functionality for the default and other other panes
+// A separate outline manager is required per DOM in cases like a browser extension
+// where there are many occurrences of window and of window.document
+// But each DOM should have just one outline manager.
+
+// export for simpler access by non-node scripts
+if (typeof window !== 'undefined') {
+  ;
+  window.panes = {
+    getOutliner
+  };
+}

package/dist/internal/internalPane.js

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _solidUi = require("solid-ui");
+var _rdflib = require("rdflib");
+/*   Internal Pane
+ **
+ **  This outline pane contains the properties which are
+ ** internal to the user's interaction with the web, and are not normally displayed
+ */
+/* global alert confirm */
+
+const pane = {
+  icon: _solidUi.icons.originalIconBase + 'tango/22-emblem-system.png',
+  name: 'internal',
+  label: function () {
+    return 'under the hood'; // There is often a URI even of no statements
+  },
+  render: function (subject, context) {
+    const dom = context.dom;
+    const store = context.session.store;
+    const canonizedSubject = store.canon(subject);
+    const types = store.findTypeURIs(canonizedSubject);
+    function filter(pred) {
+      if (types['http://www.w3.org/2007/ont/link#ProtocolEvent']) return true; // display everything for them
+      const view = context.session.paneRegistry.byName('internal');
+      return view && view.predicates && !!(typeof view.predicates[pred.uri] !== 'undefined');
+    }
+    const div = dom.createElement('div');
+    div.setAttribute('class', 'internalPane');
+    div.setAttribute('style', 'background-color: #ddddff; padding: 0.5em; border-radius: 1em;');
+    function deleteRecursive(kb, folder) {
+      const fetcher = kb.fetcher;
+      if (!fetcher) {
+        console.error('No fetcher available');
+        return;
+      }
+      return new Promise(function (resolve, reject) {
+        fetcher.load(folder).then(function () {
+          const promises = kb.each(folder, _solidUi.ns.ldp('contains')).map(file => {
+            if (kb.holds(file, _solidUi.ns.rdf('type'), _solidUi.ns.ldp('BasicContainer'))) {
+              return deleteRecursive(kb, file);
+            } else {
+              console.log('deleteRecursive leaf file: ' + file);
+              return fetcher.webOperation('DELETE', file.uri);
+            }
+          });
+          Promise.all(promises).then(() => {
+            console.log('deleteRecursive empty folder: ' + folder);
+            fetcher.webOperation('DELETE', folder.uri).then(() => {
+              console.log('Deleted Ok: ' + folder);
+              resolve(undefined);
+            }).catch(err => {
+              const str = 'Unable to delete ' + folder + ': ' + err;
+              console.log(str);
+              reject(new Error(str));
+            });
+            resolve(undefined);
+          }, err => {
+            alert(err);
+            reject(err);
+          });
+        });
+      });
+    }
+    const isDocument = subject.uri && !subject.uri.includes('#');
+    if (isDocument) {
+      const controls = div.appendChild(dom.createElement('table'));
+      controls.style.width = '100%';
+      controls.style.margin = '1em';
+      const controlRow = controls.appendChild(dom.createElement('tr'));
+      const deleteCell = controlRow.appendChild(dom.createElement('td'));
+      const isFolder = subject.uri && subject.uri.endsWith('/') || store.holds(subject, _solidUi.ns.rdf('type'), _solidUi.ns.ldp('Container'));
+      const noun = isFolder ? 'folder' : 'file';
+      if (!isProtectedUri(subject)) {
+        console.log(subject);
+        const deleteButton = _solidUi.widgets.deleteButtonWithCheck(dom, deleteCell, noun, function () {
+          if (!confirm(`Are you sure you want to delete ${subject}? This cannot be undone.`)) {
+            return;
+          }
+          // @@ TODO Remove casing of store.fetcher
+          if (!store.fetcher) {
+            throw new Error('Store has no fetcher');
+          }
+          const promise = isFolder ? deleteRecursive(store, subject) || Promise.resolve() : store.fetcher.webOperation('DELETE', subject.uri) || Promise.resolve();
+          promise.then(() => {
+            const str = 'Deleted: ' + subject;
+            console.log(str);
+          }).catch(err => {
+            const str = 'Unable to delete ' + subject + ': ' + err;
+            console.log(str);
+            alert(str);
+          });
+        });
+        deleteButton.style = 'height: 2em;';
+        deleteButton.class = ''; // Remove hover hide
+        deleteCell.appendChild(deleteButton);
+      }
+      const refreshCell = controlRow.appendChild(dom.createElement('td'));
+      const refreshButton = _solidUi.widgets.button(dom, _solidUi.icons.iconBase + 'noun_479395.svg', 'refresh');
+      refreshCell.appendChild(refreshButton);
+      refreshButton.addEventListener('click', () => {
+        if (!store.fetcher) {
+          throw new Error('Store has no fetcher');
+        }
+        store.fetcher.refresh(subject, function (ok, errm) {
+          let str;
+          if (ok) {
+            str = 'Refreshed OK: ' + subject;
+          } else {
+            str = 'Error refreshing: ' + subject + ': ' + errm;
+          }
+          console.log(str);
+          alert(str);
+        });
+      });
+    }
+    let plist = store.statementsMatching(subject);
+    let docURI = '';
+    if (!store.fetcher) {
+      throw new Error('Store has no fetcher');
+    }
+    if (subject.uri) {
+      plist.push((0, _rdflib.st)(subject, (0, _rdflib.sym)('http://www.w3.org/2007/ont/link#uri'), subject.uri,
+      // @@ TODO Remove casting
+      store.fetcher.appNode));
+      if (subject.uri.indexOf('#') >= 0) {
+        docURI = subject.uri.split('#')[0];
+        plist.push((0, _rdflib.st)(subject, (0, _rdflib.sym)('http://www.w3.org/2007/ont/link#documentURI'), subject.uri.split('#')[0],
+        // @@ TODO Remove casting
+        store.fetcher.appNode));
+        plist.push((0, _rdflib.st)(subject, (0, _rdflib.sym)('http://www.w3.org/2007/ont/link#document'), (0, _rdflib.sym)(subject.uri.split('#')[0]), store.fetcher.appNode));
+      } else {
+        docURI = subject.uri;
+      }
+    }
+    if (docURI) {
+      if (!store.updater) {
+        throw new Error('Store has no updater');
+      }
+      const ed = store.updater.editable(docURI);
+      if (ed) {
+        plist.push((0, _rdflib.st)(subject, (0, _rdflib.sym)('http://www.w3.org/ns/rww#editable'), (0, _rdflib.literal)(ed.toString()), store.fetcher.appNode));
+      }
+    }
+    // @@ TODO get a proper type
+    const outliner = context.getOutliner(dom);
+    outliner.appendPropertyTRs(div, plist, false, filter);
+    plist = store.statementsMatching(undefined, undefined, subject);
+    outliner.appendPropertyTRs(div, plist, true, filter);
+    return div;
+  },
+  predicates: {
+    // Predicates used for inner workings. Under the hood
+    'http://www.w3.org/2007/ont/link#request': 1,
+    'http://www.w3.org/2007/ont/link#requestedBy': 1,
+    'http://www.w3.org/2007/ont/link#source': 1,
+    'http://www.w3.org/2007/ont/link#session': 2,
+    // 2=  test neg but display
+    'http://www.w3.org/2007/ont/link#uri': 1,
+    'http://www.w3.org/2007/ont/link#documentURI': 1,
+    'http://www.w3.org/2007/ont/link#document': 1,
+    'http://www.w3.org/2007/ont/link#all': 1,
+    // From userinput.js
+    'http://www.w3.org/2007/ont/link#Document': 1,
+    'http://www.w3.org/ns/rww#editable': 1,
+    'http://www.w3.org/2000/01/rdf-schema#seeAlso': 1,
+    'http://www.w3.org/2002/07/owl#': 1
+  },
+  classes: {
+    // Things which are inherently already undercover
+    'http://www.w3.org/2007/ont/link#ProtocolEvent': 1
+  }
+};
+function isProtectedUri(subject) {
+  // TODO: Could make the code below smarter by removing some of the redundancy by creating a recursive function, but did not bother now
+  const siteUri = subject.site().uri;
+  return subject.uri === siteUri || subject.uri === siteUri + 'profile/' || subject.uri === siteUri + 'profile/card' || subject.uri === siteUri + 'settings/' || subject.uri === siteUri + 'settings/prefs.ttl' || subject.uri === siteUri + 'settings/privateTypeIndex.ttl' || subject.uri === siteUri + 'settings/publicTypeIndex.ttl' || subject.uri === siteUri + 'settings/serverSide.ttl';
+}
+var _default = exports.default = pane; // ends

package/dist/mainPage/footer.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createFooter = createFooter;
+var _solidUi = require("solid-ui");
+/**
+ * links in the footer
+*/
+const SOLID_PROJECT_URL = 'https://solidproject.org';
+const SOLID_PROJECT_NAME = 'solidproject.org';
+function createFooter(store) {
+  (0, _solidUi.initFooter)(store, setFooterOptions());
+}
+function setFooterOptions() {
+  return {
+    solidProjectUrl: SOLID_PROJECT_URL,
+    solidProjectName: SOLID_PROJECT_NAME
+  };
+}