solid-panes 5.0.0-1 → 5.1.0-0

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

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.esm.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":";;;;;;;;;AAcA,SAAS,IAAc;CACrB,IAAM,IAAS,SAAS,cAA2B,oBAAoB;CACvE,AAAI,KACF,EAAO,UAAU,OAAO,gBAAgB;AAE5C;AAEA,SAAS,EACP,GACA,GACA,IAAW,IACK;CAChB,OAAO;EACL;EACA,aAAc;GAEZ,OADA,EAAW,GACJ,EAAW;EACpB;EACA;CACF;AACF;AAEA,eAAe,EACb,GACA,GACA,GACA,GACA,GAC2B;CAC3B,IAAM,IAAQ,MAAM,EAAmB,CAAO,GACxC,IAAe,MAAqB,EAAW,CAAO,IAAI,YAAY,KAAA,IAEtE,IAA8B,CAAC;CAErC,AAAI,KACF,EAAU,KACR,EAAc,WAAW,YAAY;EACnC,IAAM,IAAc,MAAM,EAAsB,CAAK;EACrD,EAAS,YAAY,GAAS,IAAM,GAAa,IAAM,KAAA,GAAW,CAAW;CAC/E,GAAG,MAAiB,SAAS,GAC7B,EAAc,WAAW,YAAY;EACnC,IAAM,IAAa,MAAM,EAAqB,CAAK;EACnD,EAAS,YAAY,GAAS,IAAM,GAAY,IAAM,KAAA,GAAW,CAAW;CAC9E,GAAG,MAAiB,QAAQ,CAC9B;CAGF,IAAM,IAAe,MAAM,EAAsB,CAAO;CAcxD,OAbA,EAAa,SAAQ,MAAQ;EAC3B,EAAU,KACR,EACE,EAAK,MAAM,GACX,YAAY;GACV,EAAS,YAAY,GAAS,IAAM,GAAM,IAAM,KAAA,GAAW,CAAW;EACxE,GACA,MAAiB,EAAK,aACnB,IAAkB,MAAoB,EAAK,QAAQ,QAAQ,EAAa,WAAW,EACxF,CACF;CACF,CAAC,GAEM;AACT;AAEA,eAAsB,EAAc,GAA0B;CAC5D,IAAM,IAAiB,SAAS,cAA2B,oBAAoB;CAE/E,IAAI,GAEF,OADA,EAAe,UAAU,OAAO,gBAAgB,GACzC;CAGT,IAAM,IAAc,SAAS,eAAe,aAAa,GACnD,IAAc,SAAS,eAAe,aAAa,GACnD,IAAe,SAAS,cAAc,KAAK,GAC3C,IAAM,OAAO,SAAS,MACtB,IAAqB,OAAO,KAAQ,WAAW,EAAM,IAAI,CAAG,IAAI,GAChE,IAAmB,OAAO,QAAQ,OAAO,UACzC,IAAkB,OAAO,QAAQ,OAAO,SAC1C,IAAY,MAAM,EAAsB,GAAU,GAAS,GAAa,GAAkB,CAAe,CAAC,CAAC,OAAO,OACpH,QAAQ,MAAM,sCAAsC,CAAG,GAChD,CAAC,EACT;CAED,SAAS,EAAiB,GAA8B;EACtD,IAAY,EAAU,KAAK,OAAc;GACvC,GAAG;GACH,UAAU,MAAa;EACzB,EAAE;CACJ;CAEA,SAAS,EAAwB,GAAc;EAC7C,IAAM,EAAE,QAAQ,MAAiB;EAOjC,AANA,EAAgB,CAAY,GAE5B,QAAQ,QAAQ,EAAa,aAAa,CAAC,CAAC,CAAC,OAAO,MAAU;GAC5D,QAAQ,MAAM,sCAAsC,CAAK;EAC3D,CAAC,GAED,EAAa;CACf;CAEA,SAAS,IAAgB;EACvB,EACE,CAAI,oCAAoC,EAAU,oBAAoB,EAAuB,yBAC7F,CACF;CACF;CAEA,EAAa;CAEb,IAAM,IAAS,EAAa;CAE5B,IAAI,CAAC,GACH,MAAU,MAAM,0BAA0B;CAS5C,OANI,IACF,EAAY,aAAa,GAAQ,EAAY,UAAU,IAEvD,SAAS,KAAK,QAAQ,CAAM,GAGvB;AACT"}
+{"version":3,"file":"navbar.esm.js","names":["showNavbar","refreshNavbarVisibility","readNavigationState","selectPaneInNavbar","selectNavbarPane","paneName","paneUri","createNavItem","onSelected","createNavbarMenuItems","selection","deriveNavbarSelection","view","isWebIdUri","store","menuItems","context","owner","navigation","isNavbarItemSelected","pane","createNavbar","existingNavbar","mainContent","tmpContainer","podContext","getPodContext","setSelectedItem","menuItem","selectedItem","handleSelectionChanged","event","error","renderNavbar","item","pickNavbarItem","navbar","rebuildRequest","stopListening","onNavigated","url","state","request","isSamePod","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/navigation.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../_virtual/_rolldown/runtime.cjs.js"),t=require("./navbar.cjs.js"),n=require("../navigation/controller.cjs.js"),r=require("./profileHeading2.cjs.js");let i=require("pane-registry");i=e.__toESM(i);var a=new WeakMap;function o(e,o){let s=a.get(e);return s||(s=n.createNavigationController({store:o,outliner:e,byName:i.byName,effects:{selectNavbarPane:t.selectNavbarPane,refreshHeading:r.refreshProfileHeading}}),a.set(e,s)),s}exports.navigationFor=o;
+//# sourceMappingURL=navigation.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.cjs.js","names":["createNavigationController","paneRegistry","refreshProfileHeading","require_runtime","require_navbar","require_controller","require_profileHeading","pane_registry","controllers","navigationFor","controller","outliner"],"sources":["../../src/mainPage/navigation.ts"],"sourcesContent":["import type { LiveStore } from 'rdflib'\nimport * as paneRegistry from 'pane-registry'\nimport type { OutlineManager } from '../outline/manager'\nimport { createNavigationController, type NavigationController } from '../navigation/controller'\nimport { selectNavbarPane } from './navbar'\nimport { refreshProfileHeading } from './profileHeading'\n\nconst controllers = new WeakMap<OutlineManager, NavigationController>()\n\n/** The page's navigation controller for an outliner, created on first use. */\nexport function navigationFor (outliner: OutlineManager, store: LiveStore): NavigationController {\n  let controller = controllers.get(outliner)\n  if (!controller) {\n    controller = createNavigationController({\n      store,\n      outliner,\n      byName: paneRegistry.byName,\n      effects: { selectNavbarPane, refreshHeading: refreshProfileHeading }\n    })\n    controllers.set(outliner, controller)\n  }\n  return controller\n}\n"],"mappings":"A,sNAOA,IAAMQ,EAAc,IAAI,QAGxB,SAAgBC,EAAe,EAA0B,EAAwC,CAC/F,IAAIC,EAAaF,EAAY,IAAIG,CAAQ,EAUzC,OATKD,IACH,EAAaV,EAAAA,2BAA2B,CACtC,QACA,WACA,OAAQC,EAAa,OACrB,QAAS,CAAE,iBAAAG,EAAA,iBAAkB,eAAgBF,EAAAA,qBAAsB,CACrE,CAAC,EACDM,EAAY,IAAIG,EAAUD,CAAU,GAE/BA,CACT,C"}

package/dist/mainPage/navigation.d.ts

@@ -0,0 +1,6 @@
+import { LiveStore } from '../../node_modules/rdflib';
+import { OutlineManager } from '../outline/manager';
+import { NavigationController } from '../navigation/controller';
+/** The page's navigation controller for an outliner, created on first use. */
+export declare function navigationFor(outliner: OutlineManager, store: LiveStore): NavigationController;
+//# sourceMappingURL=navigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/mainPage/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAA8B,KAAK,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAMhG,8EAA8E;AAC9E,wBAAgB,aAAa,CAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,GAAG,oBAAoB,CAY/F"}

package/dist/mainPage/navigation.esm.js

@@ -0,0 +1,22 @@
+import { selectNavbarPane as e } from "./navbar.esm.js";
+import { createNavigationController as t } from "../navigation/controller.esm.js";
+import { refreshProfileHeading as n } from "./profileHeading2.esm.js";
+import * as r from "pane-registry";
+//#region src/mainPage/navigation.ts
+var i = /* @__PURE__ */ new WeakMap();
+function a(a, o) {
+	let s = i.get(a);
+	return s || (s = t({
+		store: o,
+		outliner: a,
+		byName: r.byName,
+		effects: {
+			selectNavbarPane: e,
+			refreshHeading: n
+		}
+	}), i.set(a, s)), s;
+}
+//#endregion
+export { a as navigationFor };
+
+//# sourceMappingURL=navigation.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.esm.js","names":["paneRegistry","controllers","navigationFor","controller","outliner","createNavigationController","refreshProfileHeading"],"sources":["../../src/mainPage/navigation.ts"],"sourcesContent":["import type { LiveStore } from 'rdflib'\nimport * as paneRegistry from 'pane-registry'\nimport type { OutlineManager } from '../outline/manager'\nimport { createNavigationController, type NavigationController } from '../navigation/controller'\nimport { selectNavbarPane } from './navbar'\nimport { refreshProfileHeading } from './profileHeading'\n\nconst controllers = new WeakMap<OutlineManager, NavigationController>()\n\n/** The page's navigation controller for an outliner, created on first use. */\nexport function navigationFor (outliner: OutlineManager, store: LiveStore): NavigationController {\n  let controller = controllers.get(outliner)\n  if (!controller) {\n    controller = createNavigationController({\n      store,\n      outliner,\n      byName: paneRegistry.byName,\n      effects: { selectNavbarPane, refreshHeading: refreshProfileHeading }\n    })\n    controllers.set(outliner, controller)\n  }\n  return controller\n}\n"],"mappings":";;;;;AAOA,IAAMC,oBAAc,IAAI,QAA8C;AAGtE,SAAgBC,EAAe,GAA0B,GAAwC;CAC/F,IAAIC,IAAaF,EAAY,IAAIG,CAAQ;CAUzC,OATKD,MACH,IAAaE,EAA2B;EACtC;EACA;EACA,QAAQL,EAAa;EACrB,SAAS;GAAE;GAAkB,gBAAgBM;EAAsB;CACrE,CAAC,GACDL,EAAY,IAAIG,GAAUD,CAAU,IAE/BA;AACT"}

package/dist/mainPage/profileHeading.d.ts

@@ -0,0 +1,5 @@
+export declare function refreshProfileHeading(force?: boolean): Promise<void>;
+/** Put the heading where it belongs, above the navbar, after the navbar has been added. */
+export declare function placeProfileHeading(): void;
+export declare function initializeProfileHeading(): void;
+//# sourceMappingURL=profileHeading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileHeading.d.ts","sourceRoot":"","sources":["../../src/mainPage/profileHeading.ts"],"names":[],"mappings":"AAOA,OAAO,+BAA+B,CAAA;AACtC,OAAO,sBAAsB,CAAA;AA6I7B,wBAAsB,qBAAqB,CAAE,KAAK,UAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAyFzE;AAED,2FAA2F;AAC3F,wBAAgB,mBAAmB,IAAK,IAAI,CAE3C;AAED,wBAAgB,wBAAwB,IAAK,IAAI,CAqDhD"}

package/dist/mainPage/profileHeading2.cjs.js

@@ -0,0 +1,2 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`#profile-heading-mount{margin-top:18px;margin-bottom:20px}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();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("../components/profile-heading/profileHeadingData.cjs.js");require("../components/profile-heading/index.cjs.js");let o=require("solid-logic");var s=`solid-panes-profile-heading`,c=`profile-heading-mount`,l=0,u=!1,d=!1,f=!1,p,m=``,h=``,g=``,_=new WeakMap,v=new WeakMap;function y(e){if(window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches||typeof e.animate!=`function`)return;let t=getComputedStyle(e),n=t.marginTop||`18px`,r=t.marginBottom||`20px`,i=e.animate([{height:`0px`,opacity:0,marginTop:`0px`,marginBottom:`0px`,overflow:`hidden`},{height:`${e.getBoundingClientRect().height}px`,opacity:1,marginTop:n,marginBottom:r,overflow:`hidden`}],{duration:300,easing:`ease`,fill:`both`});v.set(e,i);let a=()=>{v.get(e)===i&&(v.delete(e),i.cancel())};i.finished.then(a,t=>{v.get(e)===i&&(console.error(`Failed to animate profile heading appearance.`,t),a())})}function b(e){let t=_.get(e);_.delete(e),t?.cancel(),e.inert=!1,e.removeAttribute(`aria-hidden`)}function x(e){if(_.has(e))return;let t=getComputedStyle(e),n=e.getBoundingClientRect().height,r=t.opacity,i=t.marginTop,a=t.marginBottom,o=v.get(e);v.delete(e),o?.cancel();let s=()=>{e.hidden=!0,e.replaceChildren()};if(e.inert=!0,e.setAttribute(`aria-hidden`,`true`),e.hidden||!e.firstElementChild||window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches||typeof e.animate!=`function`){s();return}let c=e.animate([{height:`${n}px`,opacity:r,marginTop:i,marginBottom:a,overflow:`hidden`},{height:`0px`,opacity:0,marginTop:`0px`,marginBottom:`0px`,overflow:`hidden`}],{duration:300,easing:`ease`,fill:`forwards`});_.set(e,c),c.finished.then(()=>{_.get(e)===c&&(s(),_.delete(e),c.cancel())},t=>{_.get(e)===c&&(console.error(`Failed to animate profile heading disappearance.`,t),s(),_.delete(e),c.cancel())})}function S(){w(!0).catch(e=>{console.error(`Failed to refresh profile heading after an authentication change.`,e)})}function C(){let e=document.getElementById(`MainContent`);if(!e)return null;let t=document.getElementById(c);t||(t=document.createElement(`div`),t.id=c,t.setAttribute(`aria-label`,`Profile heading`));let n=document.querySelector(`solid-panes-navbar`),r=document.getElementById(`OutlineView`),i=n?.parentNode===e?n:r?.parentNode===e?r:null;return i&&t.nextSibling!==i?e.insertBefore(t,i):!i&&t.parentNode!==e&&e.appendChild(t),t}async function w(i=!1){await p;let c=await n.getPodContext(window.location.href),u=C();if(!u)return;i&&(l++,m=``,g=``);let{view:d,viaAccountMenu:f}=r.readNavigationState(),v=t.deriveHeading({view:d,viaAccountMenu:f,viewer:o.authn.currentUser()?.value,pageUrl:window.location.href,owner:c.owner,storageUris:c.storagePanes.map(e=>e.subject.value)});if(v.mode===`none`){l++,g=``,m=``,h=``,x(u);return}let{subjectUri:S}=v,T=v.mode===`full`;b(u);let E=`${v.paneName}:${S}`;if(E===m||E===g)return;let D=++l;g=E;let O,k,A,j;try{O=await e.loadProfileFromURI(o.store.sym(S)),k=a.presentProfile(O,o.store),j=T?await a.getViewerMode(O):`anonymous`,A=j===`owner`}catch(e){throw D===l&&(g=``),e}if(D!==l)return;let M=u.querySelector(s)||document.createElement(s);M.profileData=k;let N=o.authn.currentUser();M.friendSubject=T&&N&&!N.sameTerm(O)?O:void 0,M.editContext=A?{subject:O,profileData:k,viewerMode:j,onSaved:()=>w(!0)}:void 0,M.compact=!T;let P=u.hidden||!u.firstElementChild;u.hidden=!1,M.parentNode!==u&&u.replaceChildren(M),m=E,h=O.value,g=``,P&&(await M.updateComplete,D===l&&u.isConnected&&!u.hidden&&!_.has(u)&&y(u))}function T(){C()}function E(){C(),f||=(document.addEventListener(`profile-pane-saved`,e=>{if(!(e instanceof CustomEvent)||e.detail?.subjectUri!==h)return;let t=document.querySelector(`#${c} ${s}`);t&&e.detail.profileData?(l++,g=``,t.profileData=e.detail.profileData,t.editContext&&={...t.editContext,profileData:e.detail.profileData}):w(!0).catch(e=>{console.error(`Failed to refresh profile heading after saving profile information.`,e)})}),!0);let e=p??o.authn.checkUser().then(()=>void 0);p=e,d||=(o.authSession.events.on(`login`,S),o.authSession.events.on(`sessionRestore`,S),o.authSession.events.on(`logout`,S),o.authSession.events.on(`sessionChange`,S),o.authSession.events.on(`identityReplaced`,S),!0),u||=(i.onNavigated(()=>{w().catch(e=>{console.error(`Failed to refresh profile heading.`,e)})}),!0),e.then(()=>w(!0)).catch(e=>{console.error(`Failed to refresh profile heading.`,e)})}exports.initializeProfileHeading=E,exports.placeProfileHeading=T,exports.refreshProfileHeading=w;
+//# sourceMappingURL=profileHeading2.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileHeading2.cjs.js","names":["getPodContext","readNavigationState","deriveHeading","authn","loadProfileFromURI","store","presentProfile","getViewerMode","require_webIdUtils","require_chrome","require_podContext","require_state","require_events","require_profileHeadingData","solid_logic","PROFILE_HEADING_TAG","PROFILE_HEADING_MOUNT_ID","refreshRequest","navigatedListenerRegistered","authListenersRegistered","profileSavedListenerRegistered","authReady","displayedPaneKey","displayedSubjectUri","loadingPaneKey","hideAnimations","showAnimations","showHeading","mount","style","marginTop","marginBottom","animation","finish","error","cancelHeadingHide","hideHeading","height","opacity","showing","refreshAfterAuthChange","refreshProfileHeading","ensureMountPoint","mainContent","navbar","outlineView","insertionPoint","pod","force","decision","pane","isProfilePane","paneKey","subjectUri","request","subject","profileData","canEdit","viewerMode","heading","viewer","appearing","placeProfileHeading","initializeProfileHeading","event","readiness"],"sources":["../../src/mainPage/profileHeading.ts"],"sourcesContent":["import { authn, authSession, store } from 'solid-logic'\nimport { NamedNode } from 'rdflib'\nimport type { ProfileDetails } from '../components/profile-heading/editor/sections/heading/types'\nimport type { ProfileHeadingEditContext } from '../components/profile-heading/ProfileHeading'\nimport { getViewerMode, presentProfile } from '../components/profile-heading/profileHeadingData'\nimport type { ViewerMode } from '../types'\nimport { loadProfileFromURI } from '../utils/webIdUtils'\nimport '../components/profile-heading'\nimport './profileHeading.css'\nimport { deriveHeading } from '../navigation/chrome'\nimport { getPodContext } from '../navigation/podContext'\nimport { onNavigated } from '../navigation/events'\nimport { readNavigationState } from '../navigation/state'\n\nconst PROFILE_HEADING_TAG = 'solid-panes-profile-heading'\nconst PROFILE_HEADING_MOUNT_ID = 'profile-heading-mount'\n\nlet refreshRequest = 0\nlet navigatedListenerRegistered = false\nlet authListenersRegistered = false\nlet profileSavedListenerRegistered = false\nlet authReady: Promise<void> | undefined\nlet displayedPaneKey = ''\nlet displayedSubjectUri = ''\nlet loadingPaneKey = ''\nconst hideAnimations = new WeakMap<HTMLElement, Animation>()\nconst showAnimations = new WeakMap<HTMLElement, Animation>()\n\nfunction showHeading (mount: HTMLElement): void {\n  if (window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ||\n      typeof mount.animate !== 'function') return\n\n  const style = getComputedStyle(mount)\n  const marginTop = style.marginTop || '18px'\n  const marginBottom = style.marginBottom || '20px'\n  const animation = mount.animate([\n    { height: '0px', opacity: 0, marginTop: '0px', marginBottom: '0px', overflow: 'hidden' },\n    {\n      height: `${mount.getBoundingClientRect().height}px`,\n      opacity: 1,\n      marginTop,\n      marginBottom,\n      overflow: 'hidden'\n    }\n  ], { duration: 300, easing: 'ease', fill: 'both' })\n  showAnimations.set(mount, animation)\n  const finish = () => {\n    if (showAnimations.get(mount) !== animation) return\n    showAnimations.delete(mount)\n    animation.cancel()\n  }\n  animation.finished.then(finish, (error: unknown) => {\n    if (showAnimations.get(mount) !== animation) return\n    console.error('Failed to animate profile heading appearance.', error)\n    finish()\n  })\n}\n\nfunction cancelHeadingHide (mount: HTMLElement): void {\n  const animation = hideAnimations.get(mount)\n  hideAnimations.delete(mount)\n  animation?.cancel()\n  mount.inert = false\n  mount.removeAttribute('aria-hidden')\n}\n\nfunction hideHeading (mount: HTMLElement): void {\n  if (hideAnimations.has(mount)) return\n\n  const style = getComputedStyle(mount)\n  const height = mount.getBoundingClientRect().height\n  const opacity = style.opacity\n  const marginTop = style.marginTop\n  const marginBottom = style.marginBottom\n  const showing = showAnimations.get(mount)\n  showAnimations.delete(mount)\n  showing?.cancel()\n\n  const finish = () => {\n    mount.hidden = true\n    mount.replaceChildren()\n  }\n  mount.inert = true\n  mount.setAttribute('aria-hidden', 'true')\n\n  if (mount.hidden || !mount.firstElementChild ||\n      window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ||\n      typeof mount.animate !== 'function') {\n    finish()\n    return\n  }\n\n  const animation = mount.animate([\n    {\n      height: `${height}px`,\n      opacity,\n      marginTop,\n      marginBottom,\n      overflow: 'hidden'\n    },\n    { height: '0px', opacity: 0, marginTop: '0px', marginBottom: '0px', overflow: 'hidden' }\n  ], { duration: 300, easing: 'ease', fill: 'forwards' })\n  hideAnimations.set(mount, animation)\n  animation.finished.then(() => {\n    if (hideAnimations.get(mount) !== animation) return\n    finish()\n    hideAnimations.delete(mount)\n    animation.cancel()\n  }, (error: unknown) => {\n    if (hideAnimations.get(mount) !== animation) return\n    console.error('Failed to animate profile heading disappearance.', error)\n    finish()\n    hideAnimations.delete(mount)\n    animation.cancel()\n  })\n}\n\nfunction refreshAfterAuthChange (): void {\n  refreshProfileHeading(true).catch((error: unknown) => {\n    console.error('Failed to refresh profile heading after an authentication change.', error)\n  })\n}\n\nfunction ensureMountPoint (): HTMLElement | null {\n  const mainContent = document.getElementById('MainContent')\n  if (!mainContent) return null\n\n  let mount = document.getElementById(PROFILE_HEADING_MOUNT_ID)\n  if (!mount) {\n    mount = document.createElement('div')\n    mount.id = PROFILE_HEADING_MOUNT_ID\n    mount.setAttribute('aria-label', 'Profile heading')\n  }\n\n  const navbar = document.querySelector('solid-panes-navbar')\n  const outlineView = document.getElementById('OutlineView')\n  const insertionPoint = navbar?.parentNode === mainContent\n    ? navbar\n    : outlineView?.parentNode === mainContent\n      ? outlineView\n      : null\n  if (insertionPoint && mount.nextSibling !== insertionPoint) {\n    mainContent.insertBefore(mount, insertionPoint)\n  } else if (!insertionPoint && mount.parentNode !== mainContent) {\n    mainContent.appendChild(mount)\n  }\n  return mount\n}\n\nexport async function refreshProfileHeading (force = false): Promise<void> {\n  await authReady\n\n  const pod = await getPodContext(window.location.href)\n  const mount = ensureMountPoint()\n  if (!mount) return\n\n  if (force) {\n    refreshRequest++\n    displayedPaneKey = ''\n    loadingPaneKey = ''\n  }\n\n  const { view, viaAccountMenu } = readNavigationState()\n  const decision = deriveHeading({\n    view,\n    viaAccountMenu,\n    viewer: authn.currentUser()?.value,\n    pageUrl: window.location.href,\n    owner: pod.owner,\n    storageUris: pod.storagePanes.map(pane => pane.subject.value)\n  })\n\n  if (decision.mode === 'none') {\n    refreshRequest++\n    loadingPaneKey = ''\n    displayedPaneKey = ''\n    displayedSubjectUri = ''\n    hideHeading(mount)\n    return\n  }\n\n  const { subjectUri } = decision\n  const isProfilePane = decision.mode === 'full'\n  cancelHeadingHide(mount)\n  const paneKey = `${decision.paneName}:${subjectUri}`\n  if (paneKey === displayedPaneKey || paneKey === loadingPaneKey) return\n\n  const request = ++refreshRequest\n  loadingPaneKey = paneKey\n  let subject: NamedNode\n  let profileData: ProfileDetails\n  let canEdit: boolean\n  let viewerMode: ViewerMode\n  try {\n    subject = await loadProfileFromURI(store.sym(subjectUri))\n    profileData = presentProfile(subject, store)\n    viewerMode = isProfilePane ? await getViewerMode(subject) : 'anonymous'\n    canEdit = viewerMode === 'owner'\n  } catch (error) {\n    if (request === refreshRequest) loadingPaneKey = ''\n    throw error\n  }\n  if (request !== refreshRequest) return\n\n  const heading = (mount.querySelector(PROFILE_HEADING_TAG) ||\n    document.createElement(PROFILE_HEADING_TAG)) as HTMLElement & {\n      profileData?: ProfileDetails\n      editContext?: ProfileHeadingEditContext\n      friendSubject?: NamedNode\n      compact?: boolean\n      updateComplete?: Promise<unknown>\n    }\n  heading.profileData = profileData\n  const viewer = authn.currentUser()\n  heading.friendSubject = isProfilePane && viewer && !viewer.sameTerm(subject)\n    ? subject\n    : undefined\n  heading.editContext = canEdit\n    ? {\n        subject,\n        profileData,\n        viewerMode,\n        onSaved: () => refreshProfileHeading(true)\n      }\n    : undefined\n  heading.compact = !isProfilePane\n  const appearing = mount.hidden || !mount.firstElementChild\n  mount.hidden = false\n  if (heading.parentNode !== mount) mount.replaceChildren(heading)\n  displayedPaneKey = paneKey\n  displayedSubjectUri = subject.value\n  loadingPaneKey = ''\n  if (appearing) {\n    await heading.updateComplete\n    if (request === refreshRequest && mount.isConnected && !mount.hidden && !hideAnimations.has(mount)) {\n      showHeading(mount)\n    }\n  }\n}\n\n/** Put the heading where it belongs, above the navbar, after the navbar has been added. */\nexport function placeProfileHeading (): void {\n  ensureMountPoint()\n}\n\nexport function initializeProfileHeading (): void {\n  ensureMountPoint()\n\n  if (!profileSavedListenerRegistered) {\n    document.addEventListener('profile-pane-saved', (event) => {\n      if (!(event instanceof CustomEvent) || event.detail?.subjectUri !== displayedSubjectUri) return\n\n      const heading = document.querySelector<HTMLElement & {\n        profileData?: ProfileDetails\n        editContext?: ProfileHeadingEditContext\n      }>(`#${PROFILE_HEADING_MOUNT_ID} ${PROFILE_HEADING_TAG}`)\n      if (heading && event.detail.profileData) {\n        refreshRequest++\n        loadingPaneKey = ''\n        heading.profileData = event.detail.profileData\n        if (heading.editContext) {\n          heading.editContext = { ...heading.editContext, profileData: event.detail.profileData }\n        }\n        return\n      }\n\n      refreshProfileHeading(true).catch((error: unknown) => {\n        console.error('Failed to refresh profile heading after saving profile information.', error)\n      })\n    })\n    profileSavedListenerRegistered = true\n  }\n\n  const readiness = authReady ?? authn.checkUser().then(() => undefined)\n  authReady = readiness\n\n  if (!authListenersRegistered) {\n    authSession.events.on('login', refreshAfterAuthChange)\n    authSession.events.on('sessionRestore', refreshAfterAuthChange)\n    authSession.events.on('logout', refreshAfterAuthChange)\n    authSession.events.on('sessionChange', refreshAfterAuthChange)\n    authSession.events.on('identityReplaced', refreshAfterAuthChange)\n    authListenersRegistered = true\n  }\n\n  // Navigations the page's own navigation does not make, such as links and buttons in solid-ui\n  if (!navigatedListenerRegistered) {\n    onNavigated(() => {\n      refreshProfileHeading().catch((error: unknown) => {\n        console.error('Failed to refresh profile heading.', error)\n      })\n    })\n    navigatedListenerRegistered = true\n  }\n\n  readiness.then(() => refreshProfileHeading(true)).catch((error: unknown) => {\n    console.error('Failed to refresh profile heading.', error)\n  })\n}\n"],"mappings":"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"}

package/dist/mainPage/profileHeading2.esm.js

@@ -0,0 +1,158 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`#profile-heading-mount{margin-top:18px;margin-bottom:20px}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();import { loadProfileFromURI as e } from "../utils/webIdUtils.esm.js";
+import { deriveHeading as t } from "../navigation/chrome.esm.js";
+import { getPodContext as n } from "../navigation/podContext.esm.js";
+import { readNavigationState as r } from "../navigation/state.esm.js";
+import { onNavigated as i } from "../navigation/events.esm.js";
+import { getViewerMode as a, presentProfile as o } from "../components/profile-heading/profileHeadingData.esm.js";
+import "../components/profile-heading/index.esm.js";
+
+import { authSession as s, authn as c, store as l } from "solid-logic";
+//#region src/mainPage/profileHeading.ts
+var u = "solid-panes-profile-heading", d = "profile-heading-mount", f = 0, p = !1, m = !1, h = !1, g, _ = "", v = "", y = "", b = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap();
+function S(e) {
+	if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || typeof e.animate != "function") return;
+	let t = getComputedStyle(e), n = t.marginTop || "18px", r = t.marginBottom || "20px", i = e.animate([{
+		height: "0px",
+		opacity: 0,
+		marginTop: "0px",
+		marginBottom: "0px",
+		overflow: "hidden"
+	}, {
+		height: `${e.getBoundingClientRect().height}px`,
+		opacity: 1,
+		marginTop: n,
+		marginBottom: r,
+		overflow: "hidden"
+	}], {
+		duration: 300,
+		easing: "ease",
+		fill: "both"
+	});
+	x.set(e, i);
+	let a = () => {
+		x.get(e) === i && (x.delete(e), i.cancel());
+	};
+	i.finished.then(a, (t) => {
+		x.get(e) === i && (console.error("Failed to animate profile heading appearance.", t), a());
+	});
+}
+function C(e) {
+	let t = b.get(e);
+	b.delete(e), t?.cancel(), e.inert = !1, e.removeAttribute("aria-hidden");
+}
+function w(e) {
+	if (b.has(e)) return;
+	let t = getComputedStyle(e), n = e.getBoundingClientRect().height, r = t.opacity, i = t.marginTop, a = t.marginBottom, o = x.get(e);
+	x.delete(e), o?.cancel();
+	let s = () => {
+		e.hidden = !0, e.replaceChildren();
+	};
+	if (e.inert = !0, e.setAttribute("aria-hidden", "true"), e.hidden || !e.firstElementChild || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches || typeof e.animate != "function") {
+		s();
+		return;
+	}
+	let c = e.animate([{
+		height: `${n}px`,
+		opacity: r,
+		marginTop: i,
+		marginBottom: a,
+		overflow: "hidden"
+	}, {
+		height: "0px",
+		opacity: 0,
+		marginTop: "0px",
+		marginBottom: "0px",
+		overflow: "hidden"
+	}], {
+		duration: 300,
+		easing: "ease",
+		fill: "forwards"
+	});
+	b.set(e, c), c.finished.then(() => {
+		b.get(e) === c && (s(), b.delete(e), c.cancel());
+	}, (t) => {
+		b.get(e) === c && (console.error("Failed to animate profile heading disappearance.", t), s(), b.delete(e), c.cancel());
+	});
+}
+function T() {
+	D(!0).catch((e) => {
+		console.error("Failed to refresh profile heading after an authentication change.", e);
+	});
+}
+function E() {
+	let e = document.getElementById("MainContent");
+	if (!e) return null;
+	let t = document.getElementById(d);
+	t || (t = document.createElement("div"), t.id = d, t.setAttribute("aria-label", "Profile heading"));
+	let n = document.querySelector("solid-panes-navbar"), r = document.getElementById("OutlineView"), i = n?.parentNode === e ? n : r?.parentNode === e ? r : null;
+	return i && t.nextSibling !== i ? e.insertBefore(t, i) : !i && t.parentNode !== e && e.appendChild(t), t;
+}
+async function D(i = !1) {
+	await g;
+	let s = await n(window.location.href), d = E();
+	if (!d) return;
+	i && (f++, _ = "", y = "");
+	let { view: p, viaAccountMenu: m } = r(), h = t({
+		view: p,
+		viaAccountMenu: m,
+		viewer: c.currentUser()?.value,
+		pageUrl: window.location.href,
+		owner: s.owner,
+		storageUris: s.storagePanes.map((e) => e.subject.value)
+	});
+	if (h.mode === "none") {
+		f++, y = "", _ = "", v = "", w(d);
+		return;
+	}
+	let { subjectUri: x } = h, T = h.mode === "full";
+	C(d);
+	let O = `${h.paneName}:${x}`;
+	if (O === _ || O === y) return;
+	let k = ++f;
+	y = O;
+	let A, j, M, N;
+	try {
+		A = await e(l.sym(x)), j = o(A, l), N = T ? await a(A) : "anonymous", M = N === "owner";
+	} catch (e) {
+		throw k === f && (y = ""), e;
+	}
+	if (k !== f) return;
+	let P = d.querySelector(u) || document.createElement(u);
+	P.profileData = j;
+	let F = c.currentUser();
+	P.friendSubject = T && F && !F.sameTerm(A) ? A : void 0, P.editContext = M ? {
+		subject: A,
+		profileData: j,
+		viewerMode: N,
+		onSaved: () => D(!0)
+	} : void 0, P.compact = !T;
+	let I = d.hidden || !d.firstElementChild;
+	d.hidden = !1, P.parentNode !== d && d.replaceChildren(P), _ = O, v = A.value, y = "", I && (await P.updateComplete, k === f && d.isConnected && !d.hidden && !b.has(d) && S(d));
+}
+function O() {
+	E();
+}
+function k() {
+	E(), h ||= (document.addEventListener("profile-pane-saved", (e) => {
+		if (!(e instanceof CustomEvent) || e.detail?.subjectUri !== v) return;
+		let t = document.querySelector(`#${d} ${u}`);
+		t && e.detail.profileData ? (f++, y = "", t.profileData = e.detail.profileData, t.editContext &&= {
+			...t.editContext,
+			profileData: e.detail.profileData
+		}) : D(!0).catch((e) => {
+			console.error("Failed to refresh profile heading after saving profile information.", e);
+		});
+	}), !0);
+	let e = g ?? c.checkUser().then(() => void 0);
+	g = e, m ||= (s.events.on("login", T), s.events.on("sessionRestore", T), s.events.on("logout", T), s.events.on("sessionChange", T), s.events.on("identityReplaced", T), !0), p ||= (i(() => {
+		D().catch((e) => {
+			console.error("Failed to refresh profile heading.", e);
+		});
+	}), !0), e.then(() => D(!0)).catch((e) => {
+		console.error("Failed to refresh profile heading.", e);
+	});
+}
+//#endregion
+export { k as initializeProfileHeading, O as placeProfileHeading, D as refreshProfileHeading };
+
+//# sourceMappingURL=profileHeading2.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileHeading2.esm.js","names":["PROFILE_HEADING_TAG","PROFILE_HEADING_MOUNT_ID","refreshRequest","navigatedListenerRegistered","authListenersRegistered","profileSavedListenerRegistered","authReady","displayedPaneKey","displayedSubjectUri","loadingPaneKey","hideAnimations","showAnimations","showHeading","mount","style","marginTop","marginBottom","animation","finish","error","cancelHeadingHide","hideHeading","height","opacity","showing","refreshAfterAuthChange","ensureMountPoint","mainContent","navbar","outlineView","insertionPoint","refreshProfileHeading","pod","getPodContext","force","readNavigationState","decision","deriveHeading","authn","pane","isProfilePane","paneKey","subjectUri","request","subject","profileData","canEdit","viewerMode","loadProfileFromURI","store","presentProfile","getViewerMode","heading","viewer","appearing","placeProfileHeading","initializeProfileHeading","event","readiness","authSession","onNavigated"],"sources":["../../src/mainPage/profileHeading.ts"],"sourcesContent":["import { authn, authSession, store } from 'solid-logic'\nimport { NamedNode } from 'rdflib'\nimport type { ProfileDetails } from '../components/profile-heading/editor/sections/heading/types'\nimport type { ProfileHeadingEditContext } from '../components/profile-heading/ProfileHeading'\nimport { getViewerMode, presentProfile } from '../components/profile-heading/profileHeadingData'\nimport type { ViewerMode } from '../types'\nimport { loadProfileFromURI } from '../utils/webIdUtils'\nimport '../components/profile-heading'\nimport './profileHeading.css'\nimport { deriveHeading } from '../navigation/chrome'\nimport { getPodContext } from '../navigation/podContext'\nimport { onNavigated } from '../navigation/events'\nimport { readNavigationState } from '../navigation/state'\n\nconst PROFILE_HEADING_TAG = 'solid-panes-profile-heading'\nconst PROFILE_HEADING_MOUNT_ID = 'profile-heading-mount'\n\nlet refreshRequest = 0\nlet navigatedListenerRegistered = false\nlet authListenersRegistered = false\nlet profileSavedListenerRegistered = false\nlet authReady: Promise<void> | undefined\nlet displayedPaneKey = ''\nlet displayedSubjectUri = ''\nlet loadingPaneKey = ''\nconst hideAnimations = new WeakMap<HTMLElement, Animation>()\nconst showAnimations = new WeakMap<HTMLElement, Animation>()\n\nfunction showHeading (mount: HTMLElement): void {\n  if (window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ||\n      typeof mount.animate !== 'function') return\n\n  const style = getComputedStyle(mount)\n  const marginTop = style.marginTop || '18px'\n  const marginBottom = style.marginBottom || '20px'\n  const animation = mount.animate([\n    { height: '0px', opacity: 0, marginTop: '0px', marginBottom: '0px', overflow: 'hidden' },\n    {\n      height: `${mount.getBoundingClientRect().height}px`,\n      opacity: 1,\n      marginTop,\n      marginBottom,\n      overflow: 'hidden'\n    }\n  ], { duration: 300, easing: 'ease', fill: 'both' })\n  showAnimations.set(mount, animation)\n  const finish = () => {\n    if (showAnimations.get(mount) !== animation) return\n    showAnimations.delete(mount)\n    animation.cancel()\n  }\n  animation.finished.then(finish, (error: unknown) => {\n    if (showAnimations.get(mount) !== animation) return\n    console.error('Failed to animate profile heading appearance.', error)\n    finish()\n  })\n}\n\nfunction cancelHeadingHide (mount: HTMLElement): void {\n  const animation = hideAnimations.get(mount)\n  hideAnimations.delete(mount)\n  animation?.cancel()\n  mount.inert = false\n  mount.removeAttribute('aria-hidden')\n}\n\nfunction hideHeading (mount: HTMLElement): void {\n  if (hideAnimations.has(mount)) return\n\n  const style = getComputedStyle(mount)\n  const height = mount.getBoundingClientRect().height\n  const opacity = style.opacity\n  const marginTop = style.marginTop\n  const marginBottom = style.marginBottom\n  const showing = showAnimations.get(mount)\n  showAnimations.delete(mount)\n  showing?.cancel()\n\n  const finish = () => {\n    mount.hidden = true\n    mount.replaceChildren()\n  }\n  mount.inert = true\n  mount.setAttribute('aria-hidden', 'true')\n\n  if (mount.hidden || !mount.firstElementChild ||\n      window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ||\n      typeof mount.animate !== 'function') {\n    finish()\n    return\n  }\n\n  const animation = mount.animate([\n    {\n      height: `${height}px`,\n      opacity,\n      marginTop,\n      marginBottom,\n      overflow: 'hidden'\n    },\n    { height: '0px', opacity: 0, marginTop: '0px', marginBottom: '0px', overflow: 'hidden' }\n  ], { duration: 300, easing: 'ease', fill: 'forwards' })\n  hideAnimations.set(mount, animation)\n  animation.finished.then(() => {\n    if (hideAnimations.get(mount) !== animation) return\n    finish()\n    hideAnimations.delete(mount)\n    animation.cancel()\n  }, (error: unknown) => {\n    if (hideAnimations.get(mount) !== animation) return\n    console.error('Failed to animate profile heading disappearance.', error)\n    finish()\n    hideAnimations.delete(mount)\n    animation.cancel()\n  })\n}\n\nfunction refreshAfterAuthChange (): void {\n  refreshProfileHeading(true).catch((error: unknown) => {\n    console.error('Failed to refresh profile heading after an authentication change.', error)\n  })\n}\n\nfunction ensureMountPoint (): HTMLElement | null {\n  const mainContent = document.getElementById('MainContent')\n  if (!mainContent) return null\n\n  let mount = document.getElementById(PROFILE_HEADING_MOUNT_ID)\n  if (!mount) {\n    mount = document.createElement('div')\n    mount.id = PROFILE_HEADING_MOUNT_ID\n    mount.setAttribute('aria-label', 'Profile heading')\n  }\n\n  const navbar = document.querySelector('solid-panes-navbar')\n  const outlineView = document.getElementById('OutlineView')\n  const insertionPoint = navbar?.parentNode === mainContent\n    ? navbar\n    : outlineView?.parentNode === mainContent\n      ? outlineView\n      : null\n  if (insertionPoint && mount.nextSibling !== insertionPoint) {\n    mainContent.insertBefore(mount, insertionPoint)\n  } else if (!insertionPoint && mount.parentNode !== mainContent) {\n    mainContent.appendChild(mount)\n  }\n  return mount\n}\n\nexport async function refreshProfileHeading (force = false): Promise<void> {\n  await authReady\n\n  const pod = await getPodContext(window.location.href)\n  const mount = ensureMountPoint()\n  if (!mount) return\n\n  if (force) {\n    refreshRequest++\n    displayedPaneKey = ''\n    loadingPaneKey = ''\n  }\n\n  const { view, viaAccountMenu } = readNavigationState()\n  const decision = deriveHeading({\n    view,\n    viaAccountMenu,\n    viewer: authn.currentUser()?.value,\n    pageUrl: window.location.href,\n    owner: pod.owner,\n    storageUris: pod.storagePanes.map(pane => pane.subject.value)\n  })\n\n  if (decision.mode === 'none') {\n    refreshRequest++\n    loadingPaneKey = ''\n    displayedPaneKey = ''\n    displayedSubjectUri = ''\n    hideHeading(mount)\n    return\n  }\n\n  const { subjectUri } = decision\n  const isProfilePane = decision.mode === 'full'\n  cancelHeadingHide(mount)\n  const paneKey = `${decision.paneName}:${subjectUri}`\n  if (paneKey === displayedPaneKey || paneKey === loadingPaneKey) return\n\n  const request = ++refreshRequest\n  loadingPaneKey = paneKey\n  let subject: NamedNode\n  let profileData: ProfileDetails\n  let canEdit: boolean\n  let viewerMode: ViewerMode\n  try {\n    subject = await loadProfileFromURI(store.sym(subjectUri))\n    profileData = presentProfile(subject, store)\n    viewerMode = isProfilePane ? await getViewerMode(subject) : 'anonymous'\n    canEdit = viewerMode === 'owner'\n  } catch (error) {\n    if (request === refreshRequest) loadingPaneKey = ''\n    throw error\n  }\n  if (request !== refreshRequest) return\n\n  const heading = (mount.querySelector(PROFILE_HEADING_TAG) ||\n    document.createElement(PROFILE_HEADING_TAG)) as HTMLElement & {\n      profileData?: ProfileDetails\n      editContext?: ProfileHeadingEditContext\n      friendSubject?: NamedNode\n      compact?: boolean\n      updateComplete?: Promise<unknown>\n    }\n  heading.profileData = profileData\n  const viewer = authn.currentUser()\n  heading.friendSubject = isProfilePane && viewer && !viewer.sameTerm(subject)\n    ? subject\n    : undefined\n  heading.editContext = canEdit\n    ? {\n        subject,\n        profileData,\n        viewerMode,\n        onSaved: () => refreshProfileHeading(true)\n      }\n    : undefined\n  heading.compact = !isProfilePane\n  const appearing = mount.hidden || !mount.firstElementChild\n  mount.hidden = false\n  if (heading.parentNode !== mount) mount.replaceChildren(heading)\n  displayedPaneKey = paneKey\n  displayedSubjectUri = subject.value\n  loadingPaneKey = ''\n  if (appearing) {\n    await heading.updateComplete\n    if (request === refreshRequest && mount.isConnected && !mount.hidden && !hideAnimations.has(mount)) {\n      showHeading(mount)\n    }\n  }\n}\n\n/** Put the heading where it belongs, above the navbar, after the navbar has been added. */\nexport function placeProfileHeading (): void {\n  ensureMountPoint()\n}\n\nexport function initializeProfileHeading (): void {\n  ensureMountPoint()\n\n  if (!profileSavedListenerRegistered) {\n    document.addEventListener('profile-pane-saved', (event) => {\n      if (!(event instanceof CustomEvent) || event.detail?.subjectUri !== displayedSubjectUri) return\n\n      const heading = document.querySelector<HTMLElement & {\n        profileData?: ProfileDetails\n        editContext?: ProfileHeadingEditContext\n      }>(`#${PROFILE_HEADING_MOUNT_ID} ${PROFILE_HEADING_TAG}`)\n      if (heading && event.detail.profileData) {\n        refreshRequest++\n        loadingPaneKey = ''\n        heading.profileData = event.detail.profileData\n        if (heading.editContext) {\n          heading.editContext = { ...heading.editContext, profileData: event.detail.profileData }\n        }\n        return\n      }\n\n      refreshProfileHeading(true).catch((error: unknown) => {\n        console.error('Failed to refresh profile heading after saving profile information.', error)\n      })\n    })\n    profileSavedListenerRegistered = true\n  }\n\n  const readiness = authReady ?? authn.checkUser().then(() => undefined)\n  authReady = readiness\n\n  if (!authListenersRegistered) {\n    authSession.events.on('login', refreshAfterAuthChange)\n    authSession.events.on('sessionRestore', refreshAfterAuthChange)\n    authSession.events.on('logout', refreshAfterAuthChange)\n    authSession.events.on('sessionChange', refreshAfterAuthChange)\n    authSession.events.on('identityReplaced', refreshAfterAuthChange)\n    authListenersRegistered = true\n  }\n\n  // Navigations the page's own navigation does not make, such as links and buttons in solid-ui\n  if (!navigatedListenerRegistered) {\n    onNavigated(() => {\n      refreshProfileHeading().catch((error: unknown) => {\n        console.error('Failed to refresh profile heading.', error)\n      })\n    })\n    navigatedListenerRegistered = true\n  }\n\n  readiness.then(() => refreshProfileHeading(true)).catch((error: unknown) => {\n    console.error('Failed to refresh profile heading.', error)\n  })\n}\n"],"mappings":"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"}

