solid-panes 5.0.0 → 5.1.0-0

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":["createHeader","existingHeader","me","authn","main","outlineView","tmpContainer","hideNavbar","navbar","storageMenuItems","getFolderPanesFromURI","pane","outliner","sym","menuItems","profilePane","getProfilePaneFromURI","socialPane","getSocialPaneFromURI","header"],"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,eAAsBA,EAAc,GAA0B;CAC5D,IAAMC,IAAiB,SAAS,cAAc,oBAAoB;CAElE,IAAIA,GACF,OAAOA;CAGT,IAAMC,IAAKC,EAAM,YAAY,GAEvBC,IAAO,SAAS,eAAe,aAAa,GAC5CC,IAAc,SAAS,eAAe,aAAa,GACnDC,IAAe,SAAS,cAAc,KAAK;CAEjD,SAASC,IAAc;EACrB,IAAMC,IAAS,SAAS,cAA2B,oBAAoB;EACvE,AAAIA,KACFA,EAAO,UAAU,IAAI,gBAAgB;CAEzC;CAGA,IAAMC,KADeP,IAAK,MAAMQ,EAAsBR,CAAE,IAAI,CAAC,EAAA,CACJ,KAAI,OAAS;EACpE,OAAO,CAAI,wEAAwES,EAAK,MAAM;EAC9F,MAAM,aAAc;GAElB,AADAJ,EAAW,GACPL,KACFU,EAAS,YAAYC,EAAI,OAAO,SAAS,IAAI,GAAG,IAAMF,GAAM,IAAM,KAAA,GAAWN,GAAa,EAAK;EAEnG;CACF,EAAE,GACIS,IAA+B;EACnC;GACE,OAAO,CAAI;GACX,MAAM,aAAc;IAElB,IADAP,EAAW,GACPL,GAAI;KACN,IAAMa,IAAc,MAAMC,EAAsBd,CAAE;KAClD,EAAS,YAAYW,EAAI,OAAO,SAAS,IAAI,GAAG,IAAME,GAAa,IAAM,KAAA,GAAWV,GAAa,EAAK;IACxG;GACF;EACF;EACA;GACE,OAAO,CAAI;GACX,MAAM,aAAc;IAElB,IADAE,EAAW,GACPL,GAAI;KACN,IAAMe,IAAa,MAAMC,EAAqBhB,CAAE;KAChD,EAAS,YAAYW,EAAI,OAAO,SAAS,IAAI,GAAG,IAAMI,GAAY,IAAM,KAAA,GAAWZ,GAAa,EAAK;IACvG;GACF;EACF;EACA,GAAGI;EACH;GACE,OAAO,CAAI;GACX,aAAc;IAEZ,IADAF,EAAW,GACPL,GAAI;KACN,IAAMS,IAAOC,EAAS,QAAQ,QAAQ,aAAa,OAAO,MAAM;KAChE,AAAID,KACFC,EAAS,YAAYC,EAAI,OAAO,SAAS,IAAI,GAAG,IAAMF,GAAM,IAAM,KAAA,GAAWN,GAAa,EAAK;IAEnG;GACF;EACF;EACA;GACE,OAAO,CAAI;GACX,aAAc;IAEZ,IADAE,EAAW,GACPL,GAAI;KACN,IAAMS,IAAOC,EAAS,QAAQ,QAAQ,aAAa,OAAO,kBAAkB;KAC5E,AAAID,KACFC,EAAS,YAAYC,EAAI,OAAO,SAAS,IAAI,GAAG,IAAMF,GAAM,IAAM,KAAA,GAAWN,GAAa,EAAK;IAEnG;GACF;EACF;CACF;CAEA,EACE,CAAI,kCAAkCS,EAAU,yBAChDR,CACF;CAEA,IAAMa,IAASb,EAAa;CAE5B,IAAI,CAACa,GACH,MAAU,MAAM,yBAAyB;CAU3C,OANIf,KAAQA,EAAK,aACfA,EAAK,WAAW,aAAae,GAAQf,CAAI,IAEzC,SAAS,KAAK,QAAQe,CAAM,GAGvBA;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":["getOutliner","paneRegistry","isWebIdUri","getProfilePaneFromURI","createHeader","createNavbar","require_runtime","require_webIdUtils","require_paneUtils","require_header","require_navbar","require_index","pane_registry","LAST_RENDER_ENV_KEY","renderEnvSignature","env","ensureMainContent","main","initMainPage","outliner","environment","subject","uri","store","historyPaneName","initialPane","header","navbar","refreshUI","paneRegistry","paneName","paneUri","subjectUri","pane","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 * 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,IAAMa,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,IAAMG,EAAWnB,EAAAA,YAAY,SAAUoB,CAAW,EACjD,EAAkBP,GAAuBC,EAAmBM,CAAW,EACxE,IAAa,OAAO,SAAS,KAC7B,IAAMC,EAAqB,OAAOC,GAAQ,SAAWC,EAAM,IAAID,CAAG,EAAIA,EAChEE,EAAkB,OAAO,QAAQ,OAAO,SAIxCC,GAHcD,EAChBvB,EAAa,OAAOuB,CAAe,EACnC,IAAA,MAED,CAACA,GAAmBtB,EAAAA,WAAWmB,CAAO,EACnC,MAAMlB,EAAAA,sBAAsBkB,CAAO,EACnC,IAAA,IAENF,EAAS,YAAYE,EAAS,GAAMI,EAAa,GAAM,IAAA,GAAW,IAAA,GAAW,GAAM,EAAK,EAExF,IAAMC,EAAS,MAAMtB,EAAAA,aAAae,CAAQ,EACpCQ,EAAS,MAAMtB,EAAAA,aAAac,CAAQ,EAC1C,OAAO,QAAQ,IAAI,CAACO,EAAQC,CAAM,CAAC,CACrC,CAEA,eAAsBC,EAAW,EAA0B,CACzD,IAAML,EAAQJ,GAAU,SAAS,SAAS,MACpCU,EAAeV,GAAU,SAAS,SAAS,aAC3CW,EAAW,OAAO,QAAQ,OAAO,SACjCC,EAAU,OAAO,QAAQ,OAAO,QAIhCC,EAAaD,IADID,IAAa,WAAaA,IAAa,UAAYA,IAAa,UAEnFC,EACA,OAAO,SAAS,SAAS,KACvBE,EAAOH,EAAWD,GAAc,SAASC,CAAQ,EAAI,IAAA,GAIrDI,EAAmBpB,EAAmBK,GAAU,SAAS,WAAW,EAEvDe,KADQf,IAAmBN,IAAwB,KAGpDU,GAAS,OAAOJ,GAAU,aAAgB,aAC1DA,EAAS,YAAYI,EAAM,IAAIS,CAAU,EAAG,GAAMC,EAAM,GAAM,IAAA,GAAW,IAAA,GAAW,GAAM,EAAK,EAC9F,EAAkBpB,GAAuBqB,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":["paneRegistry","LAST_RENDER_ENV_KEY","renderEnvSignature","env","ensureMainContent","main","initMainPage","outliner","getOutliner","environment","subject","uri","store","historyPaneName","initialPane","isWebIdUri","getProfilePaneFromURI","header","createHeader","navbar","createNavbar","refreshUI","paneName","paneUri","subjectUri","pane","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 * 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,IAAMC,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;CACA,EAAkB;CAClB,IAAMC,IAAWC,EAAY,UAAUC,CAAW;CAElD,AADC,EAAkBR,KAAuBC,EAAmBO,CAAW,GACxE,MAAa,OAAO,SAAS;CAC7B,IAAMC,IAAqB,OAAOC,KAAQ,WAAWC,EAAM,IAAID,CAAG,IAAIA,GAChEE,IAAkB,OAAO,QAAQ,OAAO,UAIxCC,KAHcD,IAChBb,EAAa,OAAOa,CAAe,IACnC,KAAA,OAED,CAACA,KAAmBE,EAAWL,CAAO,IACnC,MAAMM,EAAsBN,CAAO,IACnC,KAAA;CAEN,EAAS,YAAYA,GAAS,IAAMI,GAAa,IAAM,KAAA,GAAW,KAAA,GAAW,IAAM,EAAK;CAExF,IAAMG,IAAS,MAAMC,EAAaX,CAAQ,GACpCY,IAAS,MAAMC,EAAab,CAAQ;CAC1C,OAAO,QAAQ,IAAI,CAACU,GAAQE,CAAM,CAAC;AACrC;AAEA,eAAsBE,EAAW,GAA0B;CACzD,IAAMT,IAAQL,GAAU,SAAS,SAAS,OACpCP,IAAeO,GAAU,SAAS,SAAS,cAC3Ce,IAAW,OAAO,QAAQ,OAAO,UACjCC,IAAU,OAAO,QAAQ,OAAO,SAIhCC,IAAaD,MADID,MAAa,aAAaA,MAAa,YAAYA,MAAa,YAEnFC,IACA,OAAO,SAAS,SAAS,MACvBE,IAAOH,IAAWtB,GAAc,SAASsB,CAAQ,IAAI,KAAA,GAIrDI,IAAmBxB,EAAmBK,GAAU,SAAS,WAAW;CAI1E,AAFmBmB,OADQnB,IAAmBN,MAAwB,OAGpDW,KAAS,OAAOL,GAAU,eAAgB,eAC1DA,EAAS,YAAYK,EAAM,IAAIY,CAAU,GAAG,IAAMC,GAAM,IAAM,KAAA,GAAW,KAAA,GAAW,IAAM,EAAK,GAC9F,EAAkBxB,KAAuByB;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":["loadProfileFromURI","isWebIdUri","getProfilePaneFromURI","getSocialPaneFromURI","getFolderPanesFromURI","store","require_webIdUtils","require_paneUtils","solid_logic","lit_html","showNavbar","navbar","createNavItem","onSelected","createNavbarMenuItems","webId","subject","selectedPane","selectedPaneName","menuItems","profilePane","outliner","outlineView","socialPane","storagePanes","pane","selectedPaneUri","createNavbar","existingNavbar","OutlineView","mainContent","tmpContainer","uri","err","setSelectedItem","menuItem","selectedItem","handleSelectionChanged","event","error","renderNavbar"],"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,SAASU,GAAc,CACrB,IAAMC,EAAS,SAAS,cAA2B,oBAAoB,EACnEA,GACFA,EAAO,UAAU,OAAO,gBAAgB,CAE5C,CAEA,SAASC,EACP,EACA,EACA,EAAW,GACK,CAChB,MAAO,CACL,QACA,YAAc,CAEZ,OADAF,EAAW,EACJG,EAAW,CACpB,EACA,UACF,CACF,CAEA,eAAeC,EACb,EACA,EACA,EACA,EACA,EAC2B,CAC3B,IAAMC,EAAQ,MAAMf,EAAAA,mBAAmBgB,CAAO,EACxCC,EAAeC,IAAqBjB,EAAAA,WAAWe,CAAO,EAAI,UAAY,IAAA,IAEtEG,EAA8B,CAAC,EAEjCJ,GACFI,EAAU,KACRP,EAAc,UAAW,SAAY,CACnC,IAAMQ,EAAc,MAAMlB,EAAAA,sBAAsBa,CAAK,EACrDM,EAAS,YAAYL,EAAS,GAAMI,EAAa,GAAM,IAAA,GAAWE,CAAW,CAC/E,EAAGL,IAAiB,SAAS,EAC7BL,EAAc,UAAW,SAAY,CACnC,IAAMW,EAAa,MAAMpB,EAAAA,qBAAqBY,CAAK,EACnDM,EAAS,YAAYL,EAAS,GAAMO,EAAY,GAAM,IAAA,GAAWD,CAAW,CAC9E,EAAGL,IAAiB,QAAQ,CAC9B,EAGF,IAAMO,EAAe,MAAMpB,EAAAA,sBAAsBY,CAAO,EAcxD,OAbAQ,EAAa,QAAQ,GAAQ,CAC3BL,EAAU,KACRP,EACEa,EAAK,MAAM,EACX,SAAY,CACVJ,EAAS,YAAYL,EAAS,GAAMS,EAAM,GAAM,IAAA,GAAWH,CAAW,CACxE,EACAL,IAAiBQ,EAAK,WACnBC,EAAkBA,IAAoBD,EAAK,QAAQ,MAAQD,EAAa,SAAW,EACxF,CACF,CACF,CAAC,EAEML,CACT,CAEA,eAAsBQ,EAAc,EAA0B,CAC5D,IAAMC,EAAiB,SAAS,cAA2B,oBAAoB,EAE/E,GAAIA,EAEF,OADAA,EAAe,UAAU,OAAO,gBAAgB,EACzCA,EAGT,IAAMC,EAAc,SAAS,eAAe,aAAa,EACnDC,EAAc,SAAS,eAAe,aAAa,EACnDC,EAAe,SAAS,cAAc,KAAK,EAC3CC,EAAM,OAAO,SAAS,KACtBhB,EAAqB,OAAOgB,GAAQ,SAAW3B,EAAAA,MAAM,IAAI2B,CAAG,EAAIA,EAChEd,EAAmB,OAAO,QAAQ,OAAO,SACzCQ,EAAkB,OAAO,QAAQ,OAAO,QAC1CP,EAAY,MAAML,EAAsBO,EAAUL,EAASa,EAAaX,EAAkBQ,CAAe,CAAC,CAAC,MAAO,IACpH,QAAQ,MAAM,qCAAsCO,CAAG,EAChD,CAAC,EACT,EAED,SAASC,EAAiB,EAA8B,CACtD,EAAYf,EAAU,IAAK,IAAc,CACvC,GAAGgB,EACH,SAAUA,IAAaC,CACzB,EAAE,CACJ,CAEA,SAASC,EAAwB,EAAc,CAC7C,GAAM,CAAE,OAAQD,GAAiBE,EACjCJ,EAAgBE,CAAY,EAE5B,QAAQ,QAAQA,EAAa,aAAa,CAAC,CAAC,CAAC,MAAO,GAAU,CAC5D,QAAQ,MAAM,qCAAsCG,CAAK,CAC3D,CAAC,EAEDC,EAAa,CACf,CAEA,SAASA,GAAgB,EACvB,EAAA/B,EAAA,OAAA,CACE,EAAA,IAAI,oCAAoCU,EAAU,oBAAoBkB,EAAuB,wBAC7FN,CACF,CACF,CAEAS,EAAa,EAEb,IAAM7B,EAASoB,EAAa,kBAE5B,GAAI,CAACpB,EACH,MAAU,MAAM,0BAA0B,EAS5C,OANImB,EACFA,EAAY,aAAanB,EAAQmB,EAAY,UAAU,EAEvD,SAAS,KAAK,QAAQnB,CAAM,EAGvBA,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":"A,mgBAiBA,SAASkB,GAAc,CACrB,OAAOlB,EAAAA,wBAAwB,OAAO,SAAS,KAAMC,EAAAA,oBAAoB,CAAC,CAAC,cAAc,CAC3F,CAEA,IAAIkB,EAEJ,SAAgBC,EAAkB,EAAkB,EAAwB,CAC1ED,IAAqBE,EAAUC,CAAO,CACxC,CAEA,SAASC,EACP,EACA,EACA,EACA,EACA,EAAW,GACK,CAChB,MAAO,CACL,QACA,WACA,UACA,MAAM,YAAc,CAElB,OADA,MAAML,EAAW,EACVM,EAAW,CACpB,EACA,UACF,CACF,CAIA,SAASC,EACP,EACA,EACA,EACkB,CAClB,IAAMC,EAAYxB,EAAAA,sBAAsByB,EAAMxB,EAAAA,WAAWC,EAAAA,MAAM,IAAI,OAAO,SAAS,IAAI,CAAC,CAAC,EAEnFwB,EAA8B,CAAC,EAErC,GAAIC,EAAQ,MAAO,CACjB,IAAMC,EAAQD,EAAQ,MACtBD,EAAU,KACRL,EAAc,UAAW,UAAWO,MAAaC,EAAW,KAAK,CAAE,KAAM,UAAW,QAASD,CAAM,CAAC,EAClGzB,EAAAA,qBAAqB,CAAE,SAAU,SAAU,EAAGqB,EAAW,CAAC,CAAC,EAC7DH,EAAc,UAAW,SAAUO,MAAaC,EAAW,KAAK,CAAE,KAAM,UAAW,QAASD,CAAM,CAAC,EACjGzB,EAAAA,qBAAqB,CAAE,SAAU,QAAS,EAAGqB,EAAW,CAAC,CAAC,CAC9D,CACF,CAkBA,OAhBAG,EAAQ,aAAa,QAAQ,GAAQ,CACnCD,EAAU,KACRL,EACES,EAAK,MAAM,EACXA,EAAK,SACLA,EAAK,QAAQ,UACPD,EAAW,KAAK,CAAE,KAAM,UAAW,MAAK,CAAC,EAC/C1B,EAAAA,qBACE,CAAE,SAAU2B,EAAK,SAAU,QAASA,EAAK,QAAQ,KAAM,EACvDN,EACAG,EAAQ,aAAa,MACvB,CACF,CACF,CACF,CAAC,EAEMD,CACT,CAEA,eAAsBK,EAAc,EAAkC,CACpE,IAAMC,EAAiB,SAAS,cAA2B,oBAAoB,EAE/E,GAAIA,EAEF,OADA,MAAMhB,EAAW,EACVgB,EAGT,IAAMC,EAAc,SAAS,eAAe,aAAa,EACnDC,EAAe,SAAS,cAAc,KAAK,EAC7CC,EAAa,MAAM/B,EAAAA,cAAc,OAAO,SAAS,IAAI,EACrDsB,EAAYH,EAAsBY,EAAYN,EAAY9B,EAAAA,oBAAoB,CAAC,CAAC,IAAI,EAExF,SAASqC,EAAiB,EAA8B,CACtD,EAAYV,EAAU,IAAK,IAAc,CACvC,GAAGW,EACH,SAAUA,IAAaC,CACzB,EAAE,CACJ,CAEA,SAASC,EAAwB,EAAc,CAC7C,GAAM,CAAE,OAAQD,GAAiBE,EACjCJ,EAAgBE,CAAY,EAE5B,QAAQ,QAAQA,EAAa,aAAa,CAAC,CAAC,CAAC,MAAO,GAAU,CAC5D,QAAQ,MAAM,qCAAsCG,CAAK,CAC3D,CAAC,EAEDC,EAAa,CACf,CAEA,SAASA,GAAgB,EACvB,EAAA3B,EAAA,OAAA,CACE,EAAA,IAAI,oCAAoCW,EAAU,oBAAoBa,EAAuB,wBAC7FL,CACF,CACF,CAEAQ,EAAa,EAEb,GAAsB,EAAU,IAAY,CAC1C,IAAMC,EAAOtC,EAAAA,eAAeqB,EAAWP,EAAUC,CAAO,EACnDuB,IACLP,EAAgBO,CAAI,EACpBD,EAAa,EACf,EAEA,IAAME,EAASV,EAAa,kBAE5B,GAAI,CAACU,EACH,MAAU,MAAM,0BAA0B,EAGxCX,EACFA,EAAY,aAAaW,EAAQX,EAAY,UAAU,EAEvD,SAAS,KAAK,QAAQW,CAAM,EAG9B,MAAM5B,EAAW,EAIjB,IAAI6B,EAAiB,EACfC,EAAgBxC,EAAAA,aAAa,CAAE,MAAK,WAAY,CACpD,GAAI,CAACsC,EAAO,YAAa,OAAOE,EAAc,EAE9CjC,EAAA,wBAAwBkC,EAAKC,EAAM,cAAc,CAAC,CAC/C,MAAM,GAAS,QAAQ,MAAM,sCAAuCP,CAAK,CAAC,EAE7E,IAAMQ,EAAU,EAAEJ,EAClBnC,EAAA,cAAcqC,CAAG,CAAC,CAAC,KAAK,GAAQ,CAC9B,GAAIE,IAAYJ,EAChB,IAAItC,EAAAA,UAAU4B,EAAYe,CAAI,EAAG,CAC/B,IAAM1B,EAAYxB,EAAAA,sBAAsBgD,EAAM,KAAM/C,EAAAA,WAAWC,EAAAA,MAAM,IAAI6C,CAAG,CAAC,CAAC,EACxEI,EAAgBzB,EAAU,IAAI,IAAa,CAC/C,GAAGW,EACH,SAAUlC,EAAAA,qBAAqBkC,EAAUb,EAAWW,EAAW,aAAa,MAAM,CACpF,EAAE,EACEgB,EAAc,MAAM,EAAM,IAAUR,EAAK,WAAajB,EAAU0B,EAAM,CAAC,QAAQ,IACjF,EAAYD,EACZT,EAAa,EAGjB,KACA,GAAaQ,EACb,EAAY3B,EAAsB2B,EAAMrB,EAAYmB,EAAM,IAAI,EAC9DN,EAAa,CAHb,CAIF,CAAC,CAAC,CAAC,MAAM,GAAS,QAAQ,MAAM,gDAAiDD,CAAK,CAAC,CACzF,CAAC,EAED,OAAOG,CACT,C"}

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"}

package/dist/mainPage/navbar.esm.js

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