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

package/dist/mainPage/header.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createHeader = createHeader;
+var _solidLogic = require("solid-logic");
+var _solidUi = require("solid-ui");
+/**
+ * menu icons
+*/
+const HELP_MENU_ICON = _solidUi.icons.iconBase + 'noun_help.svg';
+const SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg';
+
+/**
+ * menu elements
+*/
+const USER_GUIDE_MENU_ITEM = 'User guide';
+const REPORT_A_PROBLEM_MENU_ITEM = 'Report a problem';
+const SHOW_YOUR_PROFILE_MENU_ITEM = 'Show your profile';
+const LOG_OUT_MENU_ITEM = 'Log out';
+/**
+ * URLS
+ */
+const USER_GUIDE_MENU_URL = 'https://solidos.github.io/userguide/';
+const REPORT_A_PROBLEM_MENU_URL = 'https://github.com/solidos/solidos/issues';
+async function createHeader(store, outliner) {
+  (0, _solidUi.initHeader)(store, await setUserMenu(outliner), setHeaderOptions());
+}
+function setHeaderOptions() {
+  const helpMenuList = [{
+    label: USER_GUIDE_MENU_ITEM,
+    url: USER_GUIDE_MENU_URL,
+    target: '_blank'
+  }, {
+    label: REPORT_A_PROBLEM_MENU_ITEM,
+    url: REPORT_A_PROBLEM_MENU_URL,
+    target: '_blank'
+  }];
+  const headerOptions = {
+    logo: SOLID_ICON_URL,
+    helpIcon: HELP_MENU_ICON,
+    helpMenuList
+  };
+  return headerOptions;
+}
+async function setUserMenu(outliner) {
+  // @ts-ignore: showProfile is used conditionally
+  const showProfile = {
+    label: SHOW_YOUR_PROFILE_MENU_ITEM,
+    onclick: () => openUserProfile(outliner)
+  };
+  const logOut = {
+    label: LOG_OUT_MENU_ITEM,
+    onclick: () => {
+      _solidLogic.authSession.logout();
+    }
+  };
+
+  // the order of the menu is important here, show profile first and logout last
+  let userMenuList = []; // was [showProfile]
+  userMenuList = userMenuList.concat(await getMenuItems(outliner));
+  userMenuList.push(logOut);
+  return userMenuList;
+}
+
+// Does not work to jump to user profile,
+function openUserProfile(outliner) {
+  outliner.GotoSubject(_solidLogic.authn.currentUser(), true, undefined, true, undefined);
+  location.reload();
+}
+async function getMenuItems(outliner) {
+  const items = await outliner.getDashboardItems();
+  return items.map(element => {
+    return {
+      label: element.label,
+      onclick: () => openDashboardPane(outliner, element.tabName || element.paneName)
+    };
+  });
+}
+async function openDashboardPane(outliner, pane) {
+  outliner.showDashboard({
+    pane
+  });
+}

package/dist/mainPage/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = initMainPage;
+var _index = require("../index");
+var _header = require("./header");
+var _footer = require("./footer");
+/*   Main Page
+ **
+ **  This code is called in mashlib and renders the header and footer of the Databrowser.
+ */
+
+async function initMainPage(store, uri) {
+  const outliner = (0, _index.getOutliner)(document);
+  uri = uri || window.location.href;
+  let subject = uri;
+  if (typeof uri === 'string') subject = store.sym(uri);
+  outliner.GotoSubject(subject, true, undefined, true, undefined);
+  const header = await (0, _header.createHeader)(store, outliner);
+  const footer = (0, _footer.createFooter)(store);
+  return Promise.all([header, footer]);
+}

package/dist/outline/context.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createContext = createContext;
+var _index = require("../index");
+function createContext(dom, paneRegistry, store, logic) {
+  return {
+    dom,
+    getOutliner: _index.getOutliner,
+    session: {
+      paneRegistry,
+      store,
+      logic
+    }
+  };
+}

