solid-panes 5.0.0-1 → 5.1.0-0

package/dist/internal/internalPane2.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"internalPane2.esm.js","names":[],"sources":["../../src/internal/internalPane.ts"],"sourcesContent":["/*   Internal Pane\n **\n **  This outline pane contains the properties which are\n ** internal to the user's interaction with the web, and are not normally displayed\n */\n/* global alert confirm */\n\nimport { icons, ns, widgets } from 'solid-ui'\nimport { BlankNode, IndexedFormula, literal, NamedNode, st, sym, Variable, Store } from 'rdflib'\nimport { PaneDefinition } from 'pane-registry'\nimport './internalPane.css'\n\nconst pane: PaneDefinition = {\n  icon: icons.originalIconBase + 'tango/22-emblem-system.png',\n\n  name: 'internal',\n\n  label: function () {\n    return 'Under The Hood' // There is often a URI even of no statements\n  },\n\n  render: function (subject, context) {\n    const dom = context.dom\n    // @ts-ignore\n    const store = context.session.store as Store\n    const canonizedSubject = store.canon(subject) as BlankNode | NamedNode | Variable\n    const types = store.findTypeURIs(canonizedSubject)\n\n    function filter (pred: NamedNode) {\n      if (types['http://www.w3.org/2007/ont/link#ProtocolEvent']) return true // display everything for them\n      const view = context.session.paneRegistry.byName('internal')\n      return (\n        view &&\n        view.predicates &&\n        !!(typeof view.predicates[pred.uri] !== 'undefined')\n      )\n    }\n\n    const div = dom.createElement('div')\n    div.classList.add('internalPane', 'internalPaneContent')\n\n    function deleteRecursive (kb: IndexedFormula, folder: NamedNode) {\n      const fetcher = (kb as any).fetcher\n      if (!fetcher) {\n        console.error('No fetcher available')\n        return\n      }\n      return new Promise(function (resolve, reject) {\n        fetcher.load(folder).then(function () {\n          const promises = kb.each(folder, ns.ldp('contains')).map(file => {\n            if (kb.holds(file, ns.rdf('type'), ns.ldp('BasicContainer'))) {\n              return deleteRecursive(kb, file as NamedNode)\n            } else {\n              console.log('deleteRecursive leaf file: ' + file)\n              return fetcher.webOperation('DELETE', (file as NamedNode).uri)\n            }\n          })\n          Promise.all(promises).then(\n            () => {\n              console.log('deleteRecursive empty folder: ' + folder)\n              fetcher\n                .webOperation('DELETE', folder.uri)\n                .then(() => {\n                  console.log('Deleted Ok: ' + folder)\n                  resolve(undefined)\n                })\n                .catch((err: string) => {\n                  const str = 'Unable to delete ' + folder + ': ' + err\n                  console.log(str)\n                  reject(new Error(str))\n                })\n              resolve(undefined)\n            },\n            err => {\n              alert(err)\n              reject(err)\n            }\n          )\n        })\n      })\n    }\n\n    const isDocument = subject.uri && !subject.uri.includes('#')\n    if (isDocument) {\n      const controls = div.appendChild(dom.createElement('table'))\n      controls.classList.add('internalPaneControls')\n      const controlRow = controls.appendChild(dom.createElement('tr'))\n\n      const deleteCell = controlRow.appendChild(dom.createElement('td'))\n      const isFolder =\n        (subject.uri && subject.uri.endsWith('/')) ||\n        store.holds(subject, ns.rdf('type'), ns.ldp('Container'))\n      const noun = isFolder ? 'folder' : 'file'\n      if (!isProtectedUri(subject)) {\n        console.log(subject)\n        const deleteButton = widgets.deleteButtonWithCheck(\n          dom,\n          deleteCell,\n          noun,\n          function () {\n            if (\n              !confirm(\n                `Are you sure you want to delete ${subject}? This cannot be undone.`\n              )\n            ) {\n              return\n            }\n            // @@ TODO Remove casing of store.fetcher\n            if (!store.fetcher) {\n              throw new Error('Store has no fetcher')\n            }\n            const promise = isFolder\n              ? (deleteRecursive(store, subject) || Promise.resolve())\n              : store.fetcher.webOperation('DELETE', subject.uri) || Promise.resolve()\n            promise\n              .then(() => {\n                const str = 'Deleted: ' + subject\n                console.log(str)\n              })\n              .catch((err: any) => {\n                const str = 'Unable to delete ' + subject + ': ' + err\n                console.log(str)\n                alert(str)\n              })\n          }\n        )\n\n        deleteButton.removeAttribute('class') // Remove hover hide\n        deleteButton.classList.add('internalPaneDeleteButton')\n        deleteCell.appendChild(deleteButton)\n      }\n\n      const refreshCell = controlRow.appendChild(dom.createElement('td'))\n      const refreshButton = widgets.button(\n        dom,\n        icons.iconBase + 'noun_479395.svg',\n        'refresh'\n      )\n      refreshCell.appendChild(refreshButton)\n      refreshButton.addEventListener('click', () => {\n        if (!store.fetcher) {\n          throw new Error('Store has no fetcher')\n        }\n        store.fetcher.refresh(subject, function (\n          ok,\n          errm\n        ) {\n          let str\n          if (ok) {\n            str = 'Refreshed OK: ' + subject\n          } else {\n            str = 'Error refreshing: ' + subject + ': ' + errm\n          }\n          console.log(str)\n          alert(str)\n        })\n      })\n    }\n\n    let plist = store.statementsMatching(subject)\n    let docURI = ''\n    if (!store.fetcher) {\n      throw new Error('Store has no fetcher')\n    }\n\n    if (subject.uri) {\n      plist.push(\n        st(\n          subject,\n          sym('http://www.w3.org/2007/ont/link#uri'),\n          subject.uri as any, // @@ TODO Remove casting\n          store.fetcher.appNode\n        )\n      )\n      if (subject.uri.indexOf('#') >= 0) {\n        docURI = subject.uri.split('#')[0]\n        plist.push(\n          st(\n            subject,\n            sym('http://www.w3.org/2007/ont/link#documentURI'),\n            subject.uri.split('#')[0] as any, // @@ TODO Remove casting\n            store.fetcher.appNode\n          )\n        )\n        plist.push(\n          st(\n            subject,\n            sym('http://www.w3.org/2007/ont/link#document'),\n            sym(subject.uri.split('#')[0]),\n            store.fetcher.appNode\n          )\n        )\n      } else {\n        docURI = subject.uri\n      }\n    }\n    if (docURI) {\n      if (!store.updater) {\n        throw new Error('Store has no updater')\n      }\n\n      const ed = store.updater.editable(docURI)\n      if (ed) {\n        plist.push(\n          st(\n            subject,\n            sym('http://www.w3.org/ns/rww#editable'),\n            literal(ed.toString()),\n            store.fetcher.appNode\n          )\n        )\n      }\n    }\n    // @@ TODO get a proper type\n    const outliner: any = context.getOutliner(dom)\n    outliner.appendPropertyTRs(div, plist, false, filter)\n    plist = store.statementsMatching(undefined, undefined, subject)\n    outliner.appendPropertyTRs(div, plist, true, filter)\n    return div\n  },\n\n  predicates: {\n    // Predicates used for inner workings. Under the hood\n    'http://www.w3.org/2007/ont/link#request': 1,\n    'http://www.w3.org/2007/ont/link#requestedBy': 1,\n    'http://www.w3.org/2007/ont/link#source': 1,\n    'http://www.w3.org/2007/ont/link#session': 2, // 2=  test neg but display\n    'http://www.w3.org/2007/ont/link#uri': 1,\n    'http://www.w3.org/2007/ont/link#documentURI': 1,\n    'http://www.w3.org/2007/ont/link#document': 1,\n    'http://www.w3.org/2007/ont/link#all': 1, // From userinput.js\n    'http://www.w3.org/2007/ont/link#Document': 1,\n    'http://www.w3.org/ns/rww#editable': 1,\n    'http://www.w3.org/2000/01/rdf-schema#seeAlso': 1,\n    'http://www.w3.org/2002/07/owl#': 1\n  },\n\n  classes: {\n    // Things which are inherently already undercover\n    'http://www.w3.org/2007/ont/link#ProtocolEvent': 1\n  }\n}\n\nfunction isProtectedUri (subject: NamedNode): boolean {\n  // TODO: Could make the code below smarter by removing some of the redundancy by creating a recursive function, but did not bother now\n  const siteUri = subject.site().uri\n  return (\n    subject.uri === siteUri ||\n    subject.uri === siteUri + 'profile/' ||\n    subject.uri === siteUri + 'profile/card' ||\n    subject.uri === siteUri + 'settings/' ||\n    subject.uri === siteUri + 'settings/prefs.ttl' ||\n    subject.uri === siteUri + 'settings/privateTypeIndex.ttl' ||\n    subject.uri === siteUri + 'settings/publicTypeIndex.ttl' ||\n    subject.uri === siteUri + 'settings/serverSide.ttl'\n  )\n}\n\nexport default pane\n\n// ends\n"],"mappings":"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"}
+{"version":3,"file":"internalPane2.esm.js","names":["pane","icons","dom","context","store","canonizedSubject","subject","types","filter","view","pred","div","deleteRecursive","fetcher","kb","folder","promises","ns","file","resolve","str","err","reject","controls","controlRow","deleteCell","isFolder","noun","isProtectedUri","deleteButton","widgets","refreshCell","refreshButton","ok","errm","plist","docURI","st","sym","ed","literal","outliner","siteUri"],"sources":["../../src/internal/internalPane.ts"],"sourcesContent":["/*   Internal Pane\n **\n **  This outline pane contains the properties which are\n ** internal to the user's interaction with the web, and are not normally displayed\n */\n/* global alert confirm */\n\nimport { icons, ns, widgets } from 'solid-ui'\nimport { BlankNode, IndexedFormula, literal, NamedNode, st, sym, Variable, Store } from 'rdflib'\nimport { PaneDefinition } from 'pane-registry'\nimport './internalPane.css'\n\nconst pane: PaneDefinition = {\n  icon: icons.originalIconBase + 'tango/22-emblem-system.png',\n\n  name: 'internal',\n\n  label: function () {\n    return 'Under The Hood' // There is often a URI even of no statements\n  },\n\n  render: function (subject, context) {\n    const dom = context.dom\n    // @ts-ignore\n    const store = context.session.store as Store\n    const canonizedSubject = store.canon(subject) as BlankNode | NamedNode | Variable\n    const types = store.findTypeURIs(canonizedSubject)\n\n    function filter (pred: NamedNode) {\n      if (types['http://www.w3.org/2007/ont/link#ProtocolEvent']) return true // display everything for them\n      const view = context.session.paneRegistry.byName('internal')\n      return (\n        view &&\n        view.predicates &&\n        !!(typeof view.predicates[pred.uri] !== 'undefined')\n      )\n    }\n\n    const div = dom.createElement('div')\n    div.classList.add('internalPane', 'internalPaneContent')\n\n    function deleteRecursive (kb: IndexedFormula, folder: NamedNode) {\n      const fetcher = (kb as any).fetcher\n      if (!fetcher) {\n        console.error('No fetcher available')\n        return\n      }\n      return new Promise(function (resolve, reject) {\n        fetcher.load(folder).then(function () {\n          const promises = kb.each(folder, ns.ldp('contains')).map(file => {\n            if (kb.holds(file, ns.rdf('type'), ns.ldp('BasicContainer'))) {\n              return deleteRecursive(kb, file as NamedNode)\n            } else {\n              console.log('deleteRecursive leaf file: ' + file)\n              return fetcher.webOperation('DELETE', (file as NamedNode).uri)\n            }\n          })\n          Promise.all(promises).then(\n            () => {\n              console.log('deleteRecursive empty folder: ' + folder)\n              fetcher\n                .webOperation('DELETE', folder.uri)\n                .then(() => {\n                  console.log('Deleted Ok: ' + folder)\n                  resolve(undefined)\n                })\n                .catch((err: string) => {\n                  const str = 'Unable to delete ' + folder + ': ' + err\n                  console.log(str)\n                  reject(new Error(str))\n                })\n              resolve(undefined)\n            },\n            err => {\n              alert(err)\n              reject(err)\n            }\n          )\n        })\n      })\n    }\n\n    const isDocument = subject.uri && !subject.uri.includes('#')\n    if (isDocument) {\n      const controls = div.appendChild(dom.createElement('table'))\n      controls.classList.add('internalPaneControls')\n      const controlRow = controls.appendChild(dom.createElement('tr'))\n\n      const deleteCell = controlRow.appendChild(dom.createElement('td'))\n      const isFolder =\n        (subject.uri && subject.uri.endsWith('/')) ||\n        store.holds(subject, ns.rdf('type'), ns.ldp('Container'))\n      const noun = isFolder ? 'folder' : 'file'\n      if (!isProtectedUri(subject)) {\n        console.log(subject)\n        const deleteButton = widgets.deleteButtonWithCheck(\n          dom,\n          deleteCell,\n          noun,\n          function () {\n            if (\n              !confirm(\n                `Are you sure you want to delete ${subject}? This cannot be undone.`\n              )\n            ) {\n              return\n            }\n            // @@ TODO Remove casing of store.fetcher\n            if (!store.fetcher) {\n              throw new Error('Store has no fetcher')\n            }\n            const promise = isFolder\n              ? (deleteRecursive(store, subject) || Promise.resolve())\n              : store.fetcher.webOperation('DELETE', subject.uri) || Promise.resolve()\n            promise\n              .then(() => {\n                const str = 'Deleted: ' + subject\n                console.log(str)\n              })\n              .catch((err: any) => {\n                const str = 'Unable to delete ' + subject + ': ' + err\n                console.log(str)\n                alert(str)\n              })\n          }\n        )\n\n        deleteButton.removeAttribute('class') // Remove hover hide\n        deleteButton.classList.add('internalPaneDeleteButton')\n        deleteCell.appendChild(deleteButton)\n      }\n\n      const refreshCell = controlRow.appendChild(dom.createElement('td'))\n      const refreshButton = widgets.button(\n        dom,\n        icons.iconBase + 'noun_479395.svg',\n        'refresh'\n      )\n      refreshCell.appendChild(refreshButton)\n      refreshButton.addEventListener('click', () => {\n        if (!store.fetcher) {\n          throw new Error('Store has no fetcher')\n        }\n        store.fetcher.refresh(subject, function (\n          ok,\n          errm\n        ) {\n          let str\n          if (ok) {\n            str = 'Refreshed OK: ' + subject\n          } else {\n            str = 'Error refreshing: ' + subject + ': ' + errm\n          }\n          console.log(str)\n          alert(str)\n        })\n      })\n    }\n\n    let plist = store.statementsMatching(subject)\n    let docURI = ''\n    if (!store.fetcher) {\n      throw new Error('Store has no fetcher')\n    }\n\n    if (subject.uri) {\n      plist.push(\n        st(\n          subject,\n          sym('http://www.w3.org/2007/ont/link#uri'),\n          subject.uri as any, // @@ TODO Remove casting\n          store.fetcher.appNode\n        )\n      )\n      if (subject.uri.indexOf('#') >= 0) {\n        docURI = subject.uri.split('#')[0]\n        plist.push(\n          st(\n            subject,\n            sym('http://www.w3.org/2007/ont/link#documentURI'),\n            subject.uri.split('#')[0] as any, // @@ TODO Remove casting\n            store.fetcher.appNode\n          )\n        )\n        plist.push(\n          st(\n            subject,\n            sym('http://www.w3.org/2007/ont/link#document'),\n            sym(subject.uri.split('#')[0]),\n            store.fetcher.appNode\n          )\n        )\n      } else {\n        docURI = subject.uri\n      }\n    }\n    if (docURI) {\n      if (!store.updater) {\n        throw new Error('Store has no updater')\n      }\n\n      const ed = store.updater.editable(docURI)\n      if (ed) {\n        plist.push(\n          st(\n            subject,\n            sym('http://www.w3.org/ns/rww#editable'),\n            literal(ed.toString()),\n            store.fetcher.appNode\n          )\n        )\n      }\n    }\n    // @@ TODO get a proper type\n    const outliner: any = context.getOutliner(dom)\n    outliner.appendPropertyTRs(div, plist, false, filter)\n    plist = store.statementsMatching(undefined, undefined, subject)\n    outliner.appendPropertyTRs(div, plist, true, filter)\n    return div\n  },\n\n  predicates: {\n    // Predicates used for inner workings. Under the hood\n    'http://www.w3.org/2007/ont/link#request': 1,\n    'http://www.w3.org/2007/ont/link#requestedBy': 1,\n    'http://www.w3.org/2007/ont/link#source': 1,\n    'http://www.w3.org/2007/ont/link#session': 2, // 2=  test neg but display\n    'http://www.w3.org/2007/ont/link#uri': 1,\n    'http://www.w3.org/2007/ont/link#documentURI': 1,\n    'http://www.w3.org/2007/ont/link#document': 1,\n    'http://www.w3.org/2007/ont/link#all': 1, // From userinput.js\n    'http://www.w3.org/2007/ont/link#Document': 1,\n    'http://www.w3.org/ns/rww#editable': 1,\n    'http://www.w3.org/2000/01/rdf-schema#seeAlso': 1,\n    'http://www.w3.org/2002/07/owl#': 1\n  },\n\n  classes: {\n    // Things which are inherently already undercover\n    'http://www.w3.org/2007/ont/link#ProtocolEvent': 1\n  }\n}\n\nfunction isProtectedUri (subject: NamedNode): boolean {\n  // TODO: Could make the code below smarter by removing some of the redundancy by creating a recursive function, but did not bother now\n  const siteUri = subject.site().uri\n  return (\n    subject.uri === siteUri ||\n    subject.uri === siteUri + 'profile/' ||\n    subject.uri === siteUri + 'profile/card' ||\n    subject.uri === siteUri + 'settings/' ||\n    subject.uri === siteUri + 'settings/prefs.ttl' ||\n    subject.uri === siteUri + 'settings/privateTypeIndex.ttl' ||\n    subject.uri === siteUri + 'settings/publicTypeIndex.ttl' ||\n    subject.uri === siteUri + 'settings/serverSide.ttl'\n  )\n}\n\nexport default pane\n\n// ends\n"],"mappings":"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"}