package/dist/n3Pane2.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"n3Pane2.cjs.js","names":[],"sources":["../src/n3Pane.ts"],"sourcesContent":["/*      Notation3 content Pane\n **\n **  This pane shows the content of a particular RDF resource\n ** or at least the RDF semantics we attribute to that resource,\n ** in generated N3 syntax.\n */\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nimport type { DataBrowserContext } from 'pane-registry'\nimport type { NamedNode, Statement } from 'rdflib'\nimport './n3Pane.css'\nimport './components/editor-card'\n\nconst ns = UI.ns\n\ntype N3PaneLike = {\n  icon: string\n  name: string\n  audience: NamedNode[]\n  label: (subject: NamedNode, context: DataBrowserContext) => string | null\n  render: (subject: NamedNode, context: DataBrowserContext) => HTMLDivElement\n}\n\nexport const n3Pane: N3PaneLike = {\n  icon: UI.icons.originalIconBase + 'w3c/n3_smaller.png',\n\n  name: 'n3',\n\n  audience: [ns.solid('Developer')],\n\n  label: function (subject: NamedNode, context: DataBrowserContext): string | null {\n    const store = context.session.store\n    if (\n      'http://www.w3.org/2007/ont/link#ProtocolEvent' in\n      store.findTypeURIs(subject)\n    ) {\n      return null\n    }\n    const n = store.statementsMatching(undefined, undefined, undefined, subject)\n      .length\n    if (n === 0) return null\n    return 'Data (' + n + ') as N3'\n  },\n\n  render: function (\n    subject: NamedNode,\n    context: DataBrowserContext\n  ): HTMLDivElement {\n    const myDocument = context.dom\n    const kb = context.session.store\n\n    const div = myDocument.createElement('div')\n    div.setAttribute('class', 'n3-pane')\n    // Because of smushing etc, this will not be a copy of the original source\n    // We could instead either fetch and re-parse the source,\n    // or we could keep all the pre-smushed triples.\n    const statements = kb.statementsMatching(\n      undefined,\n      undefined,\n      undefined,\n      subject\n    ) as Statement[] // @@ slow with current store!\n\n    const sz = $rdf.Serializer(kb)\n    sz.suggestNamespaces(kb.namespaces)\n    sz.setBase(subject.uri)\n    const serializedContent = sz.statementsToN3(statements)\n    const source = myDocument.createElement('solid-panes-editor-card') as HTMLElement & {\n      contentType?: string\n      content?: string\n    }\n    source.contentType = 'text/n3'\n    source.content = serializedContent\n\n    div.appendChild(source)\n    return div\n  }\n}\n"],"mappings":"mNAaA,IAAM,EAAK,EAAG,GAUD,EAAqB,CAChC,KAAM,EAAG,MAAM,iBAAmB,qBAElC,KAAM,KAEN,SAAU,CAAC,EAAG,MAAM,WAAW,CAAC,EAEhC,MAAO,SAAU,EAAoB,EAA4C,CAC/E,IAAM,EAAQ,EAAQ,QAAQ,MAC9B,GACE,kDACA,EAAM,aAAa,CAAO,EAE1B,OAAO,KAET,IAAM,EAAI,EAAM,mBAAmB,IAAA,GAAW,IAAA,GAAW,IAAA,GAAW,CAAO,CAAC,CACzE,OAEH,OADI,IAAM,EAAU,KACb,SAAW,EAAI,SACxB,EAEA,OAAQ,SACN,EACA,EACgB,CAChB,IAAM,EAAa,EAAQ,IACrB,EAAK,EAAQ,QAAQ,MAErB,EAAM,EAAW,cAAc,KAAK,EAC1C,EAAI,aAAa,QAAS,SAAS,EAInC,IAAM,EAAa,EAAG,mBACpB,IAAA,GACA,IAAA,GACA,IAAA,GACA,CACF,EAEM,EAAK,EAAK,WAAW,CAAE,EAC7B,EAAG,kBAAkB,EAAG,UAAU,EAClC,EAAG,QAAQ,EAAQ,GAAG,EACtB,IAAM,EAAoB,EAAG,eAAe,CAAU,EAChD,EAAS,EAAW,cAAc,yBAAyB,EAQjE,MAJA,GAAO,YAAc,UACrB,EAAO,QAAU,EAEjB,EAAI,YAAY,CAAM,EACf,CACT,CACF"}
+{"version":3,"file":"n3Pane2.cjs.js","names":["UI","$rdf","require_runtime","solid_ui","rdflib","ns","n3Pane","store","context","subject","n","myDocument","kb","div","statements","sz","serializedContent","source"],"sources":["../src/n3Pane.ts"],"sourcesContent":["/*      Notation3 content Pane\n **\n **  This pane shows the content of a particular RDF resource\n ** or at least the RDF semantics we attribute to that resource,\n ** in generated N3 syntax.\n */\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nimport type { DataBrowserContext } from 'pane-registry'\nimport type { NamedNode, Statement } from 'rdflib'\nimport './n3Pane.css'\nimport './components/editor-card'\n\nconst ns = UI.ns\n\ntype N3PaneLike = {\n  icon: string\n  name: string\n  audience: NamedNode[]\n  label: (subject: NamedNode, context: DataBrowserContext) => string | null\n  render: (subject: NamedNode, context: DataBrowserContext) => HTMLDivElement\n}\n\nexport const n3Pane: N3PaneLike = {\n  icon: UI.icons.originalIconBase + 'w3c/n3_smaller.png',\n\n  name: 'n3',\n\n  audience: [ns.solid('Developer')],\n\n  label: function (subject: NamedNode, context: DataBrowserContext): string | null {\n    const store = context.session.store\n    if (\n      'http://www.w3.org/2007/ont/link#ProtocolEvent' in\n      store.findTypeURIs(subject)\n    ) {\n      return null\n    }\n    const n = store.statementsMatching(undefined, undefined, undefined, subject)\n      .length\n    if (n === 0) return null\n    return 'Data (' + n + ') as N3'\n  },\n\n  render: function (\n    subject: NamedNode,\n    context: DataBrowserContext\n  ): HTMLDivElement {\n    const myDocument = context.dom\n    const kb = context.session.store\n\n    const div = myDocument.createElement('div')\n    div.setAttribute('class', 'n3-pane')\n    // Because of smushing etc, this will not be a copy of the original source\n    // We could instead either fetch and re-parse the source,\n    // or we could keep all the pre-smushed triples.\n    const statements = kb.statementsMatching(\n      undefined,\n      undefined,\n      undefined,\n      subject\n    ) as Statement[] // @@ slow with current store!\n\n    const sz = $rdf.Serializer(kb)\n    sz.suggestNamespaces(kb.namespaces)\n    sz.setBase(subject.uri)\n    const serializedContent = sz.statementsToN3(statements)\n    const source = myDocument.createElement('solid-panes-editor-card') as HTMLElement & {\n      contentType?: string\n      content?: string\n    }\n    source.contentType = 'text/n3'\n    source.content = serializedContent\n\n    div.appendChild(source)\n    return div\n  }\n}\n"],"mappings":"A,mNAaA,IAAMK,EAAKL,EAAG,GAUDM,EAAqB,CAChC,KAAMN,EAAG,MAAM,iBAAmB,qBAElC,KAAM,KAEN,SAAU,CAACK,EAAG,MAAM,WAAW,CAAC,EAEhC,MAAO,SAAU,EAAoB,EAA4C,CAC/E,IAAME,EAAQC,EAAQ,QAAQ,MAC9B,GACE,kDACAD,EAAM,aAAaE,CAAO,EAE1B,OAAO,KAET,IAAMC,EAAIH,EAAM,mBAAmB,IAAA,GAAW,IAAA,GAAW,IAAA,GAAWE,CAAO,CAAC,CACzE,OAEH,OADIC,IAAM,EAAU,KACb,SAAWA,EAAI,SACxB,EAEA,OAAQ,SACN,EACA,EACgB,CAChB,IAAMC,EAAaH,EAAQ,IACrBI,EAAKJ,EAAQ,QAAQ,MAErBK,EAAMF,EAAW,cAAc,KAAK,EAC1CE,EAAI,aAAa,QAAS,SAAS,EAInC,IAAMC,EAAaF,EAAG,mBACpB,IAAA,GACA,IAAA,GACA,IAAA,GACAH,CACF,EAEMM,EAAKd,EAAK,WAAWW,CAAE,EAC7BG,EAAG,kBAAkBH,EAAG,UAAU,EAClCG,EAAG,QAAQN,EAAQ,GAAG,EACtB,IAAMO,EAAoBD,EAAG,eAAeD,CAAU,EAChDG,EAASN,EAAW,cAAc,yBAAyB,EAQjE,MAJA,GAAO,YAAc,UACrB,EAAO,QAAUK,EAEjBH,EAAI,YAAYI,CAAM,EACfJ,CACT,CACF,E"}