package/dist/outline/propertyViews.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propertyViews = propertyViews;
+exports.viewsAddPropertyView = viewsAddPropertyView;
+var _solidUi = require("solid-ui");
+var _viewAsImage = _interopRequireDefault(require("./viewAsImage"));
+var _viewAsMbox = _interopRequireDefault(require("./viewAsMbox"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** some builtin simple views **/
+
+function propertyViews(dom) {
+  // view that applies to items that are objects of certain properties.
+  const views = {
+    properties: [],
+    defaults: [],
+    classes: []
+  }; // views
+
+  const asImage = (0, _viewAsImage.default)(dom);
+  const asMbox = (0, _viewAsMbox.default)(dom);
+  viewsAddPropertyView(views, _solidUi.ns.foaf('depiction').uri, asImage, true);
+  viewsAddPropertyView(views, _solidUi.ns.foaf('img').uri, asImage, true);
+  viewsAddPropertyView(views, _solidUi.ns.foaf('thumbnail').uri, asImage, true);
+  viewsAddPropertyView(views, _solidUi.ns.foaf('logo').uri, asImage, true);
+  viewsAddPropertyView(views, _solidUi.ns.schema('image').uri, asImage, true);
+  viewsAddPropertyView(views, _solidUi.ns.foaf('mbox').uri, asMbox, true);
+  return views;
+}
+
+/** add a property view function **/
+function viewsAddPropertyView(views, property, pviewfunc, isDefault) {
+  if (!views.properties[property]) {
+    views.properties[property] = [];
+  }
+  views.properties[property].push(pviewfunc);
+  if (isDefault) {
+    // will override an existing default!
+    views.defaults[property] = pviewfunc;
+  }
+} // viewsAddPropertyView

package/dist/outline/viewAsImage.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var UI = _interopRequireWildcard(require("solid-ui"));
+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); }
+var _default = dom => function viewAsImage(obj) {
+  const img = UI.utils.AJARImage(obj.uri, UI.utils.label(obj), UI.utils.label(obj), dom);
+  img.setAttribute('class', 'outlineImage');
+  return img;
+};
+exports.default = _default;

package/dist/outline/viewAsMbox.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = dom => function viewAsMbox(obj) {
+  const anchor = dom.createElement('a');
+  // previous implementation assumed email address was Literal. fixed.
+
+  // FOAF mboxs must NOT be literals -- must be mailto: URIs.
+
+  let address = obj.termType === 'NamedNode' ? obj.uri : obj.value; // this way for now
+  // if (!address) return viewAsBoringDefault(obj)
+  const index = address.indexOf('mailto:');
+  address = index >= 0 ? address.slice(index + 7) : address;
+  anchor.setAttribute('href', 'mailto:' + address);
+  anchor.appendChild(dom.createTextNode(address));
+  return anchor;
+};
+exports.default = _default;

package/dist/pad/padPane.js