package/dist/mainPage/header.cjs.js

@@ -1,2 +1,2 @@
-require("../_virtual/~icons/lucide/user.cjs.js"),require("../_virtual/~icons/lucide/users.cjs.js"),require("../_virtual/~icons/lucide/folder-open.cjs.js"),require("../_virtual/~icons/lucide/layout-dashboard.cjs.js"),require("../_virtual/~icons/lucide/settings-2.cjs.js"),require("../components/header/index.cjs.js");const e=require("../utils/paneUtils.cjs.js");let t=require("solid-logic"),n=require("rdflib"),r=require("lit-html");async function i(i){let a=document.querySelector(`solid-panes-header`);if(a)return a;let o=t.authn.currentUser(),s=document.getElementById(`MainContent`),c=document.getElementById(`OutlineView`),l=document.createElement(`div`);function u(){let e=document.querySelector(`solid-panes-navbar`);e&&e.classList.add(`navbar--hidden`)}let d=(o?await e.getFolderPanesFromURI(o):[]).map(e=>({label:r.html`<icon-lucide-folder-open slot="left-icon"></icon-lucide-folder-open> ${e.label()}`,async onSelected(){u(),o&&i.GotoSubject((0,n.sym)(window.location.href),!0,e,!0,void 0,c,!1)}})),f=[{label:r.html`<icon-lucide-user slot="left-icon"></icon-lucide-user> Profile`,async onSelected(){if(u(),o){let t=await e.getProfilePaneFromURI(o);i.GotoSubject((0,n.sym)(window.location.href),!0,t,!0,void 0,c,!1)}}},{label:r.html`<icon-lucide-users slot="left-icon"></icon-lucide-users> Friends`,async onSelected(){if(u(),o){let t=await e.getSocialPaneFromURI(o);i.GotoSubject((0,n.sym)(window.location.href),!0,t,!0,void 0,c,!1)}}},...d,{label:r.html`<icon-lucide-layout-dashboard slot="left-icon"></icon-lucide-layout-dashboard> Dashboard`,onSelected(){if(u(),o){let e=i.context.session.paneRegistry.byName(`home`);e&&i.GotoSubject((0,n.sym)(window.location.href),!0,e,!0,void 0,c,!1)}}},{label:r.html`<icon-lucide-settings-2 slot="left-icon"></icon-lucide-settings-2> Preferences`,onSelected(){if(u(),o){let e=i.context.session.paneRegistry.byName(`basicPreferences`);e&&i.GotoSubject((0,n.sym)(window.location.href),!0,e,!0,void 0,c,!1)}}}];(0,r.render)(r.html`<solid-panes-header .menuItems=${f}></solid-panes-header>`,l);let p=l.firstElementChild;if(!p)throw Error(`Failed to create header`);return s&&s.parentNode?s.parentNode.insertBefore(p,s):document.body.prepend(p),p}exports.createHeader=i;
+const e=require("../utils/paneUtils.cjs.js"),t=require("../utils/viewerUtils.cjs.js");require("../_virtual/~icons/lucide/user.cjs.js"),require("../_virtual/~icons/lucide/users.cjs.js"),require("../_virtual/~icons/lucide/folder-open.cjs.js"),require("../_virtual/~icons/lucide/layout-dashboard.cjs.js"),require("../_virtual/~icons/lucide/settings-2.cjs.js"),require("../components/header/index.cjs.js");let n=require("lit-html");async function r(r){let i=document.querySelector(`solid-panes-header`);if(i)return i;let a=await t.getCurrentViewer(),o=a?await e.getFolderPanesFromURI(a):[],s=document.getElementById(`MainContent`),c=document.createElement(`div`),l=o.map(e=>({label:n.html`<icon-lucide-folder-open slot="left-icon"></icon-lucide-folder-open> ${e.label()}`,async onSelected(){await t.getCurrentViewer()&&await r.show({kind:`storage`,pane:e,source:`accountMenu`})}})),u=[{label:n.html`<icon-lucide-user slot="left-icon"></icon-lucide-user> Profile`,async onSelected(){let e=await t.getCurrentViewer();e&&await r.show({kind:`profile`,subject:e.value,source:`accountMenu`})}},{label:n.html`<icon-lucide-users slot="left-icon"></icon-lucide-users> Friends`,async onSelected(){let e=await t.getCurrentViewer();e&&await r.show({kind:`friends`,subject:e.value,source:`accountMenu`})}},...l,{label:n.html`<icon-lucide-layout-dashboard slot="left-icon"></icon-lucide-layout-dashboard> Dashboard`,async onSelected(){await t.getCurrentViewer()&&await r.show({kind:`app`,pane:`home`,source:`accountMenu`})}},{label:n.html`<icon-lucide-settings-2 slot="left-icon"></icon-lucide-settings-2> Preferences`,async onSelected(){await t.getCurrentViewer()&&await r.show({kind:`app`,pane:`basicPreferences`,source:`accountMenu`})}}];(0,n.render)(n.html`<solid-panes-header .menuItems=${u}></solid-panes-header>`,c);let d=c.firstElementChild;if(!d)throw Error(`Failed to create header`);return s&&s.parentNode?s.parentNode.insertBefore(d,s):document.body.prepend(d),d}exports.createHeader=r;
 //# sourceMappingURL=header.cjs.js.map