package/dist/n3Pane2.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"n3Pane2.esm.js","names":[],"sources":["../src/n3Pane.ts"],"sourcesContent":["/*      Notation3 content Pane\n **\n **  This pane shows the content of a particular RDF resource\n ** or at least the RDF semantics we attribute to that resource,\n ** in generated N3 syntax.\n */\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nimport type { DataBrowserContext } from 'pane-registry'\nimport type { NamedNode, Statement } from 'rdflib'\nimport './n3Pane.css'\nimport './components/editor-card'\n\nconst ns = UI.ns\n\ntype N3PaneLike = {\n  icon: string\n  name: string\n  audience: NamedNode[]\n  label: (subject: NamedNode, context: DataBrowserContext) => string | null\n  render: (subject: NamedNode, context: DataBrowserContext) => HTMLDivElement\n}\n\nexport const n3Pane: N3PaneLike = {\n  icon: UI.icons.originalIconBase + 'w3c/n3_smaller.png',\n\n  name: 'n3',\n\n  audience: [ns.solid('Developer')],\n\n  label: function (subject: NamedNode, context: DataBrowserContext): string | null {\n    const store = context.session.store\n    if (\n      'http://www.w3.org/2007/ont/link#ProtocolEvent' in\n      store.findTypeURIs(subject)\n    ) {\n      return null\n    }\n    const n = store.statementsMatching(undefined, undefined, undefined, subject)\n      .length\n    if (n === 0) return null\n    return 'Data (' + n + ') as N3'\n  },\n\n  render: function (\n    subject: NamedNode,\n    context: DataBrowserContext\n  ): HTMLDivElement {\n    const myDocument = context.dom\n    const kb = context.session.store\n\n    const div = myDocument.createElement('div')\n    div.setAttribute('class', 'n3-pane')\n    // Because of smushing etc, this will not be a copy of the original source\n    // We could instead either fetch and re-parse the source,\n    // or we could keep all the pre-smushed triples.\n    const statements = kb.statementsMatching(\n      undefined,\n      undefined,\n      undefined,\n      subject\n    ) as Statement[] // @@ slow with current store!\n\n    const sz = $rdf.Serializer(kb)\n    sz.suggestNamespaces(kb.namespaces)\n    sz.setBase(subject.uri)\n    const serializedContent = sz.statementsToN3(statements)\n    const source = myDocument.createElement('solid-panes-editor-card') as HTMLElement & {\n      contentType?: string\n      content?: string\n    }\n    source.contentType = 'text/n3'\n    source.content = serializedContent\n\n    div.appendChild(source)\n    return div\n  }\n}\n"],"mappings":";;;;;AAaA,IAAM,IAAK,EAAG,IAUD,IAAqB;CAChC,MAAM,EAAG,MAAM,mBAAmB;CAElC,MAAM;CAEN,UAAU,CAAC,EAAG,MAAM,WAAW,CAAC;CAEhC,OAAO,SAAU,GAAoB,GAA4C;EAC/E,IAAM,IAAQ,EAAQ,QAAQ;EAC9B,IACE,mDACA,EAAM,aAAa,CAAO,GAE1B,OAAO;EAET,IAAM,IAAI,EAAM,mBAAmB,KAAA,GAAW,KAAA,GAAW,KAAA,GAAW,CAAO,CAAC,CACzE;EAEH,OADI,MAAM,IAAU,OACb,WAAW,IAAI;CACxB;CAEA,QAAQ,SACN,GACA,GACgB;EAChB,IAAM,IAAa,EAAQ,KACrB,IAAK,EAAQ,QAAQ,OAErB,IAAM,EAAW,cAAc,KAAK;EAC1C,EAAI,aAAa,SAAS,SAAS;EAInC,IAAM,IAAa,EAAG,mBACpB,KAAA,GACA,KAAA,GACA,KAAA,GACA,CACF,GAEM,IAAK,EAAK,WAAW,CAAE;EAE7B,AADA,EAAG,kBAAkB,EAAG,UAAU,GAClC,EAAG,QAAQ,EAAQ,GAAG;EACtB,IAAM,IAAoB,EAAG,eAAe,CAAU,GAChD,IAAS,EAAW,cAAc,yBAAyB;EAQjE,OAJA,EAAO,cAAc,WACrB,EAAO,UAAU,GAEjB,EAAI,YAAY,CAAM,GACf;CACT;AACF"}
+{"version":3,"file":"n3Pane2.esm.js","names":["ns","UI","$rdf","ns$1","n3Pane","store","context","subject","n","myDocument","kb","div","statements","sz","serializedContent","source"],"sources":["../src/n3Pane.ts"],"sourcesContent":["/*      Notation3 content Pane\n **\n **  This pane shows the content of a particular RDF resource\n ** or at least the RDF semantics we attribute to that resource,\n ** in generated N3 syntax.\n */\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nimport type { DataBrowserContext } from 'pane-registry'\nimport type { NamedNode, Statement } from 'rdflib'\nimport './n3Pane.css'\nimport './components/editor-card'\n\nconst ns = UI.ns\n\ntype N3PaneLike = {\n  icon: string\n  name: string\n  audience: NamedNode[]\n  label: (subject: NamedNode, context: DataBrowserContext) => string | null\n  render: (subject: NamedNode, context: DataBrowserContext) => HTMLDivElement\n}\n\nexport const n3Pane: N3PaneLike = {\n  icon: UI.icons.originalIconBase + 'w3c/n3_smaller.png',\n\n  name: 'n3',\n\n  audience: [ns.solid('Developer')],\n\n  label: function (subject: NamedNode, context: DataBrowserContext): string | null {\n    const store = context.session.store\n    if (\n      'http://www.w3.org/2007/ont/link#ProtocolEvent' in\n      store.findTypeURIs(subject)\n    ) {\n      return null\n    }\n    const n = store.statementsMatching(undefined, undefined, undefined, subject)\n      .length\n    if (n === 0) return null\n    return 'Data (' + n + ') as N3'\n  },\n\n  render: function (\n    subject: NamedNode,\n    context: DataBrowserContext\n  ): HTMLDivElement {\n    const myDocument = context.dom\n    const kb = context.session.store\n\n    const div = myDocument.createElement('div')\n    div.setAttribute('class', 'n3-pane')\n    // Because of smushing etc, this will not be a copy of the original source\n    // We could instead either fetch and re-parse the source,\n    // or we could keep all the pre-smushed triples.\n    const statements = kb.statementsMatching(\n      undefined,\n      undefined,\n      undefined,\n      subject\n    ) as Statement[] // @@ slow with current store!\n\n    const sz = $rdf.Serializer(kb)\n    sz.suggestNamespaces(kb.namespaces)\n    sz.setBase(subject.uri)\n    const serializedContent = sz.statementsToN3(statements)\n    const source = myDocument.createElement('solid-panes-editor-card') as HTMLElement & {\n      contentType?: string\n      content?: string\n    }\n    source.contentType = 'text/n3'\n    source.content = serializedContent\n\n    div.appendChild(source)\n    return div\n  }\n}\n"],"mappings":";;;;;AAaA,IAAMA,IAAKC,EAAG,IAUDG,IAAqB;CAChC,MAAMH,EAAG,MAAM,mBAAmB;CAElC,MAAM;CAEN,UAAU,CAACD,EAAG,MAAM,WAAW,CAAC;CAEhC,OAAO,SAAU,GAAoB,GAA4C;EAC/E,IAAMK,IAAQC,EAAQ,QAAQ;EAC9B,IACE,mDACAD,EAAM,aAAaE,CAAO,GAE1B,OAAO;EAET,IAAMC,IAAIH,EAAM,mBAAmB,KAAA,GAAW,KAAA,GAAW,KAAA,GAAWE,CAAO,CAAC,CACzE;EAEH,OADIC,MAAM,IAAU,OACb,WAAWA,IAAI;CACxB;CAEA,QAAQ,SACN,GACA,GACgB;EAChB,IAAMC,IAAaH,EAAQ,KACrBI,IAAKJ,EAAQ,QAAQ,OAErBK,IAAMF,EAAW,cAAc,KAAK;EAC1C,EAAI,aAAa,SAAS,SAAS;EAInC,IAAMG,IAAaF,EAAG,mBACpB,KAAA,GACA,KAAA,GACA,KAAA,GACAH,CACF,GAEMM,IAAKX,EAAK,WAAWQ,CAAE;EAE7B,AADAG,EAAG,kBAAkBH,EAAG,UAAU,GAClCG,EAAG,QAAQN,EAAQ,GAAG;EACtB,IAAMO,IAAoBD,EAAG,eAAeD,CAAU,GAChDG,IAASN,EAAW,cAAc,yBAAyB;EAQjE,OAJA,EAAO,cAAc,WACrB,EAAO,UAAUK,GAEjBH,EAAI,YAAYI,CAAM,GACfJ;CACT;AACF"}