@@ -0,0 +1,410 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _solidUi = require("solid-ui");
+var _solidLogic = require("solid-logic");
+var _rdflib = require("rdflib");
+/*   pad Pane
+ **
+ */
+
+const paneDef = {
+  // icon:  (module.__dirname || __dirname) + 'images/ColourOn.png',
+  icon: _solidUi.icons.iconBase + 'noun_79217.svg',
+  name: 'pad',
+  audience: [_solidUi.ns.solid('PowerUser')],
+  // Does the subject deserve an pad pane?
+  label: function (subject, context) {
+    const t = context.session.store.findTypeURIs(subject);
+    if (t['http://www.w3.org/ns/pim/pad#Notepad']) {
+      return 'pad';
+    }
+    return null; // No under other circumstances
+  },
+  mintClass: _solidUi.ns.pad('Notepad'),
+  mintNew: function (context, newPaneOptions) {
+    const store = context.session.store;
+    const updater = store.updater;
+    if (newPaneOptions.me && !newPaneOptions.me.uri) {
+      throw new Error('notepad mintNew:  Invalid userid');
+    }
+    const newInstance = newPaneOptions.newInstance = newPaneOptions.newInstance || store.sym(newPaneOptions.newBase + 'index.ttl#this');
+    // const newInstance = kb.sym(newBase + 'pad.ttl#thisPad');
+    const newPadDoc = newInstance.doc();
+    store.add(newInstance, _solidUi.ns.rdf('type'), _solidUi.ns.pad('Notepad'), newPadDoc);
+    store.add(newInstance, _solidUi.ns.dc('title'), 'Shared Notes', newPadDoc);
+    store.add(newInstance, _solidUi.ns.dc('created'), new Date(), newPadDoc); // @@ TODO Remove casting
+    if (newPaneOptions.me) {
+      store.add(newInstance, _solidUi.ns.dc('author'), newPaneOptions.me, newPadDoc);
+    }
+    // kb.add(newInstance, ns.pad('next'), newInstance, newPadDoc);
+    // linked list empty @@
+    const chunk = store.sym(newInstance.uri + '_line0');
+    store.add(newInstance, _solidUi.ns.pad('next'), chunk, newPadDoc); // Linked list has one entry
+    store.add(chunk, _solidUi.ns.pad('next'), newInstance, newPadDoc);
+    store.add(chunk, _solidUi.ns.dc('author'), newPaneOptions.me, newPadDoc);
+    store.add(chunk, _solidUi.ns.sioc('content'), '', newPadDoc);
+    return new Promise(function (resolve, reject) {
+      if (!updater) {
+        reject(new Error('Have no updater'));
+        return;
+      }
+      updater.put(newPadDoc, store.statementsMatching(undefined, undefined, undefined, newPadDoc), 'text/turtle', function (uri2, ok, message) {
+        if (ok) {
+          resolve(newPaneOptions);
+        } else {
+          reject(new Error('FAILED to save new tool at: ' + uri2 + ' : ' + message));
+        }
+      });
+    });
+  },
+  // and follow instructions there
+  // @@ TODO Set better type for paneOptions
+  render: function (subject, context, paneOptions) {
+    const dom = context.dom;
+    const store = context.session.store;
+    // Utility functions
+    const complainIfBad = function (ok, message) {
+      if (!ok) {
+        div.appendChild(_solidUi.widgets.errorMessageBlock(dom, message, 'pink'));
+      }
+    };
+    const clearElement = function (ele) {
+      while (ele.firstChild) {
+        ele.removeChild(ele.firstChild);
+      }
+      return ele;
+    };
+
+    // Access control
+
+    // Two constiations of ACL for this app, public read and public read/write
+    // In all cases owner has read write control
+    const genACLtext = function (docURI, aclURI, allWrite) {
+      const g = (0, _rdflib.graph)();
+      const auth = (0, _rdflib.Namespace)('http://www.w3.org/ns/auth/acl#');
+      let a = g.sym(aclURI + '#a1');
+      const acl = g.sym(aclURI);
+      const doc = g.sym(docURI);
+      g.add(a, _solidUi.ns.rdf('type'), auth('Authorization'), acl);
+      g.add(a, auth('accessTo'), doc, acl);
+      g.add(a, auth('agent'), me, acl);
+      g.add(a, auth('mode'), auth('Read'), acl);
+      g.add(a, auth('mode'), auth('Write'), acl);
+      g.add(a, auth('mode'), auth('Control'), acl);
+      a = g.sym(aclURI + '#a2');
+      g.add(a, _solidUi.ns.rdf('type'), auth('Authorization'), acl);
+      g.add(a, auth('accessTo'), doc, acl);
+      g.add(a, auth('agentClass'), _solidUi.ns.foaf('Agent'), acl);
+      g.add(a, auth('mode'), auth('Read'), acl);
+      if (allWrite) {
+        g.add(a, auth('mode'), auth('Write'), acl);
+      }
+      // TODO: Figure out why `serialize` isn't on the type definition according to TypeScript:
+      return (0, _rdflib.serialize)(acl, g, aclURI, 'text/turtle');
+    };
+
+    /**
+     * @param docURI
+     * @param allWrite
+     * @param callbackFunction
+     *
+     * @returns {Promise<Response>}
+     */
+    const setACL = function setACL(docURI, allWrite, callbackFunction) {
+      const aclDoc = store.any((0, _rdflib.sym)(docURI), (0, _rdflib.sym)('http://www.iana.org/assignments/link-relations/acl')); // @@ check that this get set by web.js
+      if (!fetcher) {
+        throw new Error('Have no fetcher');
+      }
+      if (aclDoc) {
+        // Great we already know where it is
+        const aclText = genACLtext(docURI, aclDoc.uri, allWrite);
+        return fetcher.webOperation('PUT', aclDoc.uri, {
+          data: aclText,
+          contentType: 'text/turtle'
+        }).then(() => callbackFunction(true)).catch(err => {
+          callbackFunction(false, err.message);
+        });
+      } else {
+        return fetcher.load(docURI).catch(err => {
+          callbackFunction(false, 'Getting headers for ACL: ' + err);
+        }).then(() => {
+          const aclDoc = store.any((0, _rdflib.sym)(docURI), (0, _rdflib.sym)('http://www.iana.org/assignments/link-relations/acl'));
+          if (!aclDoc) {
+            // complainIfBad(false, "No Link rel=ACL header for " + docURI);
+            throw new Error('No Link rel=ACL header for ' + docURI);
+          }
+          const aclText = genACLtext(docURI, aclDoc.uri, allWrite);
+          return fetcher.webOperation('PUT', aclDoc.uri, {
+            data: aclText,
+            contentType: 'text/turtle'
+          });
+        }).then(() => callbackFunction(true)).catch(err => {
+          callbackFunction(false, err.message);
+        });
+      }
+    };
+
+    //  Reproduction: spawn a new instance
+    //
+    // Viral growth path: user of app decides to make another instance
+    const newInstanceButton = function () {
+      const button = div.appendChild(dom.createElement('button'));
+      button.textContent = 'Start another pad';
+      button.addEventListener('click', function () {
+        return showBootstrap(subject, spawnArea, 'pad');
+      });
+      return button;
+    };
+
+    // Option of either using the workspace system or just typing in a URI
+    const showBootstrap = function showBootstrap(thisInstance, container, noun) {
+      const div = clearElement(container);
+      const appDetails = {
+        noun: 'notepad'
+      };
+      div.appendChild(_solidUi.login.newAppInstance(dom, appDetails, (workspace, newBase) => {
+        // FIXME: not sure if this will work at all, just
+        // trying to get the types to match - Michiel.
+        return initializeNewInstanceInWorkspace(new _rdflib.NamedNode(workspace || newBase));
+      }));
+      div.appendChild(dom.createElement('hr')); // @@
+
+      const p = div.appendChild(dom.createElement('p'));
+      p.textContent = 'Where would you like to store the data for the ' + noun + '?  ' + 'Give the URL of the directory where you would like the data stored.';
+      const baseField = div.appendChild(dom.createElement('input'));
+      baseField.setAttribute('type', 'text');
+      baseField.size = 80 // really a string
+;
+      baseField.label = 'base URL';
+      baseField.autocomplete = 'on';
+      div.appendChild(dom.createElement('br')); // @@
+
+      const button = div.appendChild(dom.createElement('button'));
+      button.textContent = 'Start new ' + noun + ' at this URI';
+      button.addEventListener('click', function (_e) {
+        let newBase = baseField.value;
+        if (newBase.slice(-1) !== '/') {
+          newBase += '/';
+        }
+        initializeNewInstanceAtBase(thisInstance, newBase);
+      });
+    };
+
+    //  Create new document files for new instance of app
+    const initializeNewInstanceInWorkspace = function (ws) {
+      // @@ TODO Clean up type for newBase
+      let newBase = store.any(ws, _solidUi.ns.space('uriPrefix'));
+      if (!newBase) {
+        newBase = ws.uri.split('#')[0];
+      } else {
+        newBase = newBase.value;
+      }
+      if (newBase.slice(-1) !== '/') {
+        _rdflib.log.error(appPathSegment + ': No / at end of uriPrefix ' + newBase); // @@ paramater?
+        newBase = newBase + '/';
+      }
+      const now = new Date();
+      newBase += appPathSegment + '/id' + now.getTime() + '/'; // unique id
+
+      initializeNewInstanceAtBase(thisInstance, newBase);
+    };
+    const initializeNewInstanceAtBase = function (thisInstance, newBase) {
+      const here = (0, _rdflib.sym)(thisInstance.uri.split('#')[0]);
+      const base = here; // @@ ???
+
+      const newPadDoc = store.sym(newBase + 'pad.ttl');
+      const newIndexDoc = store.sym(newBase + 'index.html');
+      const toBeCopied = [{
+        local: 'index.html',
+        contentType: 'text/html'
+      }];
+      const newInstance = store.sym(newPadDoc.uri + '#thisPad');
+
+      // log.debug("\n Ready to put " + kb.statementsMatching(undefined, undefined, undefined, there)); //@@
+
+      const agenda = [];
+      let f; //   @@ This needs some form of visible progress bar
+      for (f = 0; f < toBeCopied.length; f++) {
+        const item = toBeCopied[f];
+        const fun = function copyItem(item) {
+          agenda.push(function () {
+            const newURI = newBase + item.local;
+            console.log('Copying ' + base + item.local + ' to ' + newURI);
+            const setThatACL = function () {
+              setACL(newURI, false, function (ok, message) {
+                if (!ok) {
+                  complainIfBad(ok, 'FAILED to set ACL ' + newURI + ' : ' + message);
+                  console.log('FAILED to set ACL ' + newURI + ' : ' + message);
+                } else {
+                  agenda.shift()(); // beware too much nesting
+                }
+              });
+            };
+            if (!store.fetcher) {
+              throw new Error('Store has no fetcher');
+            }
+            store.fetcher.webCopy(base + item.local, newBase + item.local, item.contentType).then(() => _solidLogic.authn.checkUser()).then(webId => {
+              me = webId;
+              setThatACL();
+            }).catch(err => {
+              console.log('FAILED to copy ' + base + item.local + ' : ' + err.message);
+              complainIfBad(false, 'FAILED to copy ' + base + item.local + ' : ' + err.message);
+            });
+          });
+        };
+        fun(item);
+      }
+      agenda.push(function createNewPadDataFile() {
+        store.add(newInstance, _solidUi.ns.rdf('type'), PAD('Notepad'), newPadDoc);
+
+        // TODO @@ Remove casting of add
+        store.add(newInstance, _solidUi.ns.dc('created'), new Date(),
+        // @@ TODO Remove casting
+        newPadDoc);
+        if (me) {
+          store.add(newInstance, _solidUi.ns.dc('author'), me, newPadDoc);
+        }
+        store.add(newInstance, PAD('next'), newInstance, newPadDoc); // linked list empty
+
+        // Keep a paper trail   @@ Revisit when we have non-public ones @@ Privacy
+        store.add(newInstance, _solidUi.ns.space('inspiration'), thisInstance, padDoc);
+        store.add(newInstance, _solidUi.ns.space('inspiration'), thisInstance, newPadDoc);
+        if (!updater) {
+          throw new Error('Have no updater');
+        }
+        updater.put(newPadDoc, store.statementsMatching(undefined, undefined, undefined, newPadDoc), 'text/turtle', function (_uri2, ok, message) {
+          if (ok) {
+            agenda.shift()();
+          } else {
+            complainIfBad(ok, 'FAILED to save new notepad at: ' + newPadDoc.uri + ' : ' + message);
+            console.log('FAILED to save new notepad at: ' + newPadDoc.uri + ' : ' + message);
+          }
+        });
+      });
+      agenda.push(function () {
+        setACL(newPadDoc.uri, true, function (ok, body) {
+          complainIfBad(ok, 'Failed to set Read-Write ACL on pad data file: ' + body);
+          if (ok) agenda.shift()();
+        });
+      });
+      agenda.push(function () {
+        // give the user links to the new app
+
+        const p = div.appendChild(dom.createElement('p'));
+        p.setAttribute('style', 'font-size: 140%;');
+        p.innerHTML = 'Your <a href=\'' + newIndexDoc.uri + '\'><b>new notepad</b></a> is ready. ' + '<br/><br/><a href=\'' + newIndexDoc.uri + '\'>Go to new pad</a>';
+      });
+      agenda.shift()();
+      // Created new data files.
+    };
+
+    //  Update on incoming changes
+    const showResults = function (exists) {
+      console.log('showResults()');
+      me = _solidLogic.authn.currentUser();
+      _solidLogic.authn.checkUser().then(webId => {
+        me = webId;
+      });
+      const title = store.any(subject, _solidUi.ns.dc('title')) || store.any(subject, _solidUi.ns.vcard('fn'));
+      if (paneOptions.solo && typeof window !== 'undefined' && title) {
+        window.document.title = title.value;
+      }
+      options.exists = exists;
+      padEle = _solidUi.pad.notepad(dom, padDoc, subject, me, options);
+      naviMain.appendChild(padEle);
+      const partipationTarget = store.any(subject, _solidUi.ns.meeting('parentMeeting')) || subject;
+      _solidUi.pad.manageParticipation(dom, naviMiddle2, padDoc, partipationTarget, me, options);
+      if (!store.updater) {
+        throw new Error('Store has no updater');
+      }
+      store.updater.setRefreshHandler(padDoc, padEle.reloadAndSync); // initiated =
+    };
+
+    // Read or create empty data file
+    const loadPadData = function () {
+      if (!fetcher) {
+        throw new Error('Have no fetcher');
+      }
+      fetcher.nowOrWhenFetched(padDoc.uri, undefined, function (ok, body, response) {
+        if (!ok) {
+          if (response.status === 404) {
+            // /  Check explicitly for 404 error
+            console.log('Initializing results file ' + padDoc);
+            if (!updater) {
+              throw new Error('Have no updater');
+            }
+            updater.put(padDoc, [], 'text/turtle', function (_uri2, ok, message) {
+              if (ok) {
+                clearElement(naviMain);
+                showResults(false);
+              } else {
+                complainIfBad(ok, 'FAILED to create results file at: ' + padDoc.uri + ' : ' + message);
+                console.log('FAILED to craete results file at: ' + padDoc.uri + ' : ' + message);
+              }
+            });
+          } else {
+            // Other error, not 404 -- do not try to overwite the file
+            complainIfBad(ok, 'FAILED to read results file: ' + body);
+          }
+        } else {
+          // Happy read
+          clearElement(naviMain);
+          if (store.holds(subject, _solidUi.ns.rdf('type'), _solidUi.ns.wf('TemplateInstance'))) {
+            showBootstrap(subject, naviMain, 'pad');
+          }
+          showResults(true);
+          naviMiddle3.appendChild(newInstanceButton());
+        }
+      });
+    };
+
+    //  Body of Pane
+    const appPathSegment = 'app-pad.timbl.com'; // how to allocate this string and connect to
+
+    const fetcher = store.fetcher;
+    const updater = store.updater;
+    let me;
+    const PAD = (0, _rdflib.Namespace)('http://www.w3.org/ns/pim/pad#');
+    const thisInstance = subject;
+    const padDoc = subject.doc();
+    let padEle;
+    const div = dom.createElement('div');
+
+    //  Build the DOM
+    const structure = div.appendChild(dom.createElement('table')); // @@ make responsive style
+    structure.setAttribute('style', 'background-color: white; min-width: 94%; margin-right:3% margin-left: 3%; min-height: 13em;');
+    const naviLoginoutTR = structure.appendChild(dom.createElement('tr'));
+    naviLoginoutTR.appendChild(dom.createElement('td')); // naviLoginout1
+    naviLoginoutTR.appendChild(dom.createElement('td'));
+    naviLoginoutTR.appendChild(dom.createElement('td'));
+    const naviTop = structure.appendChild(dom.createElement('tr')); // stuff
+    const naviMain = naviTop.appendChild(dom.createElement('td'));
+    naviMain.setAttribute('colspan', '3');
+    const naviMiddle = structure.appendChild(dom.createElement('tr')); // controls
+    const naviMiddle1 = naviMiddle.appendChild(dom.createElement('td'));
+    const naviMiddle2 = naviMiddle.appendChild(dom.createElement('td'));
+    const naviMiddle3 = naviMiddle.appendChild(dom.createElement('td'));
+    const naviStatus = structure.appendChild(dom.createElement('tr')); // status etc
+    const statusArea = naviStatus.appendChild(dom.createElement('div'));
+    const naviSpawn = structure.appendChild(dom.createElement('tr')); // create new
+    const spawnArea = naviSpawn.appendChild(dom.createElement('div'));
+    const naviMenu = structure.appendChild(dom.createElement('tr'));
+    naviMenu.setAttribute('class', 'naviMenu');
+    // naviMenu.setAttribute('style', 'margin-top: 3em;');
+    naviMenu.appendChild(dom.createElement('td')); // naviLeft
+    naviMenu.appendChild(dom.createElement('td'));
+    naviMenu.appendChild(dom.createElement('td'));
+    const options = {
+      statusArea,
+      timingArea: naviMiddle1
+    };
+    loadPadData();
+    return div;
+  }
+};
+// ends
+var _default = exports.default = paneDef;