package/dist/mainPage/header.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.cjs.js","names":[],"sources":["../../src/mainPage/header.ts"],"sourcesContent":["import { authn } from 'solid-logic'\nimport { html, render } from 'lit-html'\nimport type { AccountMenuItem } from 'solid-ui/components/account'\nimport type { OutlineManager } from '../outline/manager'\n\nimport '~icons/lucide/user'\nimport '~icons/lucide/users'\nimport '~icons/lucide/folder-open'\nimport '~icons/lucide/layout-dashboard'\nimport '~icons/lucide/settings-2'\nimport '../components/header'\nimport { getProfilePaneFromURI, getSocialPaneFromURI, getFolderPanesFromURI } from '../utils/paneUtils'\nimport { sym } from 'rdflib'\n\nexport async function createHeader (outliner: OutlineManager) {\n  const existingHeader = document.querySelector('solid-panes-header')\n\n  if (existingHeader) {\n    return existingHeader\n  }\n\n  const me = authn.currentUser()\n\n  const main = document.getElementById('MainContent')\n  const outlineView = document.getElementById('OutlineView')\n  const tmpContainer = document.createElement('div')\n\n  function hideNavbar () {\n    const navbar = document.querySelector<HTMLElement>('solid-panes-navbar')\n    if (navbar) {\n      navbar.classList.add('navbar--hidden')\n    }\n  }\n\n  const storagePanes = me ? await getFolderPanesFromURI(me) : []\n  const storageMenuItems: AccountMenuItem[] = storagePanes.map(pane => ({\n    label: html`<icon-lucide-folder-open slot=\"left-icon\"></icon-lucide-folder-open> ${pane.label()}`,\n    async onSelected () {\n      hideNavbar()\n      if (me) {\n        outliner.GotoSubject(sym(window.location.href), true, pane, true, undefined, outlineView, false)\n      }\n    }\n  }))\n  const menuItems: AccountMenuItem[] = [\n    {\n      label: html`<icon-lucide-user slot=\"left-icon\"></icon-lucide-user> Profile`,\n      async onSelected () {\n        hideNavbar()\n        if (me) {\n          const profilePane = await getProfilePaneFromURI(me)\n          outliner.GotoSubject(sym(window.location.href), true, profilePane, true, undefined, outlineView, false)\n        }\n      }\n    },\n    {\n      label: html`<icon-lucide-users slot=\"left-icon\"></icon-lucide-users> Friends`,\n      async onSelected () {\n        hideNavbar()\n        if (me) {\n          const socialPane = await getSocialPaneFromURI(me)\n          outliner.GotoSubject(sym(window.location.href), true, socialPane, true, undefined, outlineView, false)\n        }\n      }\n    },\n    ...storageMenuItems,\n    {\n      label: html`<icon-lucide-layout-dashboard slot=\"left-icon\"></icon-lucide-layout-dashboard> Dashboard`,\n      onSelected () {\n        hideNavbar()\n        if (me) {\n          const pane = outliner.context.session.paneRegistry.byName('home')\n          if (pane) {\n            outliner.GotoSubject(sym(window.location.href), true, pane, true, undefined, outlineView, false)\n          }\n        }\n      }\n    },\n    {\n      label: html`<icon-lucide-settings-2 slot=\"left-icon\"></icon-lucide-settings-2> Preferences`,\n      onSelected () {\n        hideNavbar()\n        if (me) {\n          const pane = outliner.context.session.paneRegistry.byName('basicPreferences')\n          if (pane) {\n            outliner.GotoSubject(sym(window.location.href), true, pane, true, undefined, outlineView, false)\n          }\n        }\n      }\n    },\n  ]\n\n  render(\n    html`<solid-panes-header .menuItems=${menuItems}></solid-panes-header>`,\n    tmpContainer\n  )\n\n  const header = tmpContainer.firstElementChild\n\n  if (!header) {\n    throw new Error('Failed to create header')\n  }\n\n  // ensure it is in DOM (before MainContent for consistency)\n  if (main && main.parentNode) {\n    main.parentNode.insertBefore(header, main)\n  } else {\n    document.body.prepend(header)\n  }\n\n  return header\n}\n"],"mappings":"gbAcA,eAAsB,EAAc,EAA0B,CAC5D,IAAM,EAAiB,SAAS,cAAc,oBAAoB,EAElE,GAAI,EACF,OAAO,EAGT,IAAM,EAAK,EAAA,MAAM,YAAY,EAEvB,EAAO,SAAS,eAAe,aAAa,EAC5C,EAAc,SAAS,eAAe,aAAa,EACnD,EAAe,SAAS,cAAc,KAAK,EAEjD,SAAS,GAAc,CACrB,IAAM,EAAS,SAAS,cAA2B,oBAAoB,EACnE,GACF,EAAO,UAAU,IAAI,gBAAgB,CAEzC,CAGA,IAAM,GADe,EAAK,MAAM,EAAA,sBAAsB,CAAE,EAAI,CAAC,EAAA,CACJ,IAAI,IAAS,CACpE,MAAO,EAAA,IAAI,wEAAwE,EAAK,MAAM,IAC9F,MAAM,YAAc,CAClB,EAAW,EACP,GACF,EAAS,aAAA,EAAY,EAAA,IAAA,CAAI,OAAO,SAAS,IAAI,EAAG,GAAM,EAAM,GAAM,IAAA,GAAW,EAAa,EAAK,CAEnG,CACF,EAAE,EACI,EAA+B,CACnC,CACE,MAAO,EAAA,IAAI,iEACX,MAAM,YAAc,CAElB,GADA,EAAW,EACP,EAAI,CACN,IAAM,EAAc,MAAM,EAAA,sBAAsB,CAAE,EAClD,EAAS,aAAA,EAAY,EAAA,IAAA,CAAI,OAAO,SAAS,IAAI,EAAG,GAAM,EAAa,GAAM,IAAA,GAAW,EAAa,EAAK,CACxG,CACF,CACF,EACA,CACE,MAAO,EAAA,IAAI,mEACX,MAAM,YAAc,CAElB,GADA,EAAW,EACP,EAAI,CACN,IAAM,EAAa,MAAM,EAAA,qBAAqB,CAAE,EAChD,EAAS,aAAA,EAAY,EAAA,IAAA,CAAI,OAAO,SAAS,IAAI,EAAG,GAAM,EAAY,GAAM,IAAA,GAAW,EAAa,EAAK,CACvG,CACF,CACF,EACA,GAAG,EACH,CACE,MAAO,EAAA,IAAI,2FACX,YAAc,CAEZ,GADA,EAAW,EACP,EAAI,CACN,IAAM,EAAO,EAAS,QAAQ,QAAQ,aAAa,OAAO,MAAM,EAC5D,GACF,EAAS,aAAA,EAAY,EAAA,IAAA,CAAI,OAAO,SAAS,IAAI,EAAG,GAAM,EAAM,GAAM,IAAA,GAAW,EAAa,EAAK,CAEnG,CACF,CACF,EACA,CACE,MAAO,EAAA,IAAI,iFACX,YAAc,CAEZ,GADA,EAAW,EACP,EAAI,CACN,IAAM,EAAO,EAAS,QAAQ,QAAQ,aAAa,OAAO,kBAAkB,EACxE,GACF,EAAS,aAAA,EAAY,EAAA,IAAA,CAAI,OAAO,SAAS,IAAI,EAAG,GAAM,EAAM,GAAM,IAAA,GAAW,EAAa,EAAK,CAEnG,CACF,CACF,CACF,GAEA,EAAA,EAAA,OAAA,CACE,EAAA,IAAI,kCAAkC,EAAU,wBAChD,CACF,EAEA,IAAM,EAAS,EAAa,kBAE5B,GAAI,CAAC,EACH,MAAU,MAAM,yBAAyB,EAU3C,OANI,GAAQ,EAAK,WACf,EAAK,WAAW,aAAa,EAAQ,CAAI,EAEzC,SAAS,KAAK,QAAQ,CAAM,EAGvB,CACT"}
+{"version":3,"file":"header.cjs.js","names":["getCurrentViewer","getFolderPanesFromURI","require_paneUtils","require_viewerUtils","lit_html","createHeader","existingHeader","viewer","storagePanes","main","tmpContainer","storageMenuItems","pane","navigation","menuItems","currentViewer","header"],"sources":["../../src/mainPage/header.ts"],"sourcesContent":["import { html, render } from 'lit-html'\nimport type { AccountMenuItem } from 'solid-ui/components/account'\nimport type { NavigationController } from '../navigation/controller'\n\nimport '~icons/lucide/user'\nimport '~icons/lucide/users'\nimport '~icons/lucide/folder-open'\nimport '~icons/lucide/layout-dashboard'\nimport '~icons/lucide/settings-2'\nimport '../components/header'\nimport { getFolderPanesFromURI } from '../utils/paneUtils'\nimport { getCurrentViewer } from '../utils/viewerUtils'\n\nexport async function createHeader (navigation: NavigationController) {\n  const existingHeader = document.querySelector('solid-panes-header')\n\n  if (existingHeader) {\n    return existingHeader\n  }\n\n  const viewer = await getCurrentViewer()\n  const storagePanes = viewer ? await getFolderPanesFromURI(viewer) : []\n  const main = document.getElementById('MainContent')\n  const tmpContainer = document.createElement('div')\n  const storageMenuItems: AccountMenuItem[] = storagePanes.map(pane => ({\n    label: html`<icon-lucide-folder-open slot=\"left-icon\"></icon-lucide-folder-open> ${pane.label()}`,\n    async onSelected () {\n      if (await getCurrentViewer()) {\n        await navigation.show({ kind: 'storage', pane, source: 'accountMenu' })\n      }\n    }\n  }))\n  const menuItems: AccountMenuItem[] = [\n    {\n      label: html`<icon-lucide-user slot=\"left-icon\"></icon-lucide-user> Profile`,\n      async onSelected () {\n        const currentViewer = await getCurrentViewer()\n        if (currentViewer) {\n          await navigation.show({ kind: 'profile', subject: currentViewer.value, source: 'accountMenu' })\n        }\n      }\n    },\n    {\n      label: html`<icon-lucide-users slot=\"left-icon\"></icon-lucide-users> Friends`,\n      async onSelected () {\n        const currentViewer = await getCurrentViewer()\n        if (currentViewer) {\n          await navigation.show({ kind: 'friends', subject: currentViewer.value, source: 'accountMenu' })\n        }\n      }\n    },\n    ...storageMenuItems,\n    {\n      label: html`<icon-lucide-layout-dashboard slot=\"left-icon\"></icon-lucide-layout-dashboard> Dashboard`,\n      async onSelected () {\n        if (await getCurrentViewer()) {\n          await navigation.show({ kind: 'app', pane: 'home', source: 'accountMenu' })\n        }\n      }\n    },\n    {\n      label: html`<icon-lucide-settings-2 slot=\"left-icon\"></icon-lucide-settings-2> Preferences`,\n      async onSelected () {\n        if (await getCurrentViewer()) {\n          await navigation.show({ kind: 'app', pane: 'basicPreferences', source: 'accountMenu' })\n        }\n      }\n    },\n  ]\n\n  render(\n    html`<solid-panes-header .menuItems=${menuItems}></solid-panes-header>`,\n    tmpContainer\n  )\n\n  const header = tmpContainer.firstElementChild\n\n  if (!header) {\n    throw new Error('Failed to create header')\n  }\n\n  // ensure it is in DOM (before MainContent for consistency)\n  if (main && main.parentNode) {\n    main.parentNode.insertBefore(header, main)\n  } else {\n    document.body.prepend(header)\n  }\n\n  return header\n}\n"],"mappings":"A,4aAaA,eAAsBK,EAAc,EAAkC,CACpE,IAAMC,EAAiB,SAAS,cAAc,oBAAoB,EAElE,GAAIA,EACF,OAAOA,EAGT,IAAMC,EAAS,MAAMP,EAAAA,iBAAiB,EAChCQ,EAAeD,EAAS,MAAMN,EAAAA,sBAAsBM,CAAM,EAAI,CAAC,EAC/DE,EAAO,SAAS,eAAe,aAAa,EAC5CC,EAAe,SAAS,cAAc,KAAK,EAC3CC,EAAsCH,EAAa,IAAI,IAAS,CACpE,MAAO,EAAA,IAAI,wEAAwEI,EAAK,MAAM,IAC9F,MAAM,YAAc,CACd,MAAMZ,EAAAA,iBAAiB,GACzB,MAAMa,EAAW,KAAK,CAAE,KAAM,UAAW,OAAM,OAAQ,aAAc,CAAC,CAE1E,CACF,EAAE,EACIC,EAA+B,CACnC,CACE,MAAO,EAAA,IAAI,iEACX,MAAM,YAAc,CAClB,IAAMC,EAAgB,MAAMf,EAAAA,iBAAiB,EACzCe,GACF,MAAMF,EAAW,KAAK,CAAE,KAAM,UAAW,QAASE,EAAc,MAAO,OAAQ,aAAc,CAAC,CAElG,CACF,EACA,CACE,MAAO,EAAA,IAAI,mEACX,MAAM,YAAc,CAClB,IAAMA,EAAgB,MAAMf,EAAAA,iBAAiB,EACzCe,GACF,MAAMF,EAAW,KAAK,CAAE,KAAM,UAAW,QAASE,EAAc,MAAO,OAAQ,aAAc,CAAC,CAElG,CACF,EACA,GAAGJ,EACH,CACE,MAAO,EAAA,IAAI,2FACX,MAAM,YAAc,CACd,MAAMX,EAAAA,iBAAiB,GACzB,MAAMa,EAAW,KAAK,CAAE,KAAM,MAAO,KAAM,OAAQ,OAAQ,aAAc,CAAC,CAE9E,CACF,EACA,CACE,MAAO,EAAA,IAAI,iFACX,MAAM,YAAc,CACd,MAAMb,EAAAA,iBAAiB,GACzB,MAAMa,EAAW,KAAK,CAAE,KAAM,MAAO,KAAM,mBAAoB,OAAQ,aAAc,CAAC,CAE1F,CACF,CACF,GAEA,EAAAT,EAAA,OAAA,CACE,EAAA,IAAI,kCAAkCU,EAAU,wBAChDJ,CACF,EAEA,IAAMM,EAASN,EAAa,kBAE5B,GAAI,CAACM,EACH,MAAU,MAAM,yBAAyB,EAU3C,OANIP,GAAQA,EAAK,WACfA,EAAK,WAAW,aAAaO,EAAQP,CAAI,EAEzC,SAAS,KAAK,QAAQO,CAAM,EAGvBA,CACT,C"}

package/dist/mainPage/header.d.ts

@@ -1,3 +1,3 @@
-import { OutlineManager } from '../outline/manager';
-export declare function createHeader(outliner: OutlineManager): Promise<Element>;
+import { NavigationController } from '../navigation/controller';
+export declare function createHeader(navigation: NavigationController): Promise<Element>;
 //# sourceMappingURL=header.d.ts.map

package/dist/mainPage/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/mainPage/header.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAExD,OAAO,oBAAoB,CAAA;AAC3B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AACvC,OAAO,0BAA0B,CAAA;AACjC,OAAO,sBAAsB,CAAA;AAI7B,wBAAsB,YAAY,CAAE,QAAQ,EAAE,cAAc,oBAiG3D"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/mainPage/header.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAEpE,OAAO,oBAAoB,CAAA;AAC3B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AACvC,OAAO,0BAA0B,CAAA;AACjC,OAAO,sBAAsB,CAAA;AAI7B,wBAAsB,YAAY,CAAE,UAAU,EAAE,oBAAoB,oBA4EnE"}

package/dist/mainPage/header.esm.js

@@ -1,72 +1,76 @@
+import { getFolderPanesFromURI as e } from "../utils/paneUtils.esm.js";
+import { getCurrentViewer as t } from "../utils/viewerUtils.esm.js";
 import "../_virtual/~icons/lucide/user.esm.js";
 import "../_virtual/~icons/lucide/users.esm.js";
 import "../_virtual/~icons/lucide/folder-open.esm.js";
 import "../_virtual/~icons/lucide/layout-dashboard.esm.js";
 import "../_virtual/~icons/lucide/settings-2.esm.js";
 import "../components/header/index.esm.js";
-import { getFolderPanesFromURI as e, getProfilePaneFromURI as t, getSocialPaneFromURI as n } from "../utils/paneUtils.esm.js";
-import { authn as r } from "solid-logic";
-import { sym as i } from "rdflib";
-import { html as a, render as o } from "lit-html";
+import { html as n, render as r } from "lit-html";
 //#region src/mainPage/header.ts