package/dist/navigation/browserEvents.cjs.js

@@ -0,0 +1,2 @@
+const e=require("./state.cjs.js");var t,n=!1;function r(){return n}function i(e){console.error(`Failed to show the page after browser navigation.`,e)}function a(r){if(t=r,n)return;n=!0;let a=()=>(e.clearPaneState(),(t?.show({kind:`restore`,forceHeading:!0})??Promise.resolve()).catch(i)),o=window.navigation;o?(o.addEventListener(`navigate`,e=>{e.canIntercept&&e.userInitiated&&e.navigationType===`replace`&&e.destination.url===window.location.href&&e.intercept({scroll:`manual`,focusReset:`manual`,handler:a})}),o.addEventListener(`currententrychange`,e=>{e.navigationType===`traverse`&&a()})):window.addEventListener(`popstate`,()=>{a()})}exports.isHandlingBrowserNavigation=r,exports.registerBrowserNavigation=a;
+//# sourceMappingURL=browserEvents.cjs.js.map

package/dist/navigation/browserEvents.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browserEvents.cjs.js","names":["require_state","navigation","listenersRegistered","isHandlingBrowserNavigation","reportError","error","registerBrowserNavigation","controller","showUrl","navigationApi","event"],"sources":["../../src/navigation/browserEvents.ts"],"sourcesContent":["/*\n * What the page does when the browser changes the URL or the history entry without reloading.\n *\n * Like a reload, both cases show what the URL is, not what the entry last displayed through the\n * navbar or the account menu:\n * - Enter on the current URL (typically one ending in #me)\n * - back and forward\n */\n\nimport type { NavigationController } from './controller'\nimport { clearPaneState } from './state'\n\ninterface NavigationEvent extends Event {\n  canIntercept: boolean\n  userInitiated: boolean\n  navigationType: string\n  destination: { url: string }\n  intercept: (options: { handler: () => Promise<void>, scroll: 'manual', focusReset: 'manual' }) => void\n}\n\ninterface NavigationApi {\n  addEventListener: (type: 'navigate' | 'currententrychange', listener: (event: NavigationEvent) => void) => void\n}\n\nlet navigation: NavigationController | undefined\nlet listenersRegistered = false\n\n/**\n * Whether the main page handles back and forward itself. Packages that used to re-render on\n * `popstate` (mashlib) ask this and leave it to the main page.\n */\nexport function isHandlingBrowserNavigation (): boolean {\n  return listenersRegistered\n}\n\nfunction reportError (error: unknown) {\n  console.error('Failed to show the page after browser navigation.', error)\n}\n\n/**\n * Starts handling Enter, back and forward for a controller. The listeners are added once;\n * calling this again only changes which controller they use.\n *\n * The Navigation API is used where the browser has it; the places that fall back to an older\n * mechanism are marked NAVIGATION API FALLBACK. See \"Browser support\" in docs/navigation-design.md.\n */\nexport function registerBrowserNavigation (controller: NavigationController): void {\n  navigation = controller\n  if (listenersRegistered) return\n  listenersRegistered = true\n\n  const showUrl = () => {\n    clearPaneState()\n    return (navigation?.show({ kind: 'restore', forceHeading: true }) ?? Promise.resolve()).catch(reportError)\n  }\n\n  const navigationApi = (window as unknown as { navigation?: NavigationApi }).navigation\n  if (!navigationApi) {\n    // NAVIGATION API FALLBACK (Firefox before 147, Safari before 26.2, older Chromium).\n    // Back and forward use `popstate`, which cannot tell them from in-page `#` links, so a\n    // fragment link also re-renders the page. Enter on the current URL is not handled at all\n    // here: without a fragment the browser reloads the page, and `initMainPage` shows the URL.\n    window.addEventListener('popstate', () => { showUrl() })\n    return\n  }\n\n  // NAVIGATION API: Enter on the current URL (typically one ending in #me) is a same-URL\n  // \"replace\" navigation; intercepting it shows the URL without reloading. Without the API\n  // there is no equivalent, see the fallback above.\n  navigationApi.addEventListener('navigate', event => {\n    if (!event.canIntercept || !event.userInitiated || event.navigationType !== 'replace' ||\n        event.destination.url !== window.location.href) return\n\n    event.intercept({\n      scroll: 'manual',\n      focusReset: 'manual',\n      handler: showUrl\n    })\n  })\n\n  // NAVIGATION API: unlike the `popstate` fallback above, this does not fire for in-page\n  // fragment links.\n  navigationApi.addEventListener('currententrychange', event => {\n    if (event.navigationType === 'traverse') showUrl()\n  })\n}\n"],"mappings":"A,kCAwBA,IAAIC,EACAC,EAAsB,GAM1B,SAAgBC,GAAwC,CACtD,OAAOD,CACT,CAEA,SAASE,EAAa,EAAgB,CACpC,QAAQ,MAAM,oDAAqDC,CAAK,CAC1E,CASA,SAAgBC,EAA2B,EAAwC,CAEjF,GADA,EAAaC,EACTL,EAAqB,OACzB,EAAsB,GAEtB,IAAMM,OACJR,EAAA,eAAe,GACPC,GAAY,KAAK,CAAE,KAAM,UAAW,aAAc,EAAK,CAAC,GAAK,QAAQ,QAAQ,EAAA,CAAG,MAAMG,CAAW,GAGrGK,EAAiB,OAAqD,WACvEA,GAYLA,EAAc,iBAAiB,WAAY,GAAS,CAC7CC,EAAM,cAAiBA,EAAM,eAAiBA,EAAM,iBAAmB,WACxEA,EAAM,YAAY,MAAQ,OAAO,SAAS,MAE9CA,EAAM,UAAU,CACd,OAAQ,SACR,WAAY,SACZ,QAASF,CACX,CAAC,CACH,CAAC,EAIDC,EAAc,iBAAiB,qBAAsB,GAAS,CACxDC,EAAM,iBAAmB,YAAYF,EAAQ,CACnD,CAAC,GAtBC,OAAO,iBAAiB,eAAkB,CAAEA,EAAQ,CAAE,CAAC,CAuB3D,C"}

package/dist/navigation/browserEvents.d.ts

@@ -0,0 +1,15 @@
+import { NavigationController } from './controller';
+/**
+ * Whether the main page handles back and forward itself. Packages that used to re-render on
+ * `popstate` (mashlib) ask this and leave it to the main page.
+ */
+export declare function isHandlingBrowserNavigation(): boolean;
+/**
+ * Starts handling Enter, back and forward for a controller. The listeners are added once;
+ * calling this again only changes which controller they use.
+ *
+ * The Navigation API is used where the browser has it; the places that fall back to an older
+ * mechanism are marked NAVIGATION API FALLBACK. See "Browser support" in docs/navigation-design.md.
+ */
+export declare function registerBrowserNavigation(controller: NavigationController): void;
+//# sourceMappingURL=browserEvents.d.ts.map

package/dist/navigation/browserEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browserEvents.d.ts","sourceRoot":"","sources":["../../src/navigation/browserEvents.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAkBxD;;;GAGG;AACH,wBAAgB,2BAA2B,IAAK,OAAO,CAEtD;AAMD;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAE,UAAU,EAAE,oBAAoB,GAAG,IAAI,CAuCjF"}