package/dist/sharing/sharingPane.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _solidUi = require("solid-ui");
+/*   Sharing Pane
+ **
+ ** This outline pane allows a user to view and adjust the sharing -- access control lists
+ ** for anything which has that capability.
+ **
+ ** I am using in places single quotes strings like 'this'
+ ** where internationalization ("i18n") is not a problem, and double quoted
+ ** like "this" where the string is seen by the user and so I18n is an issue.
+ */
+
+const sharingPane = {
+  icon: _solidUi.icons.iconBase + 'padlock-timbl.svg',
+  name: 'sharing',
+  label: (subject, context) => {
+    const store = context.session.store;
+    const t = store.findTypeURIs(subject);
+    if (t[_solidUi.ns.ldp('Resource').uri]) return 'Sharing'; // @@ be more sophisticated?
+    if (t[_solidUi.ns.ldp('Container').uri]) return 'Sharing'; // @@ be more sophisticated?
+    if (t[_solidUi.ns.ldp('BasicContainer').uri]) return 'Sharing'; // @@ be more sophisticated?
+    // check being allowed to see/change sharing?
+    return null; // No under other circumstances
+  },
+  render: (subject, context) => {
+    const dom = context.dom;
+    const store = context.session.store;
+    const noun = getNoun();
+    const div = dom.createElement('div');
+    div.classList.add('sharingPane');
+    _solidUi.aclControl.preventBrowserDropEvents(dom);
+    div.appendChild(_solidUi.aclControl.ACLControlBox5(subject, context, noun, store));
+    return div;
+    function getNoun() {
+      const t = store.findTypeURIs(subject);
+      if (t[_solidUi.ns.ldp('BasicContainer').uri] || t[_solidUi.ns.ldp('Container').uri]) {
+        return 'folder';
+      }
+      return 'file';
+    }
+  }
+};
+var _default = exports.default = sharingPane;