solid-panes 3.5.13 → 3.5.14-alpha

package/lib/trustedApplications/trustedApplications.view.js

@@ -1,106 +1,98 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _solidUi = require("solid-ui");
-
-var _trustedApplications = require("./trustedApplications.dom");
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-var thisColor = '#418d99';
-var trustedApplicationView = {
-  global: true,
-  icon: "".concat(_solidUi.icons.iconBase, "noun_15177.svg"),
-  name: 'trustedApplications',
-  label: function label() {
-    return null;
-  },
-  render: function render(subject, context) {
-    var dom = context.dom;
-    var div = dom.createElement('div');
-    div.classList.add('trusted-applications-pane');
-    div.setAttribute('style', 'border: 0.3em solid ' + thisColor + '; border-radius: 0.5em; padding: 0.7em; margin-top:0.7em;');
-    var table = div.appendChild(dom.createElement('table'));
-    var main = table.appendChild(dom.createElement('tr'));
-    var bottom = table.appendChild(dom.createElement('tr'));
-    var statusArea = bottom.appendChild(dom.createElement('div'));
-    statusArea.setAttribute('style', 'padding: 0.7em;');
-
-    _render(dom, main, statusArea)["catch"](function (err) {
-      return statusArea.appendChild(_solidUi.widgets.errorMessageBlock(dom, err));
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
-
-    return div;
-  }
 };
-
-function _render(_x, _x2, _x3) {
-  return _render2.apply(this, arguments);
-}
-
-function _render2() {
-  _render2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(dom, main, statusArea) {
-    var authContext, subject, profile, editable, applicationsTable;
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return _solidUi.authn.logInLoadProfile({
-              dom: dom,
-              div: main,
-              statusArea: statusArea,
-              me: null
-            });
-
-          case 2:
-            authContext = _context.sent;
-            subject = authContext.me;
-            profile = subject.doc();
-
-            if (_solidUi.store.updater) {
-              _context.next = 7;
-              break;
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
             }
-
-            throw new Error('Store has no updater');
-
-          case 7:
-            editable = _solidUi.store.updater.editable(profile.uri, _solidUi.store);
-            main.appendChild((0, _trustedApplications.createText)('h3', 'Manage your trusted applications'));
-
-            if (editable) {
-              _context.next = 12;
-              break;
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var solid_ui_1 = require("solid-ui");
+var trustedApplications_dom_1 = require("./trustedApplications.dom");
+var thisColor = '#418d99';
+var trustedApplicationView = {
+    global: true,
+    icon: "".concat(solid_ui_1.icons.iconBase, "noun_15177.svg"),
+    name: 'trustedApplications',
+    label: function () { return null; },
+    render: function (subject, context) {
+        var dom = context.dom;
+        var div = dom.createElement('div');
+        div.classList.add('trusted-applications-pane');
+        div.setAttribute('style', 'border: 0.3em solid ' +
+            thisColor +
+            '; border-radius: 0.5em; padding: 0.7em; margin-top:0.7em;');
+        var table = div.appendChild(dom.createElement('table'));
+        var main = table.appendChild(dom.createElement('tr'));
+        var bottom = table.appendChild(dom.createElement('tr'));
+        var statusArea = bottom.appendChild(dom.createElement('div'));
+        statusArea.setAttribute('style', 'padding: 0.7em;');
+        render(dom, main, statusArea).catch(function (err) { return statusArea.appendChild(solid_ui_1.widgets.errorMessageBlock(dom, err)); });
+        return div;
+    }
+};
+function render(dom, main, statusArea) {
+    return __awaiter(this, void 0, void 0, function () {
+        var authContext, subject, profile, editable, applicationsTable;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, solid_ui_1.authn.logInLoadProfile({ dom: dom, div: main, statusArea: statusArea, me: null })];
+                case 1:
+                    authContext = _a.sent();
+                    subject = authContext.me;
+                    profile = subject.doc();
+                    if (!solid_ui_1.store.updater) {
+                        throw new Error('Store has no updater');
+                    }
+                    editable = solid_ui_1.store.updater.editable(profile.uri, solid_ui_1.store);
+                    main.appendChild((0, trustedApplications_dom_1.createText)('h3', 'Manage your trusted applications'));
+                    if (!editable) {
+                        main.appendChild(solid_ui_1.widgets.errorMessageBlock(dom, "Your profile ".concat(subject.doc().uri, " is not editable, so we cannot do much here.")));
+                        return [2 /*return*/];
+                    }
+                    main.appendChild((0, trustedApplications_dom_1.createText)('p', 'Here you can manage the applications you trust.'));
+                    applicationsTable = (0, trustedApplications_dom_1.createApplicationTable)(subject);
+                    main.appendChild(applicationsTable);
+                    main.appendChild((0, trustedApplications_dom_1.createText)('h4', 'Notes'));
+                    main.appendChild((0, trustedApplications_dom_1.createContainer)('ol', [
+                        main.appendChild((0, trustedApplications_dom_1.createText)('li', 'Trusted applications will get access to all resources that you have access to.')),
+                        main.appendChild((0, trustedApplications_dom_1.createText)('li', 'You can limit which modes they have by default.')),
+                        main.appendChild((0, trustedApplications_dom_1.createText)('li', 'They will not gain more access than you have.'))
+                    ]));
+                    main.appendChild((0, trustedApplications_dom_1.createText)('p', 'Application URLs must be valid URL. Examples are http://localhost:3000, https://trusted.app, and https://sub.trusted.app.'));
+                    return [2 /*return*/];
             }
-
-            main.appendChild(_solidUi.widgets.errorMessageBlock(dom, "Your profile ".concat(subject.doc().uri, " is not editable, so we cannot do much here.")));
-            return _context.abrupt("return");
-
-          case 12:
-            main.appendChild((0, _trustedApplications.createText)('p', 'Here you can manage the applications you trust.'));
-            applicationsTable = (0, _trustedApplications.createApplicationTable)(subject);
-            main.appendChild(applicationsTable);
-            main.appendChild((0, _trustedApplications.createText)('h4', 'Notes'));
-            main.appendChild((0, _trustedApplications.createContainer)('ol', [main.appendChild((0, _trustedApplications.createText)('li', 'Trusted applications will get access to all resources that you have access to.')), main.appendChild((0, _trustedApplications.createText)('li', 'You can limit which modes they have by default.')), main.appendChild((0, _trustedApplications.createText)('li', 'They will not gain more access than you have.'))]));
-            main.appendChild((0, _trustedApplications.createText)('p', 'Application URLs must be valid URL. Examples are http://localhost:3000, https://trusted.app, and https://sub.trusted.app.'));
-
-          case 18:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _render2.apply(this, arguments);
+        });
+    });
 }
-
-var _default = trustedApplicationView;
-exports["default"] = _default;
+exports.default = trustedApplicationView;
 //# sourceMappingURL=trustedApplications.view.js.map

package/lib/trustedApplications/trustedApplications.view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/trustedApplications/trustedApplications.view.ts"],"names":["thisColor","trustedApplicationView","global","icon","icons","iconBase","name","label","render","subject","context","dom","div","createElement","classList","add","setAttribute","table","appendChild","main","bottom","statusArea","err","widgets","errorMessageBlock","authn","logInLoadProfile","me","authContext","profile","doc","store","updater","Error","editable","uri","applicationsTable"],"mappings":"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","sourcesContent":["import { authn, icons, store, widgets } from 'solid-ui'\nimport { NamedNode } from 'rdflib'\n\nimport { PaneDefinition } from 'pane-registry'\nimport { createApplicationTable, createContainer, createText } from './trustedApplications.dom'\n\nconst thisColor = '#418d99'\n\nconst trustedApplicationView: PaneDefinition = {\n  global: true,\n  icon: `${icons.iconBase}noun_15177.svg`,\n  name: 'trustedApplications',\n  label: () => null,\n  render: (subject, context) => {\n    const dom = context.dom\n    const div = dom.createElement('div')\n    div.classList.add('trusted-applications-pane')\n    div.setAttribute(\n      'style',\n      'border: 0.3em solid ' +\n      thisColor +\n      '; border-radius: 0.5em; padding: 0.7em; margin-top:0.7em;'\n    )\n    const table = div.appendChild(dom.createElement('table'))\n    const main = table.appendChild(dom.createElement('tr'))\n    const bottom = table.appendChild(dom.createElement('tr'))\n    const statusArea = bottom.appendChild(dom.createElement('div'))\n    statusArea.setAttribute('style', 'padding: 0.7em;')\n    render(dom, main, statusArea).catch(err => statusArea.appendChild(widgets.errorMessageBlock(dom, err)))\n    return div\n  }\n}\n\nasync function render (dom, main, statusArea): Promise<void> {\n  const authContext = await authn.logInLoadProfile({ dom: dom, div: main, statusArea: statusArea, me: null })\n  const subject = authContext.me as NamedNode\n\n  const profile = subject.doc()\n  if (!store.updater) {\n    throw new Error('Store has no updater')\n  }\n  const editable = store.updater.editable(profile.uri, store)\n\n  main.appendChild(createText('h3', 'Manage your trusted applications'))\n\n  if (!editable) {\n    main.appendChild(\n      widgets.errorMessageBlock(dom, `Your profile ${subject.doc().uri} is not editable, so we cannot do much here.`)\n    )\n    return\n  }\n\n  main.appendChild(createText('p', 'Here you can manage the applications you trust.'))\n\n  const applicationsTable = createApplicationTable(subject)\n  main.appendChild(applicationsTable)\n\n  main.appendChild(createText('h4', 'Notes'))\n  main.appendChild(\n    createContainer('ol', [\n      main.appendChild(\n        createText(\n          'li',\n          'Trusted applications will get access to all resources that you have access to.'\n        )\n      ),\n      main.appendChild(\n        createText('li', 'You can limit which modes they have by default.')\n      ),\n      main.appendChild(\n        createText('li', 'They will not gain more access than you have.')\n      )\n    ])\n  )\n  main.appendChild(\n    createText('p', 'Application URLs must be valid URL. Examples are http://localhost:3000, https://trusted.app, and https://sub.trusted.app.')\n  )\n}\n\nexport default trustedApplicationView\n"],"file":"trustedApplications.view.js"}
+{"version":3,"file":"trustedApplications.view.js","sourceRoot":"","sources":["../../src/trustedApplications/trustedApplications.view.ts"],"names":[],"mappings":"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"}

package/lib/types.js

@@ -1,6 +1,3 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/lib/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/lib/versionInfo.js

@@ -1,31 +1,26 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  buildTime: '2021-12-22T16:03:19Z',
-  commit: 'f9aeaef823bbf98714208cdce56371653618e0be',
-  npmInfo: {
-    'solid-panes': '3.5.12',
-    npm: '6.14.13',
-    ares: '1.17.1',
-    brotli: '1.0.9',
-    cldr: '39.0',
-    icu: '69.1',
-    llhttp: '2.1.3',
-    modules: '83',
-    napi: '8',
-    nghttp2: '1.42.0',
-    node: '14.17.3',
-    openssl: '1.1.1k',
-    tz: '2021a',
-    unicode: '13.0',
-    uv: '1.41.0',
-    v8: '8.4.371.23-node.67',
-    zlib: '1.2.11'
-  }
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    buildTime: '2022-01-18T23:23:17Z',
+    commit: '36b208831217a00e6be5f0fb39a379468f906c2b',
+    npmInfo: {
+        'solid-panes': '3.5.14',
+        npm: '6.14.13',
+        ares: '1.17.1',
+        brotli: '1.0.9',
+        cldr: '39.0',
+        icu: '69.1',
+        llhttp: '2.1.3',
+        modules: '83',
+        napi: '8',
+        nghttp2: '1.42.0',
+        node: '14.17.3',
+        openssl: '1.1.1k',
+        tz: '2021a',
+        unicode: '13.0',
+        uv: '1.41.0',
+        v8: '8.4.371.23-node.67',
+        zlib: '1.2.11'
+    }
 };
-exports["default"] = _default;
 //# sourceMappingURL=versionInfo.js.map

package/lib/versionInfo.js.map

@@ -1 +1 @@
-{"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,mBAAe,QADjB;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-12-22T16:03:19Z',\n  commit: 'f9aeaef823bbf98714208cdce56371653618e0be',\n  npmInfo:\n{\n  'solid-panes': '3.5.12',\n  npm: '6.14.13',\n  ares: '1.17.1',\n  brotli: '1.0.9',\n  cldr: '39.0',\n  icu: '69.1',\n  llhttp: '2.1.3',\n  modules: '83',\n  napi: '8',\n  nghttp2: '1.42.0',\n  node: '14.17.3',\n  openssl: '1.1.1k',\n  tz: '2021a',\n  unicode: '13.0',\n  uv: '1.41.0',\n  v8: '8.4.371.23-node.67',\n  zlib: '1.2.11'\n}\n}\n"],"file":"versionInfo.js"}
+{"version":3,"file":"versionInfo.js","sourceRoot":"","sources":["../src/versionInfo.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,SAAS,EAAE,sBAAsB;IACjC,MAAM,EAAE,0CAA0C;IAClD,OAAO,EACT;QACE,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,OAAO;QACf,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,QAAQ;QACjB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,QAAQ;QACjB,EAAE,EAAE,OAAO;QACX,OAAO,EAAE,MAAM;QACf,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,oBAAoB;QACxB,IAAI,EAAE,QAAQ;KACf;CACA,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-panes",
-  "version": "3.5.13",
+  "version": "3.5.14-alpha",
   "description": "Solid-compatible Panes: applets and views for the mashlib and databrowser",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -54,18 +54,18 @@
     "contacts-pane": "^2.5.6",
     "folder-pane": "^2.4.10",
     "issue-pane": "^2.4.8",
-    "markdown-pane": "^0.2.1",
     "marked": "^4.0.8",
     "meeting-pane": "^2.3.7",
     "mime-types": "^2.1.34",
-    "pane-registry": "^2.4.5",
+    "pane-registry": "^2.4.5-alpha",
     "path-browserify": "^1.0.1",
     "profile-pane": "^1.0.4",
     "rdflib": "^2.2.15",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "solid-logic": "^1.3.12",
     "solid-namespace": "^0.5.2",
-    "solid-ui": "^2.4.14",
+    "solid-ui": "^2.4.14-alpha",
     "source-pane": "^2.2.13"
   },
   "devDependencies": {

package/src/index.ts

@@ -14,6 +14,7 @@
 // var UI = require('solid-ui') // Note we will add the panes register to this.
 import versionInfo from './versionInfo'
 import * as UI from 'solid-ui'
+import { LiveStore } from 'solid-logic'
 import OutlineManager from './outline/manager.js'
 import registerPanes from './registerPanes.js'
 import {
@@ -21,10 +22,10 @@ import {
   paneForIcon,
   paneForPredicate,
   register,
-  byName,
-  LiveStore
+  byName
 } from 'pane-registry'
 import { createContext } from './outline/context'
+import initMainPage from './mainPage'
 
 export function getOutliner (dom) {
   if (!dom.outlineManager) {
@@ -61,4 +62,4 @@ export {
 // where there are many occurrences of window and of window.document
 // But each DOM should have just one outline manager.
 
-export { OutlineManager, UI, versionInfo }
+export { OutlineManager, UI, versionInfo, initMainPage }

package/src/mainPage/footer.ts

@@ -0,0 +1,19 @@
+import { IndexedFormula } from 'rdflib'
+import { initFooter } from 'solid-ui'
+
+/**
+ * links in the footer
+*/
+const SOLID_PROJECT_URL = 'https://solidproject.org'
+const SOLID_PROJECT_NAME = 'solidproject.org'
+
+export function createFooter (store: IndexedFormula) {
+  initFooter(store, setFooterOptions())
+}
+
+function setFooterOptions () {
+  return {
+    solidProjectUrl: SOLID_PROJECT_URL,
+    solidProjectName: SOLID_PROJECT_NAME
+  }
+}

package/src/mainPage/header.ts

@@ -0,0 +1,75 @@
+import { icons, authn, initHeader } from 'solid-ui'
+/**
+ * menu icons
+*/
+const HELP_MENU_ICON = 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://solid.github.io/userguide/'
+const REPORT_A_PROBLEM_MENU_URL = 'https://github.com/solid/solidos/issues'
+
+export async function createHeader (store, outliner) {
+  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: helpMenuList }
+
+  return headerOptions
+}
+
+async function setUserMenu (outliner: any) {
+  const showProfile = {
+    label: SHOW_YOUR_PROFILE_MENU_ITEM,
+    onclick: () => openUserProfile(outliner)
+  }
+
+  const logOut = {
+    label: LOG_OUT_MENU_ITEM,
+    onclick: () => {
+      authn.authSession.logout()
+    }
+  }
+
+  // the order of the menu is important here, show profile first and logout last
+  let userMenuList = [showProfile]
+  userMenuList = userMenuList.concat(await getMenuItems(outliner))
+  userMenuList.push(logOut)
+
+  return userMenuList
+}
+
+function openUserProfile (outliner: any) {
+  outliner.GotoSubject(authn.currentUser(), true, undefined, true, undefined)
+  location.reload()
+}
+
+async function getMenuItems (outliner: any) {
+  const items = await outliner.getDashboardItems()
+  return items.map((element) => {
+    return {
+      label: element.label,
+      onclick: () => openDashboardPane(outliner, element.tabName || element.paneName)
+    }
+  })
+}
+
+async function openDashboardPane (outliner: any, pane: string): Promise<void> {
+  outliner.showDashboard({
+    pane
+  })
+}

package/src/mainPage/index.ts

@@ -0,0 +1,20 @@
+/*   Main Page
+ **
+ **  This code is called in mashlib and renders the header and footer of the Databrowser.
+ */
+
+import { IndexedFormula, NamedNode } from 'rdflib'
+import { getOutliner } from '../index'
+import { createHeader } from './header'
+import { createFooter } from './footer'
+
+export default async function initMainPage (store: IndexedFormula, uri?: string|NamedNode|null) {
+  const outliner = 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 = createHeader(store, outliner)
+  const footer = createFooter(store)
+  return Promise.all([header, footer])
+}

package/src/outline/context.ts

@@ -1,6 +1,6 @@
-import { DataBrowserContext, LiveStore, PaneRegistry } from 'pane-registry'
+import { DataBrowserContext, PaneRegistry } from 'pane-registry'
 import { getOutliner } from '../index'
-import { SolidLogic } from 'solid-logic'
+import { SolidLogic, LiveStore } from 'solid-logic'
 
 export function createContext (
   dom: HTMLDocument,

package/src/outline/manager.js

@@ -392,6 +392,7 @@ export default function (context) {
 
   async function getDashboardItems () {
     const me = UI.authn.currentUser()
+    if (!me) return []
     const div = dom.createElement('div')
     const [books, pods] = await Promise.all([getAddressBooks(), getPods()])
     return [

package/src/versionInfo.ts

@@ -1,9 +1,9 @@
 export default {
-  buildTime: '2021-12-22T16:03:19Z',
-  commit: 'f9aeaef823bbf98714208cdce56371653618e0be',
+  buildTime: '2022-01-18T23:23:17Z',
+  commit: '36b208831217a00e6be5f0fb39a379468f906c2b',
   npmInfo:
 {
-  'solid-panes': '3.5.12',
+  'solid-panes': '3.5.14',
   npm: '6.14.13',
   ares: '1.17.1',
   brotli: '1.0.9',