solid-panes 3.5.14 → 3.5.15

package/lib/versionInfo.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default = {
-  buildTime: '2021-12-31T16:09:18Z',
-  commit: '0bd1160e1f47fd31e285531801373b170b63a663',
+  buildTime: '2022-01-28T10:16:20Z',
+  commit: 'ad1ef0272c97b0830f9cb8d74ab8d42af173bcc1',
   npmInfo: {
-    'solid-panes': '3.5.13',
+    'solid-panes': '3.5.15',
     npm: '6.14.13',
     ares: '1.17.1',
     brotli: '1.0.9',

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-31T16:09:18Z',\n  commit: '0bd1160e1f47fd31e285531801373b170b63a663',\n  npmInfo:\n{\n  'solid-panes': '3.5.13',\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,"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: '2022-01-28T10:16:20Z',\n  commit: 'ad1ef0272c97b0830f9cb8d74ab8d42af173bcc1',\n  npmInfo:\n{\n  'solid-panes': '3.5.15',\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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-panes",
-  "version": "3.5.14",
+  "version": "3.5.15",
   "description": "Solid-compatible Panes: applets and views for the mashlib and databrowser",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -45,27 +45,27 @@
   "homepage": "https://github.com/solid/solid-panes",
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@inrupt/solid-client-authn-browser": "^1.11.3",
     "@solid/better-simple-slideshow": "^0.1.0",
-    "activitystreams-pane": "^0.6.2",
+    "activitystreams-pane": "^0.6.3",
     "babel-preset-env": "^1.7.0",
     "babel-preset-metalab": "^1.0.0",
-    "chat-pane": "^2.4.13",
-    "contacts-pane": "^2.5.6",
-    "folder-pane": "^2.4.10",
-    "issue-pane": "^2.4.8",
+    "chat-pane": "^2.4.14",
+    "contacts-pane": "^2.6.0",
+    "folder-pane": "^2.4.12",
+    "issue-pane": "^2.4.9",
     "marked": "^4.0.8",
-    "meeting-pane": "^2.3.7",
+    "meeting-pane": "^2.3.8",
     "mime-types": "^2.1.34",
-    "pane-registry": "^2.4.5",
+    "pane-registry": "^2.4.6",
     "path-browserify": "^1.0.1",
-    "profile-pane": "^1.0.4",
-    "rdflib": "^2.2.15",
+    "profile-pane": "^1.0.7",
+    "rdflib": "^2.2.17",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "solid-logic": "^1.3.13",
     "solid-namespace": "^0.5.2",
-    "solid-ui": "^2.4.14",
-    "source-pane": "^2.2.13"
+    "solid-ui": "^2.4.15",
+    "source-pane": "^2.2.14"
   },
   "devDependencies": {
     "@babel/cli": "^7.16.0",

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 'rdflib'
 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 = await createHeader(store, outliner)
+  const footer = createFooter(store)
+  return Promise.all([header, footer])
+}

package/src/outline/context.ts

@@ -1,6 +1,7 @@
-import { DataBrowserContext, LiveStore, PaneRegistry } from 'pane-registry'
+import { DataBrowserContext, PaneRegistry } from 'pane-registry'
 import { getOutliner } from '../index'
 import { SolidLogic } from 'solid-logic'
+import { LiveStore } from 'rdflib'
 
 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-31T16:09:18Z',
-  commit: '0bd1160e1f47fd31e285531801373b170b63a663',
+  buildTime: '2022-01-28T10:16:20Z',
+  commit: 'ad1ef0272c97b0830f9cb8d74ab8d42af173bcc1',
   npmInfo:
 {
-  'solid-panes': '3.5.13',
+  'solid-panes': '3.5.15',
   npm: '6.14.13',
   ares: '1.17.1',
   brotli: '1.0.9',