-async function s(s) {
-	let c = document.querySelector("solid-panes-header");
-	if (c) return c;
-	let l = r.currentUser(), u = document.getElementById("MainContent"), d = document.getElementById("OutlineView"), f = document.createElement("div");
-	function p() {
-		let e = document.querySelector("solid-panes-navbar");
-		e && e.classList.add("navbar--hidden");
-	}
-	let m = (l ? await e(l) : []).map((e) => ({
-		label: a`<icon-lucide-folder-open slot="left-icon"></icon-lucide-folder-open> ${e.label()}`,
+async function i(i) {
+	let a = document.querySelector("solid-panes-header");
+	if (a) return a;
+	let o = await t(), s = o ? await e(o) : [], c = document.getElementById("MainContent"), l = document.createElement("div"), u = s.map((e) => ({
+		label: n`<icon-lucide-folder-open slot="left-icon"></icon-lucide-folder-open> ${e.label()}`,
 		async onSelected() {
-			p(), l && s.GotoSubject(i(window.location.href), !0, e, !0, void 0, d, !1);
+			await t() && await i.show({
+				kind: "storage",
+				pane: e,
+				source: "accountMenu"
+			});
 		}
-	})), h = [
+	})), d = [
 		{
-			label: a`<icon-lucide-user slot="left-icon"></icon-lucide-user> Profile`,
+			label: n`<icon-lucide-user slot="left-icon"></icon-lucide-user> Profile`,
 			async onSelected() {
-				if (p(), l) {
-					let e = await t(l);
-					s.GotoSubject(i(window.location.href), !0, e, !0, void 0, d, !1);
-				}
+				let e = await t();
+				e && await i.show({
+					kind: "profile",
+					subject: e.value,
+					source: "accountMenu"
+				});
 			}
 		},
 		{
-			label: a`<icon-lucide-users slot="left-icon"></icon-lucide-users> Friends`,
+			label: n`<icon-lucide-users slot="left-icon"></icon-lucide-users> Friends`,
 			async onSelected() {
-				if (p(), l) {
-					let e = await n(l);
-					s.GotoSubject(i(window.location.href), !0, e, !0, void 0, d, !1);
-				}
+				let e = await t();
+				e && await i.show({
+					kind: "friends",
+					subject: e.value,
+					source: "accountMenu"
+				});
 			}
 		},
-		...m,
+		...u,
 		{
-			label: a`<icon-lucide-layout-dashboard slot="left-icon"></icon-lucide-layout-dashboard> Dashboard`,
-			onSelected() {
-				if (p(), l) {
-					let e = s.context.session.paneRegistry.byName("home");
-					e && s.GotoSubject(i(window.location.href), !0, e, !0, void 0, d, !1);
-				}
+			label: n`<icon-lucide-layout-dashboard slot="left-icon"></icon-lucide-layout-dashboard> Dashboard`,
+			async onSelected() {
+				await t() && await i.show({
+					kind: "app",
+					pane: "home",
+					source: "accountMenu"
+				});
 			}
 		},
 		{
-			label: a`<icon-lucide-settings-2 slot="left-icon"></icon-lucide-settings-2> Preferences`,
-			onSelected() {
-				if (p(), l) {
-					let e = s.context.session.paneRegistry.byName("basicPreferences");
-					e && s.GotoSubject(i(window.location.href), !0, e, !0, void 0, d, !1);
-				}
+			label: n`<icon-lucide-settings-2 slot="left-icon"></icon-lucide-settings-2> Preferences`,
+			async onSelected() {
+				await t() && await i.show({
+					kind: "app",
+					pane: "basicPreferences",
+					source: "accountMenu"
+				});
 			}
 		}
 	];
-	o(a`<solid-panes-header .menuItems=${h}></solid-panes-header>`, f);
-	let g = f.firstElementChild;
-	if (!g) throw Error("Failed to create header");
-	return u && u.parentNode ? u.parentNode.insertBefore(g, u) : document.body.prepend(g), g;
+	r(n`<solid-panes-header .menuItems=${d}></solid-panes-header>`, l);
+	let f = l.firstElementChild;
+	if (!f) throw Error("Failed to create header");
+	return c && c.parentNode ? c.parentNode.insertBefore(f, c) : document.body.prepend(f), f;
 }
 //#endregion
-export { s as createHeader };
+export { i as createHeader };
 
 //# sourceMappingURL=header.esm.js.map

package/dist/mainPage/header.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.esm.js","names":[],"sources":["../../src/mainPage/header.ts"],"sourcesContent":["import { authn } from 'solid-logic'\nimport { html, render } from 'lit-html'\nimport type { AccountMenuItem } from 'solid-ui/components/account'\nimport type { OutlineManager } from '../outline/manager'\n\nimport '~icons/lucide/user'\nimport '~icons/lucide/users'\nimport '~icons/lucide/folder-open'\nimport '~icons/lucide/layout-dashboard'\nimport '~icons/lucide/settings-2'\nimport '../components/header'\nimport { getProfilePaneFromURI, getSocialPaneFromURI, getFolderPanesFromURI } from '../utils/paneUtils'\nimport { sym } from 'rdflib'\n\nexport async function createHeader (outliner: OutlineManager) {\n  const existingHeader = document.querySelector('solid-panes-header')\n\n  if (existingHeader) {\n    return existingHeader\n  }\n\n  const me = authn.currentUser()\n\n  const main = document.getElementById('MainContent')\n  const outlineView = document.getElementById('OutlineView')\n  const tmpContainer = document.createElement('div')\n\n  function hideNavbar () {\n    const navbar = document.querySelector<HTMLElement>('solid-panes-navbar')\n    if (navbar) {\n      navbar.classList.add('navbar--hidden')\n    }\n  }\n\n  const storagePanes = me ? await getFolderPanesFromURI(me) : []\n  const storageMenuItems: AccountMenuItem[] = storagePanes.map(pane => ({\n    label: html`<icon-lucide-folder-open slot=\"left-icon\"></icon-lucide-folder-open> ${pane.label()}`,\n    async onSelected () {\n      hideNavbar()\n      if (me) {\n        outliner.GotoSubject(sym(window.location.href), true, pane, true, undefined, outlineView, false)\n      }\n    }\n  }))\n  const menuItems: AccountMenuItem[] = [\n    {\n      label: html`<icon-lucide-user slot=\"left-icon\"></icon-lucide-user> Profile`,\n      async onSelected () {\n        hideNavbar()\n        if (me) {\n          const profilePane = await getProfilePaneFromURI(me)\n          outliner.GotoSubject(sym(window.location.href), true, profilePane, true, undefined, outlineView, false)\n        }\n      }\n    },\n    {\n      label: html`<icon-lucide-users slot=\"left-icon\"></icon-lucide-users> Friends`,\n      async onSelected () {\n        hideNavbar()\n        if (me) {\n          const socialPane = await getSocialPaneFromURI(me)\n          outliner.GotoSubject(sym(window.location.href), true, socialPane, true, undefined, outlineView, false)\n        }\n      }\n    },\n    ...storageMenuItems,\n    {\n      label: html`<icon-lucide-layout-dashboard slot=\"left-icon\"></icon-lucide-layout-dashboard> Dashboard`,\n      onSelected () {\n        hideNavbar()\n        if (me) {\n          const pane = outliner.context.session.paneRegistry.byName('home')\n          if (pane) {\n            outliner.GotoSubject(sym(window.location.href), true, pane, true, undefined, outlineView, false)\n          }\n        }\n      }\n    },\n    {\n      label: html`<icon-lucide-settings-2 slot=\"left-icon\"></icon-lucide-settings-2> Preferences`,\n      onSelected () {\n        hideNavbar()\n        if (me) {\n          const pane = outliner.context.session.paneRegistry.byName('basicPreferences')\n          if (pane) {\n            outliner.GotoSubject(sym(window.location.href), true, pane, true, undefined, outlineView, false)\n          }\n        }\n      }\n    },\n  ]\n\n  render(\n    html`<solid-panes-header .menuItems=${menuItems}></solid-panes-header>`,\n    tmpContainer\n  )\n\n  const header = tmpContainer.firstElementChild\n\n  if (!header) {\n    throw new Error('Failed to create header')\n  }\n\n  // ensure it is in DOM (before MainContent for consistency)\n  if (main && main.parentNode) {\n    main.parentNode.insertBefore(header, main)\n  } else {\n    document.body.prepend(header)\n  }\n\n  return header\n}\n"],"mappings":";;;;;;;;;;;AAcA,eAAsB,EAAc,GAA0B;CAC5D,IAAM,IAAiB,SAAS,cAAc,oBAAoB;CAElE,IAAI,GACF,OAAO;CAGT,IAAM,IAAK,EAAM,YAAY,GAEvB,IAAO,SAAS,eAAe,aAAa,GAC5C,IAAc,SAAS,eAAe,aAAa,GACnD,IAAe,SAAS,cAAc,KAAK;CAEjD,SAAS,IAAc;EACrB,IAAM,IAAS,SAAS,cAA2B,oBAAoB;EACvE,AAAI,KACF,EAAO,UAAU,IAAI,gBAAgB;CAEzC;CAGA,IAAM,KADe,IAAK,MAAM,EAAsB,CAAE,IAAI,CAAC,EAAA,CACJ,KAAI,OAAS;EACpE,OAAO,CAAI,wEAAwE,EAAK,MAAM;EAC9F,MAAM,aAAc;GAElB,AADA,EAAW,GACP,KACF,EAAS,YAAY,EAAI,OAAO,SAAS,IAAI,GAAG,IAAM,GAAM,IAAM,KAAA,GAAW,GAAa,EAAK;EAEnG;CACF,EAAE,GACI,IAA+B;EACnC;GACE,OAAO,CAAI;GACX,MAAM,aAAc;IAElB,IADA,EAAW,GACP,GAAI;KACN,IAAM,IAAc,MAAM,EAAsB,CAAE;KAClD,EAAS,YAAY,EAAI,OAAO,SAAS,IAAI,GAAG,IAAM,GAAa,IAAM,KAAA,GAAW,GAAa,EAAK;IACxG;GACF;EACF;EACA;GACE,OAAO,CAAI;GACX,MAAM,aAAc;IAElB,IADA,EAAW,GACP,GAAI;KACN,IAAM,IAAa,MAAM,EAAqB,CAAE;KAChD,EAAS,YAAY,EAAI,OAAO,SAAS,IAAI,GAAG,IAAM,GAAY,IAAM,KAAA,GAAW,GAAa,EAAK;IACvG;GACF;EACF;EACA,GAAG;EACH;GACE,OAAO,CAAI;GACX,aAAc;IAEZ,IADA,EAAW,GACP,GAAI;KACN,IAAM,IAAO,EAAS,QAAQ,QAAQ,aAAa,OAAO,MAAM;KAChE,AAAI,KACF,EAAS,YAAY,EAAI,OAAO,SAAS,IAAI,GAAG,IAAM,GAAM,IAAM,KAAA,GAAW,GAAa,EAAK;IAEnG;GACF;EACF;EACA;GACE,OAAO,CAAI;GACX,aAAc;IAEZ,IADA,EAAW,GACP,GAAI;KACN,IAAM,IAAO,EAAS,QAAQ,QAAQ,aAAa,OAAO,kBAAkB;KAC5E,AAAI,KACF,EAAS,YAAY,EAAI,OAAO,SAAS,IAAI,GAAG,IAAM,GAAM,IAAM,KAAA,GAAW,GAAa,EAAK;IAEnG;GACF;EACF;CACF;CAEA,EACE,CAAI,kCAAkC,EAAU,yBAChD,CACF;CAEA,IAAM,IAAS,EAAa;CAE5B,IAAI,CAAC,GACH,MAAU,MAAM,yBAAyB;CAU3C,OANI,KAAQ,EAAK,aACf,EAAK,WAAW,aAAa,GAAQ,CAAI,IAEzC,SAAS,KAAK,QAAQ,CAAM,GAGvB;AACT"}
+{"version":3,"file":"header.esm.js","names":["createHeader","existingHeader","viewer","getCurrentViewer","storagePanes","getFolderPanesFromURI","main","tmpContainer","storageMenuItems","pane","navigation","menuItems","currentViewer","header"],"sources":["../../src/mainPage/header.ts"],"sourcesContent":["import { html, render } from 'lit-html'\nimport type { AccountMenuItem } from 'solid-ui/components/account'\nimport type { NavigationController } from '../navigation/controller'\n\nimport '~icons/lucide/user'\nimport '~icons/lucide/users'\nimport '~icons/lucide/folder-open'\nimport '~icons/lucide/layout-dashboard'\nimport '~icons/lucide/settings-2'\nimport '../components/header'\nimport { getFolderPanesFromURI } from '../utils/paneUtils'\nimport { getCurrentViewer } from '../utils/viewerUtils'\n\nexport async function createHeader (navigation: NavigationController) {\n  const existingHeader = document.querySelector('solid-panes-header')\n\n  if (existingHeader) {\n    return existingHeader\n  }\n\n  const viewer = await getCurrentViewer()\n  const storagePanes = viewer ? await getFolderPanesFromURI(viewer) : []\n  const main = document.getElementById('MainContent')\n  const tmpContainer = document.createElement('div')\n  const storageMenuItems: AccountMenuItem[] = storagePanes.map(pane => ({\n    label: html`<icon-lucide-folder-open slot=\"left-icon\"></icon-lucide-folder-open> ${pane.label()}`,\n    async onSelected () {\n      if (await getCurrentViewer()) {\n        await navigation.show({ kind: 'storage', pane, source: 'accountMenu' })\n      }\n    }\n  }))\n  const menuItems: AccountMenuItem[] = [\n    {\n      label: html`<icon-lucide-user slot=\"left-icon\"></icon-lucide-user> Profile`,\n      async onSelected () {\n        const currentViewer = await getCurrentViewer()\n        if (currentViewer) {\n          await navigation.show({ kind: 'profile', subject: currentViewer.value, source: 'accountMenu' })\n        }\n      }\n    },\n    {\n      label: html`<icon-lucide-users slot=\"left-icon\"></icon-lucide-users> Friends`,\n      async onSelected () {\n        const currentViewer = await getCurrentViewer()\n        if (currentViewer) {\n          await navigation.show({ kind: 'friends', subject: currentViewer.value, source: 'accountMenu' })\n        }\n      }\n    },\n    ...storageMenuItems,\n    {\n      label: html`<icon-lucide-layout-dashboard slot=\"left-icon\"></icon-lucide-layout-dashboard> Dashboard`,\n      async onSelected () {\n        if (await getCurrentViewer()) {\n          await navigation.show({ kind: 'app', pane: 'home', source: 'accountMenu' })\n        }\n      }\n    },\n    {\n      label: html`<icon-lucide-settings-2 slot=\"left-icon\"></icon-lucide-settings-2> Preferences`,\n      async onSelected () {\n        if (await getCurrentViewer()) {\n          await navigation.show({ kind: 'app', pane: 'basicPreferences', source: 'accountMenu' })\n        }\n      }\n    },\n  ]\n\n  render(\n    html`<solid-panes-header .menuItems=${menuItems}></solid-panes-header>`,\n    tmpContainer\n  )\n\n  const header = tmpContainer.firstElementChild\n\n  if (!header) {\n    throw new Error('Failed to create header')\n  }\n\n  // ensure it is in DOM (before MainContent for consistency)\n  if (main && main.parentNode) {\n    main.parentNode.insertBefore(header, main)\n  } else {\n    document.body.prepend(header)\n  }\n\n  return header\n}\n"],"mappings":";;;;;;;;;;AAaA,eAAsBA,EAAc,GAAkC;CACpE,IAAMC,IAAiB,SAAS,cAAc,oBAAoB;CAElE,IAAIA,GACF,OAAOA;CAGT,IAAMC,IAAS,MAAMC,EAAiB,GAChCC,IAAeF,IAAS,MAAMG,EAAsBH,CAAM,IAAI,CAAC,GAC/DI,IAAO,SAAS,eAAe,aAAa,GAC5CC,IAAe,SAAS,cAAc,KAAK,GAC3CC,IAAsCJ,EAAa,KAAI,OAAS;EACpE,OAAO,CAAI,wEAAwEK,EAAK,MAAM;EAC9F,MAAM,aAAc;GAClB,AAAI,MAAMN,EAAiB,KACzB,MAAMO,EAAW,KAAK;IAAE,MAAM;IAAW;IAAM,QAAQ;GAAc,CAAC;EAE1E;CACF,EAAE,GACIC,IAA+B;EACnC;GACE,OAAO,CAAI;GACX,MAAM,aAAc;IAClB,IAAMC,IAAgB,MAAMT,EAAiB;IAC7C,AAAIS,KACF,MAAMF,EAAW,KAAK;KAAE,MAAM;KAAW,SAASE,EAAc;KAAO,QAAQ;IAAc,CAAC;GAElG;EACF;EACA;GACE,OAAO,CAAI;GACX,MAAM,aAAc;IAClB,IAAMA,IAAgB,MAAMT,EAAiB;IAC7C,AAAIS,KACF,MAAMF,EAAW,KAAK;KAAE,MAAM;KAAW,SAASE,EAAc;KAAO,QAAQ;IAAc,CAAC;GAElG;EACF;EACA,GAAGJ;EACH;GACE,OAAO,CAAI;GACX,MAAM,aAAc;IAClB,AAAI,MAAML,EAAiB,KACzB,MAAMO,EAAW,KAAK;KAAE,MAAM;KAAO,MAAM;KAAQ,QAAQ;IAAc,CAAC;GAE9E;EACF;EACA;GACE,OAAO,CAAI;GACX,MAAM,aAAc;IAClB,AAAI,MAAMP,EAAiB,KACzB,MAAMO,EAAW,KAAK;KAAE,MAAM;KAAO,MAAM;KAAoB,QAAQ;IAAc,CAAC;GAE1F;EACF;CACF;CAEA,EACE,CAAI,kCAAkCC,EAAU,yBAChDJ,CACF;CAEA,IAAMM,IAASN,EAAa;CAE5B,IAAI,CAACM,GACH,MAAU,MAAM,yBAAyB;CAU3C,OANIP,KAAQA,EAAK,aACfA,EAAK,WAAW,aAAaO,GAAQP,CAAI,IAEzC,SAAS,KAAK,QAAQO,CAAM,GAGvBA;AACT"}

package/dist/mainPage/index.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../_virtual/_rolldown/runtime.cjs.js"),t=require("../utils/webIdUtils.cjs.js"),n=require("../utils/paneUtils.cjs.js"),r=require("./header.cjs.js"),i=require("./navbar.cjs.js"),a=require("../index.cjs.js");let o=require("pane-registry");o=e.__toESM(o);var s=`__lastRenderEnvSignature`;function c(e){return e?[e.layout,e.theme,e.inputMode].join(`|`):``}function l(){let e=document.getElementById(`MainContent`);return e||(e=document.createElement(`main`),e.id=`MainContent`,e.setAttribute(`role`,`main`),e.setAttribute(`tabindex`,`-1`),e.setAttribute(`aria-live`,`polite`),document.body.appendChild(e)),e}async function u(e,u,d){l();let f=a.getOutliner(document,d);f[s]=c(d),u||=window.location.href;let p=typeof u==`string`?e.sym(u):u,m=window.history.state?.paneName,h=(m?o.byName(m):void 0)??(!m&&t.isWebIdUri(p)?await n.getProfilePaneFromURI(p):void 0);f.GotoSubject(p,!0,h,!0,void 0,void 0,!0,!1);let g=await r.createHeader(f),_=await i.createNavbar(f);return Promise.all([g,_])}async function d(e){let t=e?.context?.session?.store,n=e?.context?.session?.paneRegistry,r=window.history.state?.paneName,i=window.history.state?.paneUri,a=i&&(r===`profile`||r===`social`||r===`folder`)?i:window.document.location.href,o=r?n?.byName?.(r):void 0,l=c(e?.context?.environment);l!==(e?.[s]??``)&&t&&typeof e?.GotoSubject==`function`&&(e.GotoSubject(t.sym(a),!0,o,!0,void 0,void 0,!0,!1),e[s]=l)}exports.initMainPage=u,exports.refreshUI=d;
+const e=require("../navigation/state.cjs.js"),t=require("./header.cjs.js"),n=require("./navbar.cjs.js"),r=require("./profileHeading2.cjs.js"),i=require("./navigation.cjs.js"),a=require("../navigation/browserEvents.cjs.js"),o=require("../index.cjs.js");var s=`__lastRenderEnvSignature`;function c(e){return e?[e.layout,e.theme,e.inputMode].join(`|`):``}function l(){let e=document.getElementById(`MainContent`);return e||(e=document.createElement(`main`),e.id=`MainContent`,e.setAttribute(`role`,`main`),e.setAttribute(`tabindex`,`-1`),e.setAttribute(`aria-live`,`polite`),document.body.appendChild(e)),e}async function u(u,d,f){l(),d||=window.location.href;let p=typeof d==`string`?u.sym(d):d;e.clearPaneState(),r.initializeProfileHeading();let m=o.getOutliner(document,f);m[s]=c(f);let h=i.navigationFor(m,u);a.registerBrowserNavigation(h),await h.show({kind:`restore`,subject:p.uri});let g=await t.createHeader(h),_=await n.createNavbar(h);return r.placeProfileHeading(),Promise.all([g,_])}async function d(e){let t=e?.context?.session?.store,n=c(e?.context?.environment);n!==(e?.[s]??``)&&t&&typeof e?.GotoSubject==`function`&&(await i.navigationFor(e,t).show({kind:`restore`}),e[s]=n)}exports.initMainPage=u,exports.refreshUI=d;
 //# sourceMappingURL=index.cjs.js.map

package/dist/mainPage/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":[],"sources":["../../src/mainPage/index.ts"],"sourcesContent":["/*   Main Page\n **\n **  This code is called in mashlib and renders the header and left side menu of the Databrowser.\n */\n\nimport { LiveStore, NamedNode } from 'rdflib'\nimport type { RenderEnvironment } from 'pane-registry'\nimport * as paneRegistry from 'pane-registry'\nimport { getOutliner, OutlineManager } from '../index'\nimport { createHeader } from './header'\nimport { createNavbar } from './navbar'\nimport { getProfilePaneFromURI } from '../utils/paneUtils'\nimport { isWebIdUri } from '../utils/webIdUtils'\n\n// Symbol used to stash the last render-relevant env snapshot on the outliner\n// so refreshUI can skip a full GotoSubject re-render when nothing changed.\nconst LAST_RENDER_ENV_KEY = '__lastRenderEnvSignature'\n\nfunction renderEnvSignature (env?: RenderEnvironment): string {\n  if (!env) return ''\n  return [env.layout, env.theme, env.inputMode].join('|')\n}\n\nfunction ensureMainContent () {\n  let main = document.getElementById('MainContent') as HTMLElement | null\n  if (!main) {\n    main = document.createElement('main')\n    main.id = 'MainContent'\n    main.setAttribute('role', 'main')\n    main.setAttribute('tabindex', '-1')\n    main.setAttribute('aria-live', 'polite')\n    document.body.appendChild(main)\n  }\n  return main\n}\n\nexport async function initMainPage (\n  store: LiveStore,\n  uri?: string | NamedNode | null,\n  environment?: RenderEnvironment\n) {\n  ensureMainContent()\n  const outliner = getOutliner(document, environment)\n  ;(outliner as any)[LAST_RENDER_ENV_KEY] = renderEnvSignature(environment)\n  uri = uri || window.location.href\n  const subject: NamedNode = typeof uri === 'string' ? store.sym(uri) : uri\n  const historyPaneName = window.history.state?.paneName\n  const historyPane = historyPaneName\n    ? paneRegistry.byName(historyPaneName)\n    : undefined\n  const initialPane = historyPane ??\n    (!historyPaneName && isWebIdUri(subject)\n      ? await getProfilePaneFromURI(subject)\n      : undefined)\n\n  outliner.GotoSubject(subject, true, initialPane, true, undefined, undefined, true, false)\n\n  const header = await createHeader(outliner)\n  const navbar = await createNavbar(outliner)\n  return Promise.all([header, navbar])\n}\n\nexport async function refreshUI (outliner: OutlineManager) {\n  const store = outliner?.context?.session?.store\n  const paneRegistry = outliner?.context?.session?.paneRegistry\n  const paneName = window.history.state?.paneName\n  const paneUri = window.history.state?.paneUri\n  // Panes rendered for a subject other than the page URL (storage/profile/social)\n  // must be restored from paneUri, since byName() returns the pane without that subject.\n  const usesOwnSubject = paneName === 'profile' || paneName === 'social' || paneName === 'folder'\n  const subjectUri = paneUri && usesOwnSubject\n    ? paneUri\n    : window.document.location.href\n  const pane = paneName ? paneRegistry?.byName?.(paneName) : undefined\n\n  // Only re-run GotoSubject (full pane re-render) when render-relevant\n  // environment fields actually changed since the last render.\n  const currentSignature = renderEnvSignature(outliner?.context?.environment)\n  const previousSignature = (outliner as any)?.[LAST_RENDER_ENV_KEY] ?? ''\n  const envChanged = currentSignature !== previousSignature\n\n  if (envChanged && store && typeof outliner?.GotoSubject === 'function') {\n    outliner.GotoSubject(store.sym(subjectUri), true, pane, true, undefined, undefined, true, false)\n    ;(outliner as any)[LAST_RENDER_ENV_KEY] = currentSignature\n  }\n}\n"],"mappings":"4QAgBA,IAAM,EAAsB,2BAE5B,SAAS,EAAoB,EAAiC,CAE5D,OADK,EACE,CAAC,EAAI,OAAQ,EAAI,MAAO,EAAI,SAAS,CAAC,CAAC,KAAK,GAAG,EADrC,EAEnB,CAEA,SAAS,GAAqB,CAC5B,IAAI,EAAO,SAAS,eAAe,aAAa,EAShD,OARK,IACH,EAAO,SAAS,cAAc,MAAM,EACpC,EAAK,GAAK,cACV,EAAK,aAAa,OAAQ,MAAM,EAChC,EAAK,aAAa,WAAY,IAAI,EAClC,EAAK,aAAa,YAAa,QAAQ,EACvC,SAAS,KAAK,YAAY,CAAI,GAEzB,CACT,CAEA,eAAsB,EACpB,EACA,EACA,EACA,CACA,EAAkB,EAClB,IAAM,EAAW,EAAA,YAAY,SAAU,CAAW,EACjD,EAAkB,GAAuB,EAAmB,CAAW,EACxE,IAAa,OAAO,SAAS,KAC7B,IAAM,EAAqB,OAAO,GAAQ,SAAW,EAAM,IAAI,CAAG,EAAI,EAChE,EAAkB,OAAO,QAAQ,OAAO,SAIxC,GAHc,EAChB,EAAa,OAAO,CAAe,EACnC,IAAA,MAED,CAAC,GAAmB,EAAA,WAAW,CAAO,EACnC,MAAM,EAAA,sBAAsB,CAAO,EACnC,IAAA,IAEN,EAAS,YAAY,EAAS,GAAM,EAAa,GAAM,IAAA,GAAW,IAAA,GAAW,GAAM,EAAK,EAExF,IAAM,EAAS,MAAM,EAAA,aAAa,CAAQ,EACpC,EAAS,MAAM,EAAA,aAAa,CAAQ,EAC1C,OAAO,QAAQ,IAAI,CAAC,EAAQ,CAAM,CAAC,CACrC,CAEA,eAAsB,EAAW,EAA0B,CACzD,IAAM,EAAQ,GAAU,SAAS,SAAS,MACpC,EAAe,GAAU,SAAS,SAAS,aAC3C,EAAW,OAAO,QAAQ,OAAO,SACjC,EAAU,OAAO,QAAQ,OAAO,QAIhC,EAAa,IADI,IAAa,WAAa,IAAa,UAAY,IAAa,UAEnF,EACA,OAAO,SAAS,SAAS,KACvB,EAAO,EAAW,GAAc,SAAS,CAAQ,EAAI,IAAA,GAIrD,EAAmB,EAAmB,GAAU,SAAS,WAAW,EAEvD,KADQ,IAAmB,IAAwB,KAGpD,GAAS,OAAO,GAAU,aAAgB,aAC1D,EAAS,YAAY,EAAM,IAAI,CAAU,EAAG,GAAM,EAAM,GAAM,IAAA,GAAW,IAAA,GAAW,GAAM,EAAK,EAC9F,EAAkB,GAAuB,EAE9C"}
+{"version":3,"file":"index.cjs.js","names":["getOutliner","navigationFor","createHeader","createNavbar","require_state","require_header","require_navbar","require_profileHeading","require_navigation","require_browserEvents","require_index","LAST_RENDER_ENV_KEY","renderEnvSignature","env","ensureMainContent","main","initMainPage","subject","uri","store","outliner","environment","navigation","header","navbar","refreshUI","currentSignature"],"sources":["../../src/mainPage/index.ts"],"sourcesContent":["/*   Main Page\n **\n **  This code is called in mashlib and renders the header and left side menu of the Databrowser.\n */\n\nimport { LiveStore, NamedNode } from 'rdflib'\nimport type { RenderEnvironment } from 'pane-registry'\nimport { getOutliner, OutlineManager } from '../index'\nimport { createHeader } from './header'\nimport { createNavbar } from './navbar'\nimport { navigationFor } from './navigation'\nimport { initializeProfileHeading, placeProfileHeading } from './profileHeading'\nimport { registerBrowserNavigation } from '../navigation/browserEvents'\nimport { clearPaneState } from '../navigation/state'\n\n// Symbol used to stash the last render-relevant env snapshot on the outliner\n// so refreshUI can skip a full GotoSubject re-render when nothing changed.\nconst LAST_RENDER_ENV_KEY = '__lastRenderEnvSignature'\n\nfunction renderEnvSignature (env?: RenderEnvironment): string {\n  if (!env) return ''\n  return [env.layout, env.theme, env.inputMode].join('|')\n}\n\nfunction ensureMainContent () {\n  let main = document.getElementById('MainContent') as HTMLElement | null\n  if (!main) {\n    main = document.createElement('main')\n    main.id = 'MainContent'\n    main.setAttribute('role', 'main')\n    main.setAttribute('tabindex', '-1')\n    main.setAttribute('aria-live', 'polite')\n    document.body.appendChild(main)\n  }\n  return main\n}\n\nexport async function initMainPage (\n  store: LiveStore,\n  uri?: string | NamedNode | null,\n  environment?: RenderEnvironment\n) {\n  ensureMainContent()\n  uri = uri || window.location.href\n  const subject: NamedNode = typeof uri === 'string' ? store.sym(uri) : uri\n  // A reload shows what the URL is, whatever the history entry last displayed through the navbar\n  // or the account menu: the profile on a profile page, otherwise the resource or container itself.\n  // This is also what Enter on the current URL ends in where the Navigation API is missing (see\n  // NAVIGATION API FALLBACK in navigation/browserEvents.ts): the browser reloads the page.\n  clearPaneState()\n  initializeProfileHeading()\n  const outliner = getOutliner(document, environment)\n  ;(outliner as any)[LAST_RENDER_ENV_KEY] = renderEnvSignature(environment)\n  const navigation = navigationFor(outliner, store)\n  registerBrowserNavigation(navigation)\n  await navigation.show({ kind: 'restore', subject: subject.uri })\n\n  const header = await createHeader(navigation)\n  const navbar = await createNavbar(navigation)\n  // The navbar went in at the top of the page; the heading belongs above it\n  placeProfileHeading()\n  return Promise.all([header, navbar])\n}\n\nexport async function refreshUI (outliner: OutlineManager) {\n  const store = outliner?.context?.session?.store\n\n  // Only re-run GotoSubject (full pane re-render) when render-relevant\n  // environment fields actually changed since the last render.\n  const currentSignature = renderEnvSignature(outliner?.context?.environment)\n  const previousSignature = (outliner as any)?.[LAST_RENDER_ENV_KEY] ?? ''\n  const envChanged = currentSignature !== previousSignature\n\n  if (envChanged && store && typeof outliner?.GotoSubject === 'function') {\n    // Re-render what the current history entry displays without changing the\n    // URL or losing that it came from the account menu.\n    await navigationFor(outliner, store).show({ kind: 'restore' })\n    ;(outliner as any)[LAST_RENDER_ENV_KEY] = currentSignature\n  }\n}\n"],"mappings":"A,4PAiBA,IAAMW,EAAsB,2BAE5B,SAASC,EAAoB,EAAiC,CAE5D,OADKC,EACE,CAACA,EAAI,OAAQA,EAAI,MAAOA,EAAI,SAAS,CAAC,CAAC,KAAK,GAAG,EADrC,EAEnB,CAEA,SAASC,GAAqB,CAC5B,IAAIC,EAAO,SAAS,eAAe,aAAa,EAShD,OARKA,IACH,EAAO,SAAS,cAAc,MAAM,EACpC,EAAK,GAAK,cACVA,EAAK,aAAa,OAAQ,MAAM,EAChCA,EAAK,aAAa,WAAY,IAAI,EAClCA,EAAK,aAAa,YAAa,QAAQ,EACvC,SAAS,KAAK,YAAYA,CAAI,GAEzBA,CACT,CAEA,eAAsBC,EACpB,EACA,EACA,EACA,CACAF,EAAkB,EAClB,IAAa,OAAO,SAAS,KAC7B,IAAMG,EAAqB,OAAOC,GAAQ,SAAWC,EAAM,IAAID,CAAG,EAAIA,EAKtEd,EAAA,eAAe,EACfG,EAAA,yBAAyB,EACzB,IAAMa,EAAWpB,EAAAA,YAAY,SAAUqB,CAAW,EACjD,EAAkBV,GAAuBC,EAAmBS,CAAW,EACxE,IAAMC,EAAarB,EAAAA,cAAcmB,EAAUD,CAAK,EAChDV,EAAA,0BAA0Ba,CAAU,EACpC,MAAMA,EAAW,KAAK,CAAE,KAAM,UAAW,QAASL,EAAQ,GAAI,CAAC,EAE/D,IAAMM,EAAS,MAAMrB,EAAAA,aAAaoB,CAAU,EACtCE,EAAS,MAAMrB,EAAAA,aAAamB,CAAU,EAG5C,OADAf,EAAA,oBAAoB,EACb,QAAQ,IAAI,CAACgB,EAAQC,CAAM,CAAC,CACrC,CAEA,eAAsBC,EAAW,EAA0B,CACzD,IAAMN,EAAQC,GAAU,SAAS,SAAS,MAIpCM,EAAmBd,EAAmBQ,GAAU,SAAS,WAAW,EAEvDM,KADQN,IAAmBT,IAAwB,KAGpDQ,GAAS,OAAOC,GAAU,aAAgB,aAG1D,MAAMnB,EAAAA,cAAcmB,EAAUD,CAAK,CAAC,CAAC,KAAK,CAAE,KAAM,SAAU,CAAC,EAC5D,EAAkBR,GAAuBe,EAE9C,C"}

package/dist/mainPage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/mainPage/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,EAAe,cAAc,EAAE,MAAM,UAAU,CAAA;AA4BtD,wBAAsB,YAAY,CAChC,KAAK,EAAE,SAAS,EAChB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAC/B,WAAW,CAAC,EAAE,iBAAiB,mCAqBhC;AAED,wBAAsB,SAAS,CAAE,QAAQ,EAAE,cAAc,iBAuBxD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/mainPage/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAe,cAAc,EAAE,MAAM,UAAU,CAAA;AA8BtD,wBAAsB,YAAY,CAChC,KAAK,EAAE,SAAS,EAChB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAC/B,WAAW,CAAC,EAAE,iBAAiB,mCAsBhC;AAED,wBAAsB,SAAS,CAAE,QAAQ,EAAE,cAAc,iBAexD"}

package/dist/mainPage/index.esm.js

@@ -1,36 +1,42 @@
-import { isWebIdUri as e } from "../utils/webIdUtils.esm.js";
-import { getProfilePaneFromURI as t } from "../utils/paneUtils.esm.js";
-import { createHeader as n } from "./header.esm.js";
-import { createNavbar as r } from "./navbar.esm.js";
-import { getOutliner as i } from "../index.esm.js";
-import * as a from "pane-registry";
+import { clearPaneState as e } from "../navigation/state.esm.js";
+import { createHeader as t } from "./header.esm.js";
+import { createNavbar as n } from "./navbar.esm.js";
+import { initializeProfileHeading as r, placeProfileHeading as i } from "./profileHeading2.esm.js";
+import { navigationFor as a } from "./navigation.esm.js";
+import { registerBrowserNavigation as o } from "../navigation/browserEvents.esm.js";
+import { getOutliner as s } from "../index.esm.js";
 //#region src/mainPage/index.ts
-var o = "__lastRenderEnvSignature";
-function s(e) {
+var c = "__lastRenderEnvSignature";
+function l(e) {
 	return e ? [
 		e.layout,
 		e.theme,
 		e.inputMode
 	].join("|") : "";
 }
-function c() {
+function u() {
 	let e = document.getElementById("MainContent");
 	return e || (e = document.createElement("main"), e.id = "MainContent", e.setAttribute("role", "main"), e.setAttribute("tabindex", "-1"), e.setAttribute("aria-live", "polite"), document.body.appendChild(e)), e;
 }
-async function l(l, u, d) {
-	c();
-	let f = i(document, d);
-	f[o] = s(d), u ||= window.location.href;
-	let p = typeof u == "string" ? l.sym(u) : u, m = window.history.state?.paneName, h = (m ? a.byName(m) : void 0) ?? (!m && e(p) ? await t(p) : void 0);
-	f.GotoSubject(p, !0, h, !0, void 0, void 0, !0, !1);
-	let g = await n(f), _ = await r(f);
-	return Promise.all([g, _]);
+async function d(d, f, p) {
+	u(), f ||= window.location.href;
+	let m = typeof f == "string" ? d.sym(f) : f;
+	e(), r();
+	let h = s(document, p);
+	h[c] = l(p);
+	let g = a(h, d);
+	o(g), await g.show({
+		kind: "restore",
+		subject: m.uri
+	});
+	let _ = await t(g), v = await n(g);
+	return i(), Promise.all([_, v]);
 }
-async function u(e) {
-	let t = e?.context?.session?.store, n = e?.context?.session?.paneRegistry, r = window.history.state?.paneName, i = window.history.state?.paneUri, a = i && (r === "profile" || r === "social" || r === "folder") ? i : window.document.location.href, c = r ? n?.byName?.(r) : void 0, l = s(e?.context?.environment);
-	l !== (e?.[o] ?? "") && t && typeof e?.GotoSubject == "function" && (e.GotoSubject(t.sym(a), !0, c, !0, void 0, void 0, !0, !1), e[o] = l);
+async function f(e) {
+	let t = e?.context?.session?.store, n = l(e?.context?.environment);
+	n !== (e?.[c] ?? "") && t && typeof e?.GotoSubject == "function" && (await a(e, t).show({ kind: "restore" }), e[c] = n);
 }
 //#endregion
-export { l as initMainPage, u as refreshUI };
+export { d as initMainPage, f as refreshUI };
 
 //# sourceMappingURL=index.esm.js.map

package/dist/mainPage/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../src/mainPage/index.ts"],"sourcesContent":["/*   Main Page\n **\n **  This code is called in mashlib and renders the header and left side menu of the Databrowser.\n */\n\nimport { LiveStore, NamedNode } from 'rdflib'\nimport type { RenderEnvironment } from 'pane-registry'\nimport * as paneRegistry from 'pane-registry'\nimport { getOutliner, OutlineManager } from '../index'\nimport { createHeader } from './header'\nimport { createNavbar } from './navbar'\nimport { getProfilePaneFromURI } from '../utils/paneUtils'\nimport { isWebIdUri } from '../utils/webIdUtils'\n\n// Symbol used to stash the last render-relevant env snapshot on the outliner\n// so refreshUI can skip a full GotoSubject re-render when nothing changed.\nconst LAST_RENDER_ENV_KEY = '__lastRenderEnvSignature'\n\nfunction renderEnvSignature (env?: RenderEnvironment): string {\n  if (!env) return ''\n  return [env.layout, env.theme, env.inputMode].join('|')\n}\n\nfunction ensureMainContent () {\n  let main = document.getElementById('MainContent') as HTMLElement | null\n  if (!main) {\n    main = document.createElement('main')\n    main.id = 'MainContent'\n    main.setAttribute('role', 'main')\n    main.setAttribute('tabindex', '-1')\n    main.setAttribute('aria-live', 'polite')\n    document.body.appendChild(main)\n  }\n  return main\n}\n\nexport async function initMainPage (\n  store: LiveStore,\n  uri?: string | NamedNode | null,\n  environment?: RenderEnvironment\n) {\n  ensureMainContent()\n  const outliner = getOutliner(document, environment)\n  ;(outliner as any)[LAST_RENDER_ENV_KEY] = renderEnvSignature(environment)\n  uri = uri || window.location.href\n  const subject: NamedNode = typeof uri === 'string' ? store.sym(uri) : uri\n  const historyPaneName = window.history.state?.paneName\n  const historyPane = historyPaneName\n    ? paneRegistry.byName(historyPaneName)\n    : undefined\n  const initialPane = historyPane ??\n    (!historyPaneName && isWebIdUri(subject)\n      ? await getProfilePaneFromURI(subject)\n      : undefined)\n\n  outliner.GotoSubject(subject, true, initialPane, true, undefined, undefined, true, false)\n\n  const header = await createHeader(outliner)\n  const navbar = await createNavbar(outliner)\n  return Promise.all([header, navbar])\n}\n\nexport async function refreshUI (outliner: OutlineManager) {\n  const store = outliner?.context?.session?.store\n  const paneRegistry = outliner?.context?.session?.paneRegistry\n  const paneName = window.history.state?.paneName\n  const paneUri = window.history.state?.paneUri\n  // Panes rendered for a subject other than the page URL (storage/profile/social)\n  // must be restored from paneUri, since byName() returns the pane without that subject.\n  const usesOwnSubject = paneName === 'profile' || paneName === 'social' || paneName === 'folder'\n  const subjectUri = paneUri && usesOwnSubject\n    ? paneUri\n    : window.document.location.href\n  const pane = paneName ? paneRegistry?.byName?.(paneName) : undefined\n\n  // Only re-run GotoSubject (full pane re-render) when render-relevant\n  // environment fields actually changed since the last render.\n  const currentSignature = renderEnvSignature(outliner?.context?.environment)\n  const previousSignature = (outliner as any)?.[LAST_RENDER_ENV_KEY] ?? ''\n  const envChanged = currentSignature !== previousSignature\n\n  if (envChanged && store && typeof outliner?.GotoSubject === 'function') {\n    outliner.GotoSubject(store.sym(subjectUri), true, pane, true, undefined, undefined, true, false)\n    ;(outliner as any)[LAST_RENDER_ENV_KEY] = currentSignature\n  }\n}\n"],"mappings":";;;;;;;AAgBA,IAAM,IAAsB;AAE5B,SAAS,EAAoB,GAAiC;CAE5D,OADK,IACE;EAAC,EAAI;EAAQ,EAAI;EAAO,EAAI;CAAS,CAAC,CAAC,KAAK,GAAG,IADrC;AAEnB;AAEA,SAAS,IAAqB;CAC5B,IAAI,IAAO,SAAS,eAAe,aAAa;CAShD,OARK,MACH,IAAO,SAAS,cAAc,MAAM,GACpC,EAAK,KAAK,eACV,EAAK,aAAa,QAAQ,MAAM,GAChC,EAAK,aAAa,YAAY,IAAI,GAClC,EAAK,aAAa,aAAa,QAAQ,GACvC,SAAS,KAAK,YAAY,CAAI,IAEzB;AACT;AAEA,eAAsB,EACpB,GACA,GACA,GACA;CACA,EAAkB;CAClB,IAAM,IAAW,EAAY,UAAU,CAAW;CAElD,AADC,EAAkB,KAAuB,EAAmB,CAAW,GACxE,MAAa,OAAO,SAAS;CAC7B,IAAM,IAAqB,OAAO,KAAQ,WAAW,EAAM,IAAI,CAAG,IAAI,GAChE,IAAkB,OAAO,QAAQ,OAAO,UAIxC,KAHc,IAChB,EAAa,OAAO,CAAe,IACnC,KAAA,OAED,CAAC,KAAmB,EAAW,CAAO,IACnC,MAAM,EAAsB,CAAO,IACnC,KAAA;CAEN,EAAS,YAAY,GAAS,IAAM,GAAa,IAAM,KAAA,GAAW,KAAA,GAAW,IAAM,EAAK;CAExF,IAAM,IAAS,MAAM,EAAa,CAAQ,GACpC,IAAS,MAAM,EAAa,CAAQ;CAC1C,OAAO,QAAQ,IAAI,CAAC,GAAQ,CAAM,CAAC;AACrC;AAEA,eAAsB,EAAW,GAA0B;CACzD,IAAM,IAAQ,GAAU,SAAS,SAAS,OACpC,IAAe,GAAU,SAAS,SAAS,cAC3C,IAAW,OAAO,QAAQ,OAAO,UACjC,IAAU,OAAO,QAAQ,OAAO,SAIhC,IAAa,MADI,MAAa,aAAa,MAAa,YAAY,MAAa,YAEnF,IACA,OAAO,SAAS,SAAS,MACvB,IAAO,IAAW,GAAc,SAAS,CAAQ,IAAI,KAAA,GAIrD,IAAmB,EAAmB,GAAU,SAAS,WAAW;CAI1E,AAFmB,OADQ,IAAmB,MAAwB,OAGpD,KAAS,OAAO,GAAU,eAAgB,eAC1D,EAAS,YAAY,EAAM,IAAI,CAAU,GAAG,IAAM,GAAM,IAAM,KAAA,GAAW,KAAA,GAAW,IAAM,EAAK,GAC9F,EAAkB,KAAuB;AAE9C"}
+{"version":3,"file":"index.esm.js","names":["LAST_RENDER_ENV_KEY","renderEnvSignature","env","ensureMainContent","main","initMainPage","subject","uri","store","clearPaneState","initializeProfileHeading","outliner","getOutliner","environment","navigation","navigationFor","registerBrowserNavigation","header","createHeader","navbar","createNavbar","placeProfileHeading","refreshUI","currentSignature"],"sources":["../../src/mainPage/index.ts"],"sourcesContent":["/*   Main Page\n **\n **  This code is called in mashlib and renders the header and left side menu of the Databrowser.\n */\n\nimport { LiveStore, NamedNode } from 'rdflib'\nimport type { RenderEnvironment } from 'pane-registry'\nimport { getOutliner, OutlineManager } from '../index'\nimport { createHeader } from './header'\nimport { createNavbar } from './navbar'\nimport { navigationFor } from './navigation'\nimport { initializeProfileHeading, placeProfileHeading } from './profileHeading'\nimport { registerBrowserNavigation } from '../navigation/browserEvents'\nimport { clearPaneState } from '../navigation/state'\n\n// Symbol used to stash the last render-relevant env snapshot on the outliner\n// so refreshUI can skip a full GotoSubject re-render when nothing changed.\nconst LAST_RENDER_ENV_KEY = '__lastRenderEnvSignature'\n\nfunction renderEnvSignature (env?: RenderEnvironment): string {\n  if (!env) return ''\n  return [env.layout, env.theme, env.inputMode].join('|')\n}\n\nfunction ensureMainContent () {\n  let main = document.getElementById('MainContent') as HTMLElement | null\n  if (!main) {\n    main = document.createElement('main')\n    main.id = 'MainContent'\n    main.setAttribute('role', 'main')\n    main.setAttribute('tabindex', '-1')\n    main.setAttribute('aria-live', 'polite')\n    document.body.appendChild(main)\n  }\n  return main\n}\n\nexport async function initMainPage (\n  store: LiveStore,\n  uri?: string | NamedNode | null,\n  environment?: RenderEnvironment\n) {\n  ensureMainContent()\n  uri = uri || window.location.href\n  const subject: NamedNode = typeof uri === 'string' ? store.sym(uri) : uri\n  // A reload shows what the URL is, whatever the history entry last displayed through the navbar\n  // or the account menu: the profile on a profile page, otherwise the resource or container itself.\n  // This is also what Enter on the current URL ends in where the Navigation API is missing (see\n  // NAVIGATION API FALLBACK in navigation/browserEvents.ts): the browser reloads the page.\n  clearPaneState()\n  initializeProfileHeading()\n  const outliner = getOutliner(document, environment)\n  ;(outliner as any)[LAST_RENDER_ENV_KEY] = renderEnvSignature(environment)\n  const navigation = navigationFor(outliner, store)\n  registerBrowserNavigation(navigation)\n  await navigation.show({ kind: 'restore', subject: subject.uri })\n\n  const header = await createHeader(navigation)\n  const navbar = await createNavbar(navigation)\n  // The navbar went in at the top of the page; the heading belongs above it\n  placeProfileHeading()\n  return Promise.all([header, navbar])\n}\n\nexport async function refreshUI (outliner: OutlineManager) {\n  const store = outliner?.context?.session?.store\n\n  // Only re-run GotoSubject (full pane re-render) when render-relevant\n  // environment fields actually changed since the last render.\n  const currentSignature = renderEnvSignature(outliner?.context?.environment)\n  const previousSignature = (outliner as any)?.[LAST_RENDER_ENV_KEY] ?? ''\n  const envChanged = currentSignature !== previousSignature\n\n  if (envChanged && store && typeof outliner?.GotoSubject === 'function') {\n    // Re-render what the current history entry displays without changing the\n    // URL or losing that it came from the account menu.\n    await navigationFor(outliner, store).show({ kind: 'restore' })\n    ;(outliner as any)[LAST_RENDER_ENV_KEY] = currentSignature\n  }\n}\n"],"mappings":";;;;;;;;AAiBA,IAAMA,IAAsB;AAE5B,SAASC,EAAoB,GAAiC;CAE5D,OADKC,IACE;EAACA,EAAI;EAAQA,EAAI;EAAOA,EAAI;CAAS,CAAC,CAAC,KAAK,GAAG,IADrC;AAEnB;AAEA,SAASC,IAAqB;CAC5B,IAAIC,IAAO,SAAS,eAAe,aAAa;CAShD,OARKA,MACH,IAAO,SAAS,cAAc,MAAM,GACpC,EAAK,KAAK,eACVA,EAAK,aAAa,QAAQ,MAAM,GAChCA,EAAK,aAAa,YAAY,IAAI,GAClCA,EAAK,aAAa,aAAa,QAAQ,GACvC,SAAS,KAAK,YAAYA,CAAI,IAEzBA;AACT;AAEA,eAAsBC,EACpB,GACA,GACA,GACA;CAEA,AADAF,EAAkB,GAClB,MAAa,OAAO,SAAS;CAC7B,IAAMG,IAAqB,OAAOC,KAAQ,WAAWC,EAAM,IAAID,CAAG,IAAIA;CAMtE,AADAE,EAAe,GACfC,EAAyB;CACzB,IAAMC,IAAWC,EAAY,UAAUC,CAAW;CACjD,EAAkBb,KAAuBC,EAAmBY,CAAW;CACxE,IAAMC,IAAaC,EAAcJ,GAAUH,CAAK;CAEhD,AADAQ,EAA0BF,CAAU,GACpC,MAAMA,EAAW,KAAK;EAAE,MAAM;EAAW,SAASR,EAAQ;CAAI,CAAC;CAE/D,IAAMW,IAAS,MAAMC,EAAaJ,CAAU,GACtCK,IAAS,MAAMC,EAAaN,CAAU;CAG5C,OADAO,EAAoB,GACb,QAAQ,IAAI,CAACJ,GAAQE,CAAM,CAAC;AACrC;AAEA,eAAsBG,EAAW,GAA0B;CACzD,IAAMd,IAAQG,GAAU,SAAS,SAAS,OAIpCY,IAAmBtB,EAAmBU,GAAU,SAAS,WAAW;CAI1E,AAFmBY,OADQZ,IAAmBX,MAAwB,OAGpDQ,KAAS,OAAOG,GAAU,eAAgB,eAG1D,MAAMI,EAAcJ,GAAUH,CAAK,CAAC,CAAC,KAAK,EAAE,MAAM,UAAU,CAAC,GAC5D,EAAkBR,KAAuBuB;AAE9C"}

package/dist/mainPage/navbar.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../utils/webIdUtils.cjs.js");require("../_virtual/~icons/lucide/user.cjs.js"),require("../_virtual/~icons/lucide/users.cjs.js"),require("../_virtual/~icons/lucide/folder-open.cjs.js");const t=require("../utils/paneUtils.cjs.js");require("../components/navbar/index.cjs.js");let n=require("solid-logic"),r=require("lit-html");function i(){let e=document.querySelector(`solid-panes-navbar`);e&&e.classList.remove(`navbar--hidden`)}function a(e,t,n=!1){return{label:e,onSelected(){return i(),t()},selected:n}}async function o(n,r,i,o,s){let c=await e.loadProfileFromURI(r),l=o||(e.isWebIdUri(r)?`profile`:void 0),u=[];c&&u.push(a(`Profile`,async()=>{let e=await t.getProfilePaneFromURI(c);n.GotoSubject(r,!0,e,!0,void 0,i)},l===`profile`),a(`Friends`,async()=>{let e=await t.getSocialPaneFromURI(c);n.GotoSubject(r,!0,e,!0,void 0,i)},l===`social`));let d=await t.getFolderPanesFromURI(r);return d.forEach(e=>{u.push(a(e.label(),async()=>{n.GotoSubject(r,!0,e,!0,void 0,i)},l===e.paneName&&(s?s===e.subject.value:d.length===1)))}),u}async function s(e){let t=document.querySelector(`solid-panes-navbar`);if(t)return t.classList.remove(`navbar--hidden`),t;let i=document.getElementById(`OutlineView`),a=document.getElementById(`MainContent`),s=document.createElement(`div`),c=window.location.href,l=typeof c==`string`?n.store.sym(c):c,u=window.history.state?.paneName,d=window.history.state?.paneUri,f=await o(e,l,i,u,d).catch(e=>(console.error(`Failed to build navbar menu items:`,e),[]));function p(e){f=f.map(t=>({...t,selected:t===e}))}function m(e){let{detail:t}=e;p(t),Promise.resolve(t.onSelected?.()).catch(e=>{console.error(`Navbar menu item selection failed:`,e)}),h()}function h(){(0,r.render)(r.html`<solid-panes-navbar .navbarItems=${f} @solid-ui-select=${m}></solid-panes-navbar>`,s)}h();let g=s.firstElementChild;if(!g)throw Error(`Failed to create nav bar`);return a?a.insertBefore(g,a.firstChild):document.body.prepend(g),g}exports.createNavbar=s;
+const e=require("../utils/webIdUtils.cjs.js"),t=require("../navigation/chrome.cjs.js"),n=require("../navigation/podContext.cjs.js"),r=require("../navigation/state.cjs.js"),i=require("../navigation/events.cjs.js"),a=require("../navigation/navbarVisibility.cjs.js");require("../_virtual/~icons/lucide/user.cjs.js"),require("../_virtual/~icons/lucide/users.cjs.js"),require("../_virtual/~icons/lucide/folder-open.cjs.js"),require("../components/navbar/index.cjs.js");let o=require("solid-logic"),s=require("lit-html");function c(){return a.refreshNavbarVisibility(window.location.href,r.readNavigationState().viaAccountMenu)}var l;function u(e,t){l?.(e,t)}function d(e,t,n,r,i=!1){return{label:e,paneName:t,paneUri:n,async onSelected(){return await c(),r()},selected:i}}function f(n,r,i){let a=t.deriveNavbarSelection(i,e.isWebIdUri(o.store.sym(window.location.href))),s=[];if(n.owner){let e=n.owner;s.push(d(`Profile`,`profile`,e,()=>r.show({kind:`profile`,subject:e}),t.isNavbarItemSelected({paneName:`profile`},a,0)),d(`Friends`,`social`,e,()=>r.show({kind:`friends`,subject:e}),t.isNavbarItemSelected({paneName:`social`},a,0)))}return n.storagePanes.forEach(e=>{s.push(d(e.label(),e.paneName,e.subject.value,()=>r.show({kind:`storage`,pane:e}),t.isNavbarItemSelected({paneName:e.paneName,paneUri:e.subject.value},a,n.storagePanes.length)))}),s}async function p(u){let d=document.querySelector(`solid-panes-navbar`);if(d)return await c(),d;let p=document.getElementById(`MainContent`),m=document.createElement(`div`),h=await n.getPodContext(window.location.href),g=f(h,u,r.readNavigationState().view);function _(e){g=g.map(t=>({...t,selected:t===e}))}function v(e){let{detail:t}=e;_(t),Promise.resolve(t.onSelected?.()).catch(e=>{console.error(`Navbar menu item selection failed:`,e)}),y()}function y(){(0,s.render)(s.html`<solid-panes-navbar .navbarItems=${g} @solid-ui-select=${v}></solid-panes-navbar>`,m)}y(),l=(e,n)=>{let r=t.pickNavbarItem(g,e,n);r&&(_(r),y())};let b=m.firstElementChild;if(!b)throw Error(`Failed to create nav bar`);p?p.insertBefore(b,p.firstChild):document.body.prepend(b),await c();let x=0,S=i.onNavigated(({url:r,state:i})=>{if(!b.isConnected)return S();a.refreshNavbarVisibility(r,i.viaAccountMenu).catch(e=>console.error(`Failed to update navbar visibility:`,e));let s=++x;n.getPodContext(r).then(a=>{if(s===x){if(n.isSamePod(h,a)){let n=t.deriveNavbarSelection(i.view,e.isWebIdUri(o.store.sym(r))),a=g.map(e=>({...e,selected:t.isNavbarItemSelected(e,n,h.storagePanes.length)}));a.some((e,t)=>e.selected!==g[t].selected)&&(g=a,y())}else h=a,g=f(a,u,i.view),y()}}).catch(e=>console.error(`Failed to rebuild the navbar for the new pod:`,e))});return b}exports.createNavbar=p,exports.selectNavbarPane=u;
 //# sourceMappingURL=navbar.cjs.js.map

package/dist/mainPage/navbar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.cjs.js","names":[],"sources":["../../src/mainPage/navbar.ts"],"sourcesContent":["import { store } from 'solid-logic'\nimport { NamedNode } from 'rdflib'\nimport { getSocialPaneFromURI, getProfilePaneFromURI, getFolderPanesFromURI } from '../utils/paneUtils'\nimport { html, render } from 'lit-html'\nimport type { OutlineManager } from '../outline/manager'\nimport { isWebIdUri, loadProfileFromURI } from '../utils/webIdUtils'\n\nimport '~icons/lucide/user'\nimport '~icons/lucide/users'\nimport '~icons/lucide/folder-open'\nimport '../components/navbar'\n\nimport type { NavbarMenuItem } from '../components/navbar/Navbar'\n\nfunction showNavbar () {\n  const navbar = document.querySelector<HTMLElement>('solid-panes-navbar')\n  if (navbar) {\n    navbar.classList.remove('navbar--hidden')\n  }\n}\n\nfunction createNavItem (\n  label: string,\n  onSelected: () => void,\n  selected = false\n): NavbarMenuItem {\n  return {\n    label,\n    onSelected () {\n      showNavbar()\n      return onSelected()\n    },\n    selected\n  }\n}\n\nasync function createNavbarMenuItems (\n  outliner: OutlineManager,\n  subject: NamedNode,\n  outlineView: HTMLElement | null,\n  selectedPaneName?: string,\n  selectedPaneUri?: string\n): Promise<NavbarMenuItem[]> {\n  const webId = await loadProfileFromURI(subject)\n  const selectedPane = selectedPaneName || (isWebIdUri(subject) ? 'profile' : undefined)\n\n  const menuItems: NavbarMenuItem[] = []\n\n  if (webId) {\n    menuItems.push(\n      createNavItem('Profile', async () => {\n        const profilePane = await getProfilePaneFromURI(webId)\n        outliner.GotoSubject(subject, true, profilePane, true, undefined, outlineView)\n      }, selectedPane === 'profile'),\n      createNavItem('Friends', async () => {\n        const socialPane = await getSocialPaneFromURI(webId)\n        outliner.GotoSubject(subject, true, socialPane, true, undefined, outlineView)\n      }, selectedPane === 'social')\n    )\n  }\n\n  const storagePanes = await getFolderPanesFromURI(subject)\n  storagePanes.forEach(pane => {\n    menuItems.push(\n      createNavItem(\n        pane.label(),\n        async () => {\n          outliner.GotoSubject(subject, true, pane, true, undefined, outlineView)\n        },\n        selectedPane === pane.paneName &&\n          (selectedPaneUri ? selectedPaneUri === pane.subject.value : storagePanes.length === 1)\n      )\n    )\n  })\n\n  return menuItems\n}\n\nexport async function createNavbar (outliner: OutlineManager) {\n  const existingNavbar = document.querySelector<HTMLElement>('solid-panes-navbar')\n\n  if (existingNavbar) {\n    existingNavbar.classList.remove('navbar--hidden')\n    return existingNavbar\n  }\n\n  const OutlineView = document.getElementById('OutlineView')\n  const mainContent = document.getElementById('MainContent')\n  const tmpContainer = document.createElement('div')\n  const uri = window.location.href\n  const subject: NamedNode = typeof uri === 'string' ? store.sym(uri) : uri\n  const selectedPaneName = window.history.state?.paneName\n  const selectedPaneUri = window.history.state?.paneUri\n  let menuItems = await createNavbarMenuItems(outliner, subject, OutlineView, selectedPaneName, selectedPaneUri).catch((err) => {\n    console.error('Failed to build navbar menu items:', err)\n    return []\n  })\n\n  function setSelectedItem (selectedItem: NavbarMenuItem) {\n    menuItems = menuItems.map((menuItem) => ({\n      ...menuItem,\n      selected: menuItem === selectedItem\n    }))\n  }\n\n  function handleSelectionChanged (event: Event) {\n    const { detail: selectedItem } = event as CustomEvent<NavbarMenuItem>\n    setSelectedItem(selectedItem)\n\n    Promise.resolve(selectedItem.onSelected?.()).catch((error) => {\n      console.error('Navbar menu item selection failed:', error)\n    })\n\n    renderNavbar()\n  }\n\n  function renderNavbar () {\n    render(\n      html`<solid-panes-navbar .navbarItems=${menuItems} @solid-ui-select=${handleSelectionChanged}></solid-panes-navbar>`,\n      tmpContainer\n    )\n  }\n\n  renderNavbar()\n\n  const navbar = tmpContainer.firstElementChild as HTMLElement | null\n\n  if (!navbar) {\n    throw new Error('Failed to create nav bar')\n  }\n\n  if (mainContent) {\n    mainContent.insertBefore(navbar, mainContent.firstChild)\n  } else {\n    document.body.prepend(navbar)\n  }\n\n  return navbar\n}\n"],"mappings":"sVAcA,SAAS,GAAc,CACrB,IAAM,EAAS,SAAS,cAA2B,oBAAoB,EACnE,GACF,EAAO,UAAU,OAAO,gBAAgB,CAE5C,CAEA,SAAS,EACP,EACA,EACA,EAAW,GACK,CAChB,MAAO,CACL,QACA,YAAc,CAEZ,OADA,EAAW,EACJ,EAAW,CACpB,EACA,UACF,CACF,CAEA,eAAe,EACb,EACA,EACA,EACA,EACA,EAC2B,CAC3B,IAAM,EAAQ,MAAM,EAAA,mBAAmB,CAAO,EACxC,EAAe,IAAqB,EAAA,WAAW,CAAO,EAAI,UAAY,IAAA,IAEtE,EAA8B,CAAC,EAEjC,GACF,EAAU,KACR,EAAc,UAAW,SAAY,CACnC,IAAM,EAAc,MAAM,EAAA,sBAAsB,CAAK,EACrD,EAAS,YAAY,EAAS,GAAM,EAAa,GAAM,IAAA,GAAW,CAAW,CAC/E,EAAG,IAAiB,SAAS,EAC7B,EAAc,UAAW,SAAY,CACnC,IAAM,EAAa,MAAM,EAAA,qBAAqB,CAAK,EACnD,EAAS,YAAY,EAAS,GAAM,EAAY,GAAM,IAAA,GAAW,CAAW,CAC9E,EAAG,IAAiB,QAAQ,CAC9B,EAGF,IAAM,EAAe,MAAM,EAAA,sBAAsB,CAAO,EAcxD,OAbA,EAAa,QAAQ,GAAQ,CAC3B,EAAU,KACR,EACE,EAAK,MAAM,EACX,SAAY,CACV,EAAS,YAAY,EAAS,GAAM,EAAM,GAAM,IAAA,GAAW,CAAW,CACxE,EACA,IAAiB,EAAK,WACnB,EAAkB,IAAoB,EAAK,QAAQ,MAAQ,EAAa,SAAW,EACxF,CACF,CACF,CAAC,EAEM,CACT,CAEA,eAAsB,EAAc,EAA0B,CAC5D,IAAM,EAAiB,SAAS,cAA2B,oBAAoB,EAE/E,GAAI,EAEF,OADA,EAAe,UAAU,OAAO,gBAAgB,EACzC,EAGT,IAAM,EAAc,SAAS,eAAe,aAAa,EACnD,EAAc,SAAS,eAAe,aAAa,EACnD,EAAe,SAAS,cAAc,KAAK,EAC3C,EAAM,OAAO,SAAS,KACtB,EAAqB,OAAO,GAAQ,SAAW,EAAA,MAAM,IAAI,CAAG,EAAI,EAChE,EAAmB,OAAO,QAAQ,OAAO,SACzC,EAAkB,OAAO,QAAQ,OAAO,QAC1C,EAAY,MAAM,EAAsB,EAAU,EAAS,EAAa,EAAkB,CAAe,CAAC,CAAC,MAAO,IACpH,QAAQ,MAAM,qCAAsC,CAAG,EAChD,CAAC,EACT,EAED,SAAS,EAAiB,EAA8B,CACtD,EAAY,EAAU,IAAK,IAAc,CACvC,GAAG,EACH,SAAU,IAAa,CACzB,EAAE,CACJ,CAEA,SAAS,EAAwB,EAAc,CAC7C,GAAM,CAAE,OAAQ,GAAiB,EACjC,EAAgB,CAAY,EAE5B,QAAQ,QAAQ,EAAa,aAAa,CAAC,CAAC,CAAC,MAAO,GAAU,CAC5D,QAAQ,MAAM,qCAAsC,CAAK,CAC3D,CAAC,EAED,EAAa,CACf,CAEA,SAAS,GAAgB,EACvB,EAAA,EAAA,OAAA,CACE,EAAA,IAAI,oCAAoC,EAAU,oBAAoB,EAAuB,wBAC7F,CACF,CACF,CAEA,EAAa,EAEb,IAAM,EAAS,EAAa,kBAE5B,GAAI,CAAC,EACH,MAAU,MAAM,0BAA0B,EAS5C,OANI,EACF,EAAY,aAAa,EAAQ,EAAY,UAAU,EAEvD,SAAS,KAAK,QAAQ,CAAM,EAGvB,CACT"}
+{"version":3,"file":"navbar.cjs.js","names":["refreshNavbarVisibility","readNavigationState","deriveNavbarSelection","isWebIdUri","store","isNavbarItemSelected","getPodContext","pickNavbarItem","onNavigated","isSamePod","require_webIdUtils","require_chrome","require_podContext","require_state","require_events","require_navbarVisibility","solid_logic","lit_html","showNavbar","selectPaneInNavbar","selectNavbarPane","paneName","paneUri","createNavItem","onSelected","createNavbarMenuItems","selection","view","menuItems","context","owner","navigation","pane","createNavbar","existingNavbar","mainContent","tmpContainer","podContext","setSelectedItem","menuItem","selectedItem","handleSelectionChanged","event","error","renderNavbar","item","navbar","rebuildRequest","stopListening","url","state","request","next","selectedItems","index"],"sources":["../../src/mainPage/navbar.ts"],"sourcesContent":["import { store } from 'solid-logic'\nimport { html, render } from 'lit-html'\nimport type { NavigationController } from '../navigation/controller'\nimport { isWebIdUri } from '../utils/webIdUtils'\nimport { deriveNavbarSelection, isNavbarItemSelected, pickNavbarItem } from '../navigation/chrome'\nimport { onNavigated } from '../navigation/events'\nimport { readNavigationState, type NavigationView } from '../navigation/state'\nimport { getPodContext, isSamePod, type PodContext } from '../navigation/podContext'\nimport { refreshNavbarVisibility } from '../navigation/navbarVisibility'\n\nimport '~icons/lucide/user'\nimport '~icons/lucide/users'\nimport '~icons/lucide/folder-open'\nimport '../components/navbar'\n\nimport type { NavbarMenuItem } from '../components/navbar/Navbar'\n\nfunction showNavbar () {\n  return refreshNavbarVisibility(window.location.href, readNavigationState().viaAccountMenu)\n}\n\nlet selectPaneInNavbar: ((paneName: string, paneUri?: string) => void) | undefined\n\nexport function selectNavbarPane (paneName: string, paneUri?: string): void {\n  selectPaneInNavbar?.(paneName, paneUri)\n}\n\nfunction createNavItem (\n  label: string,\n  paneName: string,\n  paneUri: string,\n  onSelected: () => void,\n  selected = false\n): NavbarMenuItem {\n  return {\n    label,\n    paneName,\n    paneUri,\n    async onSelected () {\n      await showNavbar()\n      return onSelected()\n    },\n    selected\n  }\n}\n\n// The items offered for the pod the page is in. Choosing one displays that pane while the\n// page URL stays as it is.\nfunction createNavbarMenuItems (\n  context: PodContext,\n  navigation: NavigationController,\n  view: NavigationView\n): NavbarMenuItem[] {\n  const selection = deriveNavbarSelection(view, isWebIdUri(store.sym(window.location.href)))\n\n  const menuItems: NavbarMenuItem[] = []\n\n  if (context.owner) {\n    const owner = context.owner\n    menuItems.push(\n      createNavItem('Profile', 'profile', owner, () => navigation.show({ kind: 'profile', subject: owner }),\n        isNavbarItemSelected({ paneName: 'profile' }, selection, 0)),\n      createNavItem('Friends', 'social', owner, () => navigation.show({ kind: 'friends', subject: owner }),\n        isNavbarItemSelected({ paneName: 'social' }, selection, 0))\n    )\n  }\n\n  context.storagePanes.forEach(pane => {\n    menuItems.push(\n      createNavItem(\n        pane.label(),\n        pane.paneName,\n        pane.subject.value,\n        () => navigation.show({ kind: 'storage', pane }),\n        isNavbarItemSelected(\n          { paneName: pane.paneName, paneUri: pane.subject.value },\n          selection,\n          context.storagePanes.length\n        )\n      )\n    )\n  })\n\n  return menuItems\n}\n\nexport async function createNavbar (navigation: NavigationController) {\n  const existingNavbar = document.querySelector<HTMLElement>('solid-panes-navbar')\n\n  if (existingNavbar) {\n    await showNavbar()\n    return existingNavbar\n  }\n\n  const mainContent = document.getElementById('MainContent')\n  const tmpContainer = document.createElement('div')\n  let podContext = await getPodContext(window.location.href)\n  let menuItems = createNavbarMenuItems(podContext, navigation, readNavigationState().view)\n\n  function setSelectedItem (selectedItem: NavbarMenuItem) {\n    menuItems = menuItems.map((menuItem) => ({\n      ...menuItem,\n      selected: menuItem === selectedItem\n    }))\n  }\n\n  function handleSelectionChanged (event: Event) {\n    const { detail: selectedItem } = event as CustomEvent<NavbarMenuItem>\n    setSelectedItem(selectedItem)\n\n    Promise.resolve(selectedItem.onSelected?.()).catch((error) => {\n      console.error('Navbar menu item selection failed:', error)\n    })\n\n    renderNavbar()\n  }\n\n  function renderNavbar () {\n    render(\n      html`<solid-panes-navbar .navbarItems=${menuItems} @solid-ui-select=${handleSelectionChanged}></solid-panes-navbar>`,\n      tmpContainer\n    )\n  }\n\n  renderNavbar()\n\n  selectPaneInNavbar = (paneName, paneUri) => {\n    const item = pickNavbarItem(menuItems, paneName, paneUri)\n    if (!item) return\n    setSelectedItem(item)\n    renderNavbar()\n  }\n\n  const navbar = tmpContainer.firstElementChild as HTMLElement | null\n\n  if (!navbar) {\n    throw new Error('Failed to create nav bar')\n  }\n\n  if (mainContent) {\n    mainContent.insertBefore(navbar, mainContent.firstChild)\n  } else {\n    document.body.prepend(navbar)\n  }\n\n  await showNavbar()\n\n  // The items belong to one pod. When a navigation (a link, back or forward) lands in another\n  // pod, they would offer the wrong profile and storages, so build them again.\n  let rebuildRequest = 0\n  const stopListening = onNavigated(({ url, state }) => {\n    if (!navbar.isConnected) return stopListening()\n\n    refreshNavbarVisibility(url, state.viaAccountMenu)\n      .catch(error => console.error('Failed to update navbar visibility:', error))\n\n    const request = ++rebuildRequest\n    getPodContext(url).then(next => {\n      if (request !== rebuildRequest) return\n      if (isSamePod(podContext, next)) {\n        const selection = deriveNavbarSelection(state.view, isWebIdUri(store.sym(url)))\n        const selectedItems = menuItems.map(menuItem => ({\n          ...menuItem,\n          selected: isNavbarItemSelected(menuItem, selection, podContext.storagePanes.length)\n        }))\n        if (selectedItems.some((item, index) => item.selected !== menuItems[index].selected)) {\n          menuItems = selectedItems\n          renderNavbar()\n        }\n        return\n      }\n      podContext = next\n      menuItems = createNavbarMenuItems(next, navigation, state.view)\n      renderNavbar()\n    }).catch(error => console.error('Failed to rebuild the navbar for the new pod:', error))\n  })\n\n  return navbar\n}\n"],"mappings":"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"}

package/dist/mainPage/navbar.d.ts

@@ -1,3 +1,4 @@
-import { OutlineManager } from '../outline/manager';
-export declare function createNavbar(outliner: OutlineManager): Promise<HTMLElement>;
+import { NavigationController } from '../navigation/controller';
+export declare function selectNavbarPane(paneName: string, paneUri?: string): void;
+export declare function createNavbar(navigation: NavigationController): Promise<HTMLElement>;
 //# sourceMappingURL=navbar.d.ts.map

package/dist/mainPage/navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../src/mainPage/navbar.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAGxD,OAAO,oBAAoB,CAAA;AAC3B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,2BAA2B,CAAA;AAClC,OAAO,sBAAsB,CAAA;AAoE7B,wBAAsB,YAAY,CAAE,QAAQ,EAAE,cAAc,wBA4D3D"}
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../src/mainPage/navbar.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAQpE,OAAO,oBAAoB,CAAA;AAC3B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,2BAA2B,CAAA;AAClC,OAAO,sBAAsB,CAAA;AAU7B,wBAAgB,gBAAgB,CAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAE1E;AA6DD,wBAAsB,YAAY,CAAE,UAAU,EAAE,oBAAoB,wBA4FnE"}