solid-panes 4.5.1 → 5.0.0-0

package/dist/internal/internalPane2.esm.js

@@ -0,0 +1,104 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.internalPaneContent{padding:var(--spacing-xs,.5em);background-color:#ddf;border-radius:1rem}.internalPaneControls{width:100%;margin:var(--spacing-sm,1em)}.internalPaneDeleteButton{height:var(--icon-base,2em)}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+import { icons as e, ns as t, widgets as n } from "solid-ui";
+import { literal as r, st as i, sym as a } from "rdflib";
+//#region src/internal/internalPane.ts
+var o = {
+	icon: e.originalIconBase + "tango/22-emblem-system.png",
+	name: "internal",
+	label: function() {
+		return "under the hood";
+	},
+	render: function(o, c) {
+		let l = c.dom, u = c.session.store, d = u.canon(o), f = u.findTypeURIs(d);
+		function p(e) {
+			if (f["http://www.w3.org/2007/ont/link#ProtocolEvent"]) return !0;
+			let t = c.session.paneRegistry.byName("internal");
+			return t && t.predicates && t.predicates[e.uri] !== void 0;
+		}
+		let m = l.createElement("div");
+		m.classList.add("internalPane", "internalPaneContent");
+		function h(e, n) {
+			let r = e.fetcher;
+			if (!r) {
+				console.error("No fetcher available");
+				return;
+			}
+			return new Promise(function(i, a) {
+				r.load(n).then(function() {
+					let o = e.each(n, t.ldp("contains")).map((n) => e.holds(n, t.rdf("type"), t.ldp("BasicContainer")) ? h(e, n) : (console.log("deleteRecursive leaf file: " + n), r.webOperation("DELETE", n.uri)));
+					Promise.all(o).then(() => {
+						console.log("deleteRecursive empty folder: " + n), r.webOperation("DELETE", n.uri).then(() => {
+							console.log("Deleted Ok: " + n), i(void 0);
+						}).catch((e) => {
+							let t = "Unable to delete " + n + ": " + e;
+							console.log(t), a(Error(t));
+						}), i(void 0);
+					}, (e) => {
+						alert(e), a(e);
+					});
+				});
+			});
+		}
+		if (o.uri && !o.uri.includes("#")) {
+			let r = m.appendChild(l.createElement("table"));
+			r.classList.add("internalPaneControls");
+			let i = r.appendChild(l.createElement("tr")), a = i.appendChild(l.createElement("td")), c = o.uri && o.uri.endsWith("/") || u.holds(o, t.rdf("type"), t.ldp("Container")), d = c ? "folder" : "file";
+			if (!s(o)) {
+				console.log(o);
+				let e = n.deleteButtonWithCheck(l, a, d, function() {
+					if (confirm(`Are you sure you want to delete ${o}? This cannot be undone.`)) {
+						if (!u.fetcher) throw Error("Store has no fetcher");
+						(c ? h(u, o) || Promise.resolve() : u.fetcher.webOperation("DELETE", o.uri) || Promise.resolve()).then(() => {
+							let e = "Deleted: " + o;
+							console.log(e);
+						}).catch((e) => {
+							let t = "Unable to delete " + o + ": " + e;
+							console.log(t), alert(t);
+						});
+					}
+				});
+				e.removeAttribute("class"), e.classList.add("internalPaneDeleteButton"), a.appendChild(e);
+			}
+			let f = i.appendChild(l.createElement("td")), p = n.button(l, e.iconBase + "noun_479395.svg", "refresh");
+			f.appendChild(p), p.addEventListener("click", () => {
+				if (!u.fetcher) throw Error("Store has no fetcher");
+				u.fetcher.refresh(o, function(e, t) {
+					let n;
+					n = e ? "Refreshed OK: " + o : "Error refreshing: " + o + ": " + t, console.log(n), alert(n);
+				});
+			});
+		}
+		let g = u.statementsMatching(o), _ = "";
+		if (!u.fetcher) throw Error("Store has no fetcher");
+		if (o.uri && (g.push(i(o, a("http://www.w3.org/2007/ont/link#uri"), o.uri, u.fetcher.appNode)), o.uri.indexOf("#") >= 0 ? (_ = o.uri.split("#")[0], g.push(i(o, a("http://www.w3.org/2007/ont/link#documentURI"), o.uri.split("#")[0], u.fetcher.appNode)), g.push(i(o, a("http://www.w3.org/2007/ont/link#document"), a(o.uri.split("#")[0]), u.fetcher.appNode))) : _ = o.uri), _) {
+			if (!u.updater) throw Error("Store has no updater");
+			let e = u.updater.editable(_);
+			e && g.push(i(o, a("http://www.w3.org/ns/rww#editable"), r(e.toString()), u.fetcher.appNode));
+		}
+		let v = c.getOutliner(l);
+		return v.appendPropertyTRs(m, g, !1, p), g = u.statementsMatching(void 0, void 0, o), v.appendPropertyTRs(m, g, !0, p), m;
+	},
+	predicates: {
+		"http://www.w3.org/2007/ont/link#request": 1,
+		"http://www.w3.org/2007/ont/link#requestedBy": 1,
+		"http://www.w3.org/2007/ont/link#source": 1,
+		"http://www.w3.org/2007/ont/link#session": 2,
+		"http://www.w3.org/2007/ont/link#uri": 1,
+		"http://www.w3.org/2007/ont/link#documentURI": 1,
+		"http://www.w3.org/2007/ont/link#document": 1,
+		"http://www.w3.org/2007/ont/link#all": 1,
+		"http://www.w3.org/2007/ont/link#Document": 1,
+		"http://www.w3.org/ns/rww#editable": 1,
+		"http://www.w3.org/2000/01/rdf-schema#seeAlso": 1,
+		"http://www.w3.org/2002/07/owl#": 1
+	},
+	classes: { "http://www.w3.org/2007/ont/link#ProtocolEvent": 1 }
+};
+function s(e) {
+	let t = e.site().uri;
+	return e.uri === t || e.uri === t + "profile/" || e.uri === t + "profile/card" || e.uri === t + "settings/" || e.uri === t + "settings/prefs.ttl" || e.uri === t + "settings/privateTypeIndex.ttl" || e.uri === t + "settings/publicTypeIndex.ttl" || e.uri === t + "settings/serverSide.ttl";
+}
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=internalPane2.esm.js.map

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

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

package/dist/mainPage/header.cjs.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.cjs.js","names":[],"sources":["../../src/mainPage/header.ts"],"sourcesContent":["import { authn } from 'solid-logic'\nimport { html, render } from 'lit-html'\nimport type { AccountMenuItem } from 'solid-ui/components/account'\nimport type { OutlineManager } from '../outline/manager'\n\nimport '~icons/lucide/user'\nimport '~icons/lucide/users'\nimport '~icons/lucide/folder-open'\nimport '~icons/lucide/layout-dashboard'\nimport '~icons/lucide/settings-2'\nimport '../components/header'\nimport { getProfilePaneFromURI, getSocialPaneFromURI, getFolderPanesFromURI } from '../utils/paneUtils'\nimport { sym } from 'rdflib'\n\nexport async function createHeader (outliner: OutlineManager) {\n  const existingHeader = document.querySelector('solid-panes-header')\n\n  if (existingHeader) {\n    return existingHeader\n  }\n\n  const me = authn.currentUser()\n\n  const main = document.getElementById('MainContent')\n  const outlineView = document.getElementById('OutlineView')\n  const tmpContainer = document.createElement('div')\n\n  function hideNavbar () {\n    const navbar = document.querySelector<HTMLElement>('solid-panes-navbar')\n    if (navbar) {\n      navbar.classList.add('navbar--hidden')\n    }\n  }\n\n  const storagePanes = me ? await getFolderPanesFromURI(me) : []\n  const storageMenuItems: AccountMenuItem[] = storagePanes.map(pane => ({\n    label: html`<icon-lucide-folder-open slot=\"left-icon\"></icon-lucide-folder-open> ${pane.label()}`,\n    async onSelected () {\n      hideNavbar()\n      if (me) {\n        outliner.GotoSubject(sym(window.location.href), true, pane, true, undefined, outlineView, false)\n      }\n    }\n  }))\n  const menuItems: AccountMenuItem[] = [\n    {\n      label: html`<icon-lucide-user slot=\"left-icon\"></icon-lucide-user> Profile`,\n      async onSelected () {\n        hideNavbar()\n        if (me) {\n          const profilePane = await getProfilePaneFromURI(me)\n          outliner.GotoSubject(sym(window.location.href), true, profilePane, true, undefined, outlineView, false)\n        }\n      }\n    },\n    {\n      label: html`<icon-lucide-users slot=\"left-icon\"></icon-lucide-users> Friends`,\n      async onSelected () {\n        hideNavbar()\n        if (me) {\n          const socialPane = await getSocialPaneFromURI(me)\n          outliner.GotoSubject(sym(window.location.href), true, socialPane, true, undefined, outlineView, false)\n        }\n      }\n    },\n    ...storageMenuItems,\n    {\n      label: html`<icon-lucide-layout-dashboard slot=\"left-icon\"></icon-lucide-layout-dashboard> Dashboard`,\n      onSelected () {\n        hideNavbar()\n        if (me) {\n          const pane = outliner.context.session.paneRegistry.byName('home')\n          if (pane) {\n            outliner.GotoSubject(sym(window.location.href), true, pane, true, undefined, outlineView, false)\n          }\n        }\n      }\n    },\n    {\n      label: html`<icon-lucide-settings-2 slot=\"left-icon\"></icon-lucide-settings-2> Preferences`,\n      onSelected () {\n        hideNavbar()\n        if (me) {\n          const pane = outliner.context.session.paneRegistry.byName('basicPreferences')\n          if (pane) {\n            outliner.GotoSubject(sym(window.location.href), true, pane, true, undefined, outlineView, false)\n          }\n        }\n      }\n    },\n  ]\n\n  render(\n    html`<solid-panes-header .menuItems=${menuItems}></solid-panes-header>`,\n    tmpContainer\n  )\n\n  const header = tmpContainer.firstElementChild\n\n  if (!header) {\n    throw new Error('Failed to create header')\n  }\n\n  // ensure it is in DOM (before MainContent for consistency)\n  if (main && main.parentNode) {\n    main.parentNode.insertBefore(header, main)\n  } else {\n    document.body.prepend(header)\n  }\n\n  return header\n}\n"],"mappings":"gbAcA,eAAsB,EAAc,EAA0B,CAC5D,IAAM,EAAiB,SAAS,cAAc,oBAAoB,EAElE,GAAI,EACF,OAAO,EAGT,IAAM,EAAK,EAAA,MAAM,YAAY,EAEvB,EAAO,SAAS,eAAe,aAAa,EAC5C,EAAc,SAAS,eAAe,aAAa,EACnD,EAAe,SAAS,cAAc,KAAK,EAEjD,SAAS,GAAc,CACrB,IAAM,EAAS,SAAS,cAA2B,oBAAoB,EACnE,GACF,EAAO,UAAU,IAAI,gBAAgB,CAEzC,CAGA,IAAM,GADe,EAAK,MAAM,EAAA,sBAAsB,CAAE,EAAI,CAAC,EAAA,CACJ,IAAI,IAAS,CACpE,MAAO,EAAA,IAAI,wEAAwE,EAAK,MAAM,IAC9F,MAAM,YAAc,CAClB,EAAW,EACP,GACF,EAAS,aAAA,EAAY,EAAA,IAAA,CAAI,OAAO,SAAS,IAAI,EAAG,GAAM,EAAM,GAAM,IAAA,GAAW,EAAa,EAAK,CAEnG,CACF,EAAE,EACI,EAA+B,CACnC,CACE,MAAO,EAAA,IAAI,iEACX,MAAM,YAAc,CAElB,GADA,EAAW,EACP,EAAI,CACN,IAAM,EAAc,MAAM,EAAA,sBAAsB,CAAE,EAClD,EAAS,aAAA,EAAY,EAAA,IAAA,CAAI,OAAO,SAAS,IAAI,EAAG,GAAM,EAAa,GAAM,IAAA,GAAW,EAAa,EAAK,CACxG,CACF,CACF,EACA,CACE,MAAO,EAAA,IAAI,mEACX,MAAM,YAAc,CAElB,GADA,EAAW,EACP,EAAI,CACN,IAAM,EAAa,MAAM,EAAA,qBAAqB,CAAE,EAChD,EAAS,aAAA,EAAY,EAAA,IAAA,CAAI,OAAO,SAAS,IAAI,EAAG,GAAM,EAAY,GAAM,IAAA,GAAW,EAAa,EAAK,CACvG,CACF,CACF,EACA,GAAG,EACH,CACE,MAAO,EAAA,IAAI,2FACX,YAAc,CAEZ,GADA,EAAW,EACP,EAAI,CACN,IAAM,EAAO,EAAS,QAAQ,QAAQ,aAAa,OAAO,MAAM,EAC5D,GACF,EAAS,aAAA,EAAY,EAAA,IAAA,CAAI,OAAO,SAAS,IAAI,EAAG,GAAM,EAAM,GAAM,IAAA,GAAW,EAAa,EAAK,CAEnG,CACF,CACF,EACA,CACE,MAAO,EAAA,IAAI,iFACX,YAAc,CAEZ,GADA,EAAW,EACP,EAAI,CACN,IAAM,EAAO,EAAS,QAAQ,QAAQ,aAAa,OAAO,kBAAkB,EACxE,GACF,EAAS,aAAA,EAAY,EAAA,IAAA,CAAI,OAAO,SAAS,IAAI,EAAG,GAAM,EAAM,GAAM,IAAA,GAAW,EAAa,EAAK,CAEnG,CACF,CACF,CACF,GAEA,EAAA,EAAA,OAAA,CACE,EAAA,IAAI,kCAAkC,EAAU,wBAChD,CACF,EAEA,IAAM,EAAS,EAAa,kBAE5B,GAAI,CAAC,EACH,MAAU,MAAM,yBAAyB,EAU3C,OANI,GAAQ,EAAK,WACf,EAAK,WAAW,aAAa,EAAQ,CAAI,EAEzC,SAAS,KAAK,QAAQ,CAAM,EAGvB,CACT"}

package/dist/mainPage/header.d.ts

@@ -1,17 +1,3 @@
-import 'solid-ui/components/header';
-import { Header } from 'solid-ui/components/header';
 import { OutlineManager } from '../outline/manager';
-import { LiveStore } from 'rdflib';
-export declare const HELP_MENU_LIST: {
-    label: string;
-    url: string;
-    target: string;
-}[];
-type ManagedHeader = Header & {
-    __solidPanesListenersAttached?: boolean;
-    __solidPanesOutliner?: OutlineManager;
-};
-export declare function createHeader(store: LiveStore, outliner: OutlineManager): Promise<ManagedHeader>;
-export declare function refreshHeader(outliner: OutlineManager, headerElement?: Header): Promise<Header | null>;
-export {};
+export declare function createHeader(outliner: OutlineManager): Promise<Element>;
 //# sourceMappingURL=header.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/mainPage/header.ts"],"names":[],"mappings":"AAEA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AA4BlC,eAAO,MAAM,cAAc;;;;GAG1B,CAAA;AAID,KAAK,aAAa,GAAG,MAAM,GAAG;IAC5B,6BAA6B,CAAC,EAAE,OAAO,CAAA;IACvC,oBAAoB,CAAC,EAAE,cAAc,CAAA;CACtC,CAAA;AAcD,wBAAsB,YAAY,CAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,0BA6B7E;AAoDD,wBAAsB,aAAa,CAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,EAAE,MAAM,0BAyBpF"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/mainPage/header.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAExD,OAAO,oBAAoB,CAAA;AAC3B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AACvC,OAAO,0BAA0B,CAAA;AACjC,OAAO,sBAAsB,CAAA;AAI7B,wBAAsB,YAAY,CAAE,QAAQ,EAAE,cAAc,oBAiG3D"}

package/dist/mainPage/header.esm.js

@@ -0,0 +1,72 @@
+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";
+//#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 onSelected() {
+			p(), l && s.GotoSubject(i(window.location.href), !0, e, !0, void 0, d, !1);
+		}
+	})), h = [
+		{
+			label: a`<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);
+				}
+			}
+		},
+		{
+			label: a`<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);
+				}
+			}
+		},
+		...m,
+		{
+			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: 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);
+				}
+			}
+		}
+	];
+	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;
+}
+//#endregion
+export { s as createHeader };
+
+//# sourceMappingURL=header.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.esm.js","names":[],"sources":["../../src/mainPage/header.ts"],"sourcesContent":["import { authn } from 'solid-logic'\nimport { html, render } from 'lit-html'\nimport type { AccountMenuItem } from 'solid-ui/components/account'\nimport type { OutlineManager } from '../outline/manager'\n\nimport '~icons/lucide/user'\nimport '~icons/lucide/users'\nimport '~icons/lucide/folder-open'\nimport '~icons/lucide/layout-dashboard'\nimport '~icons/lucide/settings-2'\nimport '../components/header'\nimport { getProfilePaneFromURI, getSocialPaneFromURI, getFolderPanesFromURI } from '../utils/paneUtils'\nimport { sym } from 'rdflib'\n\nexport async function createHeader (outliner: OutlineManager) {\n  const existingHeader = document.querySelector('solid-panes-header')\n\n  if (existingHeader) {\n    return existingHeader\n  }\n\n  const me = authn.currentUser()\n\n  const main = document.getElementById('MainContent')\n  const outlineView = document.getElementById('OutlineView')\n  const tmpContainer = document.createElement('div')\n\n  function hideNavbar () {\n    const navbar = document.querySelector<HTMLElement>('solid-panes-navbar')\n    if (navbar) {\n      navbar.classList.add('navbar--hidden')\n    }\n  }\n\n  const storagePanes = me ? await getFolderPanesFromURI(me) : []\n  const storageMenuItems: AccountMenuItem[] = storagePanes.map(pane => ({\n    label: html`<icon-lucide-folder-open slot=\"left-icon\"></icon-lucide-folder-open> ${pane.label()}`,\n    async onSelected () {\n      hideNavbar()\n      if (me) {\n        outliner.GotoSubject(sym(window.location.href), true, pane, true, undefined, outlineView, false)\n      }\n    }\n  }))\n  const menuItems: AccountMenuItem[] = [\n    {\n      label: html`<icon-lucide-user slot=\"left-icon\"></icon-lucide-user> Profile`,\n      async onSelected () {\n        hideNavbar()\n        if (me) {\n          const profilePane = await getProfilePaneFromURI(me)\n          outliner.GotoSubject(sym(window.location.href), true, profilePane, true, undefined, outlineView, false)\n        }\n      }\n    },\n    {\n      label: html`<icon-lucide-users slot=\"left-icon\"></icon-lucide-users> Friends`,\n      async onSelected () {\n        hideNavbar()\n        if (me) {\n          const socialPane = await getSocialPaneFromURI(me)\n          outliner.GotoSubject(sym(window.location.href), true, socialPane, true, undefined, outlineView, false)\n        }\n      }\n    },\n    ...storageMenuItems,\n    {\n      label: html`<icon-lucide-layout-dashboard slot=\"left-icon\"></icon-lucide-layout-dashboard> Dashboard`,\n      onSelected () {\n        hideNavbar()\n        if (me) {\n          const pane = outliner.context.session.paneRegistry.byName('home')\n          if (pane) {\n            outliner.GotoSubject(sym(window.location.href), true, pane, true, undefined, outlineView, false)\n          }\n        }\n      }\n    },\n    {\n      label: html`<icon-lucide-settings-2 slot=\"left-icon\"></icon-lucide-settings-2> Preferences`,\n      onSelected () {\n        hideNavbar()\n        if (me) {\n          const pane = outliner.context.session.paneRegistry.byName('basicPreferences')\n          if (pane) {\n            outliner.GotoSubject(sym(window.location.href), true, pane, true, undefined, outlineView, false)\n          }\n        }\n      }\n    },\n  ]\n\n  render(\n    html`<solid-panes-header .menuItems=${menuItems}></solid-panes-header>`,\n    tmpContainer\n  )\n\n  const header = tmpContainer.firstElementChild\n\n  if (!header) {\n    throw new Error('Failed to create header')\n  }\n\n  // ensure it is in DOM (before MainContent for consistency)\n  if (main && main.parentNode) {\n    main.parentNode.insertBefore(header, main)\n  } else {\n    document.body.prepend(header)\n  }\n\n  return header\n}\n"],"mappings":";;;;;;;;;;;AAcA,eAAsB,EAAc,GAA0B;CAC5D,IAAM,IAAiB,SAAS,cAAc,oBAAoB;CAElE,IAAI,GACF,OAAO;CAGT,IAAM,IAAK,EAAM,YAAY,GAEvB,IAAO,SAAS,eAAe,aAAa,GAC5C,IAAc,SAAS,eAAe,aAAa,GACnD,IAAe,SAAS,cAAc,KAAK;CAEjD,SAAS,IAAc;EACrB,IAAM,IAAS,SAAS,cAA2B,oBAAoB;EACvE,AAAI,KACF,EAAO,UAAU,IAAI,gBAAgB;CAEzC;CAGA,IAAM,KADe,IAAK,MAAM,EAAsB,CAAE,IAAI,CAAC,EAAA,CACJ,KAAI,OAAS;EACpE,OAAO,CAAI,wEAAwE,EAAK,MAAM;EAC9F,MAAM,aAAc;GAElB,AADA,EAAW,GACP,KACF,EAAS,YAAY,EAAI,OAAO,SAAS,IAAI,GAAG,IAAM,GAAM,IAAM,KAAA,GAAW,GAAa,EAAK;EAEnG;CACF,EAAE,GACI,IAA+B;EACnC;GACE,OAAO,CAAI;GACX,MAAM,aAAc;IAElB,IADA,EAAW,GACP,GAAI;KACN,IAAM,IAAc,MAAM,EAAsB,CAAE;KAClD,EAAS,YAAY,EAAI,OAAO,SAAS,IAAI,GAAG,IAAM,GAAa,IAAM,KAAA,GAAW,GAAa,EAAK;IACxG;GACF;EACF;EACA;GACE,OAAO,CAAI;GACX,MAAM,aAAc;IAElB,IADA,EAAW,GACP,GAAI;KACN,IAAM,IAAa,MAAM,EAAqB,CAAE;KAChD,EAAS,YAAY,EAAI,OAAO,SAAS,IAAI,GAAG,IAAM,GAAY,IAAM,KAAA,GAAW,GAAa,EAAK;IACvG;GACF;EACF;EACA,GAAG;EACH;GACE,OAAO,CAAI;GACX,aAAc;IAEZ,IADA,EAAW,GACP,GAAI;KACN,IAAM,IAAO,EAAS,QAAQ,QAAQ,aAAa,OAAO,MAAM;KAChE,AAAI,KACF,EAAS,YAAY,EAAI,OAAO,SAAS,IAAI,GAAG,IAAM,GAAM,IAAM,KAAA,GAAW,GAAa,EAAK;IAEnG;GACF;EACF;EACA;GACE,OAAO,CAAI;GACX,aAAc;IAEZ,IADA,EAAW,GACP,GAAI;KACN,IAAM,IAAO,EAAS,QAAQ,QAAQ,aAAa,OAAO,kBAAkB;KAC5E,AAAI,KACF,EAAS,YAAY,EAAI,OAAO,SAAS,IAAI,GAAG,IAAM,GAAM,IAAM,KAAA,GAAW,GAAa,EAAK;IAEnG;GACF;EACF;CACF;CAEA,EACE,CAAI,kCAAkC,EAAU,yBAChD,CACF;CAEA,IAAM,IAAS,EAAa;CAE5B,IAAI,CAAC,GACH,MAAU,MAAM,yBAAyB;CAU3C,OANI,KAAQ,EAAK,aACf,EAAK,WAAW,aAAa,GAAQ,CAAI,IAEzC,SAAS,KAAK,QAAQ,CAAM,GAGvB;AACT"}

package/dist/mainPage/index.cjs.js

@@ -0,0 +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;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","names":[],"sources":["../../src/mainPage/index.ts"],"sourcesContent":["/*   Main Page\n **\n **  This code is called in mashlib and renders the header and left side menu of the Databrowser.\n */\n\nimport { LiveStore, NamedNode } from 'rdflib'\nimport type { RenderEnvironment } from 'pane-registry'\nimport * as paneRegistry from 'pane-registry'\nimport { getOutliner, OutlineManager } from '../index'\nimport { createHeader } from './header'\nimport { createNavbar } from './navbar'\nimport { getProfilePaneFromURI } from '../utils/paneUtils'\nimport { isWebIdUri } from '../utils/webIdUtils'\n\n// Symbol used to stash the last render-relevant env snapshot on the outliner\n// so refreshUI can skip a full GotoSubject re-render when nothing changed.\nconst LAST_RENDER_ENV_KEY = '__lastRenderEnvSignature'\n\nfunction renderEnvSignature (env?: RenderEnvironment): string {\n  if (!env) return ''\n  return [env.layout, env.theme, env.inputMode].join('|')\n}\n\nfunction ensureMainContent () {\n  let main = document.getElementById('MainContent') as HTMLElement | null\n  if (!main) {\n    main = document.createElement('main')\n    main.id = 'MainContent'\n    main.setAttribute('role', 'main')\n    main.setAttribute('tabindex', '-1')\n    main.setAttribute('aria-live', 'polite')\n    document.body.appendChild(main)\n  }\n  return main\n}\n\nexport async function initMainPage (\n  store: LiveStore,\n  uri?: string | NamedNode | null,\n  environment?: RenderEnvironment\n) {\n  ensureMainContent()\n  const outliner = getOutliner(document, environment)\n  ;(outliner as any)[LAST_RENDER_ENV_KEY] = renderEnvSignature(environment)\n  uri = uri || window.location.href\n  const subject: NamedNode = typeof uri === 'string' ? store.sym(uri) : uri\n  const historyPaneName = window.history.state?.paneName\n  const historyPane = historyPaneName\n    ? paneRegistry.byName(historyPaneName)\n    : undefined\n  const initialPane = historyPane ??\n    (!historyPaneName && isWebIdUri(subject)\n      ? await getProfilePaneFromURI(subject)\n      : undefined)\n\n  outliner.GotoSubject(subject, true, initialPane, true, undefined, undefined, true, false)\n\n  const header = await createHeader(outliner)\n  const navbar = await createNavbar(outliner)\n  return Promise.all([header, navbar])\n}\n\nexport async function refreshUI (outliner: OutlineManager) {\n  const store = outliner?.context?.session?.store\n  const paneRegistry = outliner?.context?.session?.paneRegistry\n  const paneName = window.history.state?.paneName\n  const paneUri = window.history.state?.paneUri\n  // Panes rendered for a subject other than the page URL (storage/profile/social)\n  // must be restored from paneUri, since byName() returns the pane without that subject.\n  const usesOwnSubject = paneName === 'profile' || paneName === 'social' || paneName === 'folder'\n  const subjectUri = paneUri && usesOwnSubject\n    ? paneUri\n    : window.document.location.href\n  const pane = paneName ? paneRegistry?.byName?.(paneName) : undefined\n\n  // Only re-run GotoSubject (full pane re-render) when render-relevant\n  // environment fields actually changed since the last render.\n  const currentSignature = renderEnvSignature(outliner?.context?.environment)\n  const previousSignature = (outliner as any)?.[LAST_RENDER_ENV_KEY] ?? ''\n  const envChanged = currentSignature !== previousSignature\n\n  if (envChanged && store && typeof outliner?.GotoSubject === 'function') {\n    outliner.GotoSubject(store.sym(subjectUri), true, pane, true, undefined, undefined, true, false)\n    ;(outliner as any)[LAST_RENDER_ENV_KEY] = currentSignature\n  }\n}\n"],"mappings":"4QAgBA,IAAM,EAAsB,2BAE5B,SAAS,EAAoB,EAAiC,CAE5D,OADK,EACE,CAAC,EAAI,OAAQ,EAAI,MAAO,EAAI,SAAS,CAAC,CAAC,KAAK,GAAG,EADrC,EAEnB,CAEA,SAAS,GAAqB,CAC5B,IAAI,EAAO,SAAS,eAAe,aAAa,EAShD,OARK,IACH,EAAO,SAAS,cAAc,MAAM,EACpC,EAAK,GAAK,cACV,EAAK,aAAa,OAAQ,MAAM,EAChC,EAAK,aAAa,WAAY,IAAI,EAClC,EAAK,aAAa,YAAa,QAAQ,EACvC,SAAS,KAAK,YAAY,CAAI,GAEzB,CACT,CAEA,eAAsB,EACpB,EACA,EACA,EACA,CACA,EAAkB,EAClB,IAAM,EAAW,EAAA,YAAY,SAAU,CAAW,EACjD,EAAkB,GAAuB,EAAmB,CAAW,EACxE,IAAa,OAAO,SAAS,KAC7B,IAAM,EAAqB,OAAO,GAAQ,SAAW,EAAM,IAAI,CAAG,EAAI,EAChE,EAAkB,OAAO,QAAQ,OAAO,SAIxC,GAHc,EAChB,EAAa,OAAO,CAAe,EACnC,IAAA,MAED,CAAC,GAAmB,EAAA,WAAW,CAAO,EACnC,MAAM,EAAA,sBAAsB,CAAO,EACnC,IAAA,IAEN,EAAS,YAAY,EAAS,GAAM,EAAa,GAAM,IAAA,GAAW,IAAA,GAAW,GAAM,EAAK,EAExF,IAAM,EAAS,MAAM,EAAA,aAAa,CAAQ,EACpC,EAAS,MAAM,EAAA,aAAa,CAAQ,EAC1C,OAAO,QAAQ,IAAI,CAAC,EAAQ,CAAM,CAAC,CACrC,CAEA,eAAsB,EAAW,EAA0B,CACzD,IAAM,EAAQ,GAAU,SAAS,SAAS,MACpC,EAAe,GAAU,SAAS,SAAS,aAC3C,EAAW,OAAO,QAAQ,OAAO,SACjC,EAAU,OAAO,QAAQ,OAAO,QAIhC,EAAa,IADI,IAAa,WAAa,IAAa,UAAY,IAAa,UAEnF,EACA,OAAO,SAAS,SAAS,KACvB,EAAO,EAAW,GAAc,SAAS,CAAQ,EAAI,IAAA,GAIrD,EAAmB,EAAmB,GAAU,SAAS,WAAW,EAEvD,KADQ,IAAmB,IAAwB,KAGpD,GAAS,OAAO,GAAU,aAAgB,aAC1D,EAAS,YAAY,EAAM,IAAI,CAAU,EAAG,GAAM,EAAM,GAAM,IAAA,GAAW,IAAA,GAAW,GAAM,EAAK,EAC9F,EAAkB,GAAuB,EAE9C"}

package/dist/mainPage/index.d.ts

@@ -1,18 +1,6 @@
-import { LiveStore, NamedNode } from 'rdflib';
-import type { RenderEnvironment } from 'pane-registry';
+import { LiveStore, NamedNode } from '../../node_modules/rdflib';
+import { RenderEnvironment } from '../../node_modules/pane-registry';
 import { OutlineManager } from '../index';
-export { refreshMenu as updateMenuLayout } from './menu';
-export { refreshHeader } from './header';
-export declare function initMainPage(store: LiveStore, uri?: string | NamedNode | null, environment?: RenderEnvironment): Promise<[import("solid-ui/components/header").Header & {
-    __solidPanesListenersAttached?: boolean;
-    __solidPanesOutliner?: OutlineManager;
-}, void, HTMLElement & {
-    store?: LiveStore | null;
-    position?: "static" | "absolute" | "relative" | "fixed" | "sticky";
-    top?: string;
-    right?: string;
-    bottom?: string;
-    left?: string;
-}]>;
+export declare function initMainPage(store: LiveStore, uri?: string | NamedNode | null, environment?: RenderEnvironment): Promise<[Element, HTMLElement]>;
 export declare function refreshUI(outliner: OutlineManager): Promise<void>;
 //# sourceMappingURL=index.d.ts.map

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;AACtD,OAAO,EAAe,cAAc,EAAE,MAAM,UAAU,CAAA;AActD,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAexC,wBAAsB,YAAY,CAChC,KAAK,EAAE,SAAS,EAChB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAC/B,WAAW,CAAC,EAAE,iBAAiB;;;;;;;;;;IAahC;AAED,wBAAsB,SAAS,CAAE,QAAQ,EAAE,cAAc,iBAoBxD"}
+{"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"}

package/dist/mainPage/index.esm.js

@@ -0,0 +1,36 @@
+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";
+//#region src/mainPage/index.ts
+var o = "__lastRenderEnvSignature";
+function s(e) {
+	return e ? [
+		e.layout,
+		e.theme,
+		e.inputMode
+	].join("|") : "";
+}
+function c() {
+	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 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);
+}
+//#endregion
+export { l as initMainPage, u as refreshUI };
+
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../src/mainPage/index.ts"],"sourcesContent":["/*   Main Page\n **\n **  This code is called in mashlib and renders the header and left side menu of the Databrowser.\n */\n\nimport { LiveStore, NamedNode } from 'rdflib'\nimport type { RenderEnvironment } from 'pane-registry'\nimport * as paneRegistry from 'pane-registry'\nimport { getOutliner, OutlineManager } from '../index'\nimport { createHeader } from './header'\nimport { createNavbar } from './navbar'\nimport { getProfilePaneFromURI } from '../utils/paneUtils'\nimport { isWebIdUri } from '../utils/webIdUtils'\n\n// Symbol used to stash the last render-relevant env snapshot on the outliner\n// so refreshUI can skip a full GotoSubject re-render when nothing changed.\nconst LAST_RENDER_ENV_KEY = '__lastRenderEnvSignature'\n\nfunction renderEnvSignature (env?: RenderEnvironment): string {\n  if (!env) return ''\n  return [env.layout, env.theme, env.inputMode].join('|')\n}\n\nfunction ensureMainContent () {\n  let main = document.getElementById('MainContent') as HTMLElement | null\n  if (!main) {\n    main = document.createElement('main')\n    main.id = 'MainContent'\n    main.setAttribute('role', 'main')\n    main.setAttribute('tabindex', '-1')\n    main.setAttribute('aria-live', 'polite')\n    document.body.appendChild(main)\n  }\n  return main\n}\n\nexport async function initMainPage (\n  store: LiveStore,\n  uri?: string | NamedNode | null,\n  environment?: RenderEnvironment\n) {\n  ensureMainContent()\n  const outliner = getOutliner(document, environment)\n  ;(outliner as any)[LAST_RENDER_ENV_KEY] = renderEnvSignature(environment)\n  uri = uri || window.location.href\n  const subject: NamedNode = typeof uri === 'string' ? store.sym(uri) : uri\n  const historyPaneName = window.history.state?.paneName\n  const historyPane = historyPaneName\n    ? paneRegistry.byName(historyPaneName)\n    : undefined\n  const initialPane = historyPane ??\n    (!historyPaneName && isWebIdUri(subject)\n      ? await getProfilePaneFromURI(subject)\n      : undefined)\n\n  outliner.GotoSubject(subject, true, initialPane, true, undefined, undefined, true, false)\n\n  const header = await createHeader(outliner)\n  const navbar = await createNavbar(outliner)\n  return Promise.all([header, navbar])\n}\n\nexport async function refreshUI (outliner: OutlineManager) {\n  const store = outliner?.context?.session?.store\n  const paneRegistry = outliner?.context?.session?.paneRegistry\n  const paneName = window.history.state?.paneName\n  const paneUri = window.history.state?.paneUri\n  // Panes rendered for a subject other than the page URL (storage/profile/social)\n  // must be restored from paneUri, since byName() returns the pane without that subject.\n  const usesOwnSubject = paneName === 'profile' || paneName === 'social' || paneName === 'folder'\n  const subjectUri = paneUri && usesOwnSubject\n    ? paneUri\n    : window.document.location.href\n  const pane = paneName ? paneRegistry?.byName?.(paneName) : undefined\n\n  // Only re-run GotoSubject (full pane re-render) when render-relevant\n  // environment fields actually changed since the last render.\n  const currentSignature = renderEnvSignature(outliner?.context?.environment)\n  const previousSignature = (outliner as any)?.[LAST_RENDER_ENV_KEY] ?? ''\n  const envChanged = currentSignature !== previousSignature\n\n  if (envChanged && store && typeof outliner?.GotoSubject === 'function') {\n    outliner.GotoSubject(store.sym(subjectUri), true, pane, true, undefined, undefined, true, false)\n    ;(outliner as any)[LAST_RENDER_ENV_KEY] = currentSignature\n  }\n}\n"],"mappings":";;;;;;;AAgBA,IAAM,IAAsB;AAE5B,SAAS,EAAoB,GAAiC;CAE5D,OADK,IACE;EAAC,EAAI;EAAQ,EAAI;EAAO,EAAI;CAAS,CAAC,CAAC,KAAK,GAAG,IADrC;AAEnB;AAEA,SAAS,IAAqB;CAC5B,IAAI,IAAO,SAAS,eAAe,aAAa;CAShD,OARK,MACH,IAAO,SAAS,cAAc,MAAM,GACpC,EAAK,KAAK,eACV,EAAK,aAAa,QAAQ,MAAM,GAChC,EAAK,aAAa,YAAY,IAAI,GAClC,EAAK,aAAa,aAAa,QAAQ,GACvC,SAAS,KAAK,YAAY,CAAI,IAEzB;AACT;AAEA,eAAsB,EACpB,GACA,GACA,GACA;CACA,EAAkB;CAClB,IAAM,IAAW,EAAY,UAAU,CAAW;CAElD,AADC,EAAkB,KAAuB,EAAmB,CAAW,GACxE,MAAa,OAAO,SAAS;CAC7B,IAAM,IAAqB,OAAO,KAAQ,WAAW,EAAM,IAAI,CAAG,IAAI,GAChE,IAAkB,OAAO,QAAQ,OAAO,UAIxC,KAHc,IAChB,EAAa,OAAO,CAAe,IACnC,KAAA,OAED,CAAC,KAAmB,EAAW,CAAO,IACnC,MAAM,EAAsB,CAAO,IACnC,KAAA;CAEN,EAAS,YAAY,GAAS,IAAM,GAAa,IAAM,KAAA,GAAW,KAAA,GAAW,IAAM,EAAK;CAExF,IAAM,IAAS,MAAM,EAAa,CAAQ,GACpC,IAAS,MAAM,EAAa,CAAQ;CAC1C,OAAO,QAAQ,IAAI,CAAC,GAAQ,CAAM,CAAC;AACrC;AAEA,eAAsB,EAAW,GAA0B;CACzD,IAAM,IAAQ,GAAU,SAAS,SAAS,OACpC,IAAe,GAAU,SAAS,SAAS,cAC3C,IAAW,OAAO,QAAQ,OAAO,UACjC,IAAU,OAAO,QAAQ,OAAO,SAIhC,IAAa,MADI,MAAa,aAAa,MAAa,YAAY,MAAa,YAEnF,IACA,OAAO,SAAS,SAAS,MACvB,IAAO,IAAW,GAAc,SAAS,CAAQ,IAAI,KAAA,GAIrD,IAAmB,EAAmB,GAAU,SAAS,WAAW;CAI1E,AAFmB,OADQ,IAAmB,MAAwB,OAGpD,KAAS,OAAO,GAAU,eAAgB,eAC1D,EAAS,YAAY,EAAM,IAAI,CAAU,GAAG,IAAM,GAAM,IAAM,KAAA,GAAW,KAAA,GAAW,IAAM,EAAK,GAC9F,EAAkB,KAAuB;AAE9C"}

package/dist/mainPage/navbar.cjs.js

@@ -0,0 +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;
+//# sourceMappingURL=navbar.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.cjs.js","names":[],"sources":["../../src/mainPage/navbar.ts"],"sourcesContent":["import { store } from 'solid-logic'\nimport { NamedNode } from 'rdflib'\nimport { getSocialPaneFromURI, getProfilePaneFromURI, getFolderPanesFromURI } from '../utils/paneUtils'\nimport { html, render } from 'lit-html'\nimport type { OutlineManager } from '../outline/manager'\nimport { isWebIdUri, loadProfileFromURI } from '../utils/webIdUtils'\n\nimport '~icons/lucide/user'\nimport '~icons/lucide/users'\nimport '~icons/lucide/folder-open'\nimport '../components/navbar'\n\nimport type { NavbarMenuItem } from '../components/navbar/Navbar'\n\nfunction showNavbar () {\n  const navbar = document.querySelector<HTMLElement>('solid-panes-navbar')\n  if (navbar) {\n    navbar.classList.remove('navbar--hidden')\n  }\n}\n\nfunction createNavItem (\n  label: string,\n  onSelected: () => void,\n  selected = false\n): NavbarMenuItem {\n  return {\n    label,\n    onSelected () {\n      showNavbar()\n      return onSelected()\n    },\n    selected\n  }\n}\n\nasync function createNavbarMenuItems (\n  outliner: OutlineManager,\n  subject: NamedNode,\n  outlineView: HTMLElement | null,\n  selectedPaneName?: string,\n  selectedPaneUri?: string\n): Promise<NavbarMenuItem[]> {\n  const webId = await loadProfileFromURI(subject)\n  const selectedPane = selectedPaneName || (isWebIdUri(subject) ? 'profile' : undefined)\n\n  const menuItems: NavbarMenuItem[] = []\n\n  if (webId) {\n    menuItems.push(\n      createNavItem('Profile', async () => {\n        const profilePane = await getProfilePaneFromURI(webId)\n        outliner.GotoSubject(subject, true, profilePane, true, undefined, outlineView)\n      }, selectedPane === 'profile'),\n      createNavItem('Friends', async () => {\n        const socialPane = await getSocialPaneFromURI(webId)\n        outliner.GotoSubject(subject, true, socialPane, true, undefined, outlineView)\n      }, selectedPane === 'social')\n    )\n  }\n\n  const storagePanes = await getFolderPanesFromURI(subject)\n  storagePanes.forEach(pane => {\n    menuItems.push(\n      createNavItem(\n        pane.label(),\n        async () => {\n          outliner.GotoSubject(subject, true, pane, true, undefined, outlineView)\n        },\n        selectedPane === pane.paneName &&\n          (selectedPaneUri ? selectedPaneUri === pane.subject.value : storagePanes.length === 1)\n      )\n    )\n  })\n\n  return menuItems\n}\n\nexport async function createNavbar (outliner: OutlineManager) {\n  const existingNavbar = document.querySelector<HTMLElement>('solid-panes-navbar')\n\n  if (existingNavbar) {\n    existingNavbar.classList.remove('navbar--hidden')\n    return existingNavbar\n  }\n\n  const OutlineView = document.getElementById('OutlineView')\n  const mainContent = document.getElementById('MainContent')\n  const tmpContainer = document.createElement('div')\n  const uri = window.location.href\n  const subject: NamedNode = typeof uri === 'string' ? store.sym(uri) : uri\n  const selectedPaneName = window.history.state?.paneName\n  const selectedPaneUri = window.history.state?.paneUri\n  let menuItems = await createNavbarMenuItems(outliner, subject, OutlineView, selectedPaneName, selectedPaneUri).catch((err) => {\n    console.error('Failed to build navbar menu items:', err)\n    return []\n  })\n\n  function setSelectedItem (selectedItem: NavbarMenuItem) {\n    menuItems = menuItems.map((menuItem) => ({\n      ...menuItem,\n      selected: menuItem === selectedItem\n    }))\n  }\n\n  function handleSelectionChanged (event: Event) {\n    const { detail: selectedItem } = event as CustomEvent<NavbarMenuItem>\n    setSelectedItem(selectedItem)\n\n    Promise.resolve(selectedItem.onSelected?.()).catch((error) => {\n      console.error('Navbar menu item selection failed:', error)\n    })\n\n    renderNavbar()\n  }\n\n  function renderNavbar () {\n    render(\n      html`<solid-panes-navbar .navbarItems=${menuItems} @solid-ui-select=${handleSelectionChanged}></solid-panes-navbar>`,\n      tmpContainer\n    )\n  }\n\n  renderNavbar()\n\n  const navbar = tmpContainer.firstElementChild as HTMLElement | null\n\n  if (!navbar) {\n    throw new Error('Failed to create nav bar')\n  }\n\n  if (mainContent) {\n    mainContent.insertBefore(navbar, mainContent.firstChild)\n  } else {\n    document.body.prepend(navbar)\n  }\n\n  return navbar\n}\n"],"mappings":"sVAcA,SAAS,GAAc,CACrB,IAAM,EAAS,SAAS,cAA2B,oBAAoB,EACnE,GACF,EAAO,UAAU,OAAO,gBAAgB,CAE5C,CAEA,SAAS,EACP,EACA,EACA,EAAW,GACK,CAChB,MAAO,CACL,QACA,YAAc,CAEZ,OADA,EAAW,EACJ,EAAW,CACpB,EACA,UACF,CACF,CAEA,eAAe,EACb,EACA,EACA,EACA,EACA,EAC2B,CAC3B,IAAM,EAAQ,MAAM,EAAA,mBAAmB,CAAO,EACxC,EAAe,IAAqB,EAAA,WAAW,CAAO,EAAI,UAAY,IAAA,IAEtE,EAA8B,CAAC,EAEjC,GACF,EAAU,KACR,EAAc,UAAW,SAAY,CACnC,IAAM,EAAc,MAAM,EAAA,sBAAsB,CAAK,EACrD,EAAS,YAAY,EAAS,GAAM,EAAa,GAAM,IAAA,GAAW,CAAW,CAC/E,EAAG,IAAiB,SAAS,EAC7B,EAAc,UAAW,SAAY,CACnC,IAAM,EAAa,MAAM,EAAA,qBAAqB,CAAK,EACnD,EAAS,YAAY,EAAS,GAAM,EAAY,GAAM,IAAA,GAAW,CAAW,CAC9E,EAAG,IAAiB,QAAQ,CAC9B,EAGF,IAAM,EAAe,MAAM,EAAA,sBAAsB,CAAO,EAcxD,OAbA,EAAa,QAAQ,GAAQ,CAC3B,EAAU,KACR,EACE,EAAK,MAAM,EACX,SAAY,CACV,EAAS,YAAY,EAAS,GAAM,EAAM,GAAM,IAAA,GAAW,CAAW,CACxE,EACA,IAAiB,EAAK,WACnB,EAAkB,IAAoB,EAAK,QAAQ,MAAQ,EAAa,SAAW,EACxF,CACF,CACF,CAAC,EAEM,CACT,CAEA,eAAsB,EAAc,EAA0B,CAC5D,IAAM,EAAiB,SAAS,cAA2B,oBAAoB,EAE/E,GAAI,EAEF,OADA,EAAe,UAAU,OAAO,gBAAgB,EACzC,EAGT,IAAM,EAAc,SAAS,eAAe,aAAa,EACnD,EAAc,SAAS,eAAe,aAAa,EACnD,EAAe,SAAS,cAAc,KAAK,EAC3C,EAAM,OAAO,SAAS,KACtB,EAAqB,OAAO,GAAQ,SAAW,EAAA,MAAM,IAAI,CAAG,EAAI,EAChE,EAAmB,OAAO,QAAQ,OAAO,SACzC,EAAkB,OAAO,QAAQ,OAAO,QAC1C,EAAY,MAAM,EAAsB,EAAU,EAAS,EAAa,EAAkB,CAAe,CAAC,CAAC,MAAO,IACpH,QAAQ,MAAM,qCAAsC,CAAG,EAChD,CAAC,EACT,EAED,SAAS,EAAiB,EAA8B,CACtD,EAAY,EAAU,IAAK,IAAc,CACvC,GAAG,EACH,SAAU,IAAa,CACzB,EAAE,CACJ,CAEA,SAAS,EAAwB,EAAc,CAC7C,GAAM,CAAE,OAAQ,GAAiB,EACjC,EAAgB,CAAY,EAE5B,QAAQ,QAAQ,EAAa,aAAa,CAAC,CAAC,CAAC,MAAO,GAAU,CAC5D,QAAQ,MAAM,qCAAsC,CAAK,CAC3D,CAAC,EAED,EAAa,CACf,CAEA,SAAS,GAAgB,EACvB,EAAA,EAAA,OAAA,CACE,EAAA,IAAI,oCAAoC,EAAU,oBAAoB,EAAuB,wBAC7F,CACF,CACF,CAEA,EAAa,EAEb,IAAM,EAAS,EAAa,kBAE5B,GAAI,CAAC,EACH,MAAU,MAAM,0BAA0B,EAS5C,OANI,EACF,EAAY,aAAa,EAAQ,EAAY,UAAU,EAEvD,SAAS,KAAK,QAAQ,CAAM,EAGvB,CACT"}

package/dist/mainPage/navbar.d.ts

@@ -0,0 +1,3 @@
+import { OutlineManager } from '../outline/manager';
+export declare function createNavbar(outliner: OutlineManager): Promise<HTMLElement>;
+//# sourceMappingURL=navbar.d.ts.map

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

@@ -0,0 +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"}

package/dist/mainPage/navbar.esm.js

@@ -0,0 +1,66 @@
+import { isWebIdUri as e, loadProfileFromURI as t } from "../utils/webIdUtils.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";
+//#region src/mainPage/navbar.ts
+function c() {
+	let e = document.querySelector("solid-panes-navbar");
+	e && e.classList.remove("navbar--hidden");
+}
+function l(e, t, n = !1) {
+	return {
+		label: e,
+		onSelected() {
+			return c(), t();
+		},
+		selected: n
+	};
+}
+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;
+}
+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) => ({
+			...t,
+			selected: t === e
+		}));
+	}
+	function h(e) {
+		let { detail: t } = e;
+		m(t), Promise.resolve(t.onSelected?.()).catch((e) => {
+			console.error("Navbar menu item selection failed:", e);
+		}), g();
+	}
+	function g() {
+		s(o`<solid-panes-navbar .navbarItems=${p} @solid-ui-select=${h}></solid-panes-navbar>`, i);
+	}
+	g();
+	let _ = i.firstElementChild;
+	if (!_) throw Error("Failed to create nav bar");
+	return r ? r.insertBefore(_, r.firstChild) : document.body.prepend(_), _;
+}
+//#endregion
+export { d as createNavbar };
+
+//# sourceMappingURL=navbar.esm.js.map

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

@@ -0,0 +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"}

package/dist/n3Pane.d.ts

@@ -1,6 +1,5 @@
-import type { DataBrowserContext } from 'pane-registry';
-import type { NamedNode } from 'rdflib';
-import './n3Pane.css';
+import { DataBrowserContext } from '../node_modules/pane-registry';
+import { NamedNode } from '../node_modules/rdflib';
 type N3PaneLike = {
     icon: string;
     name: string;

package/dist/n3Pane2.cjs.js

@@ -0,0 +1,3 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.n3-pane{border-top:solid 1px var(--color-data-pane-border-top,black);border-left:solid 1px var(--color-data-pane-border-top,black);border-bottom:solid 1px var(--color-data-pane-border-side,#777);border-right:solid 1px var(--color-data-pane-border-side,#777);width:100%;min-width:0;color:var(--color-text-blue,#004);box-sizing:border-box;padding:1rem}.n3-pane__source{box-sizing:border-box;white-space:pre;min-width:0;max-width:100%;margin:0;font-family:monospace;font-size:120%;overflow-x:auto}.n3-pane__line{white-space:pre}.n3-pane[data-layout=mobile] .n3-pane__source{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.n3-pane[data-layout=mobile] .n3-pane__line{white-space:pre-wrap;padding-left:var(--n3-indent,0);text-indent:calc(-1 * var(--n3-indent,0))}@media (width<=576px){.n3-pane__source{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.n3-pane__line{white-space:pre-wrap;padding-left:var(--n3-indent,0);text-indent:calc(-1 * var(--n3-indent,0))}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();const e=require("./_virtual/_rolldown/runtime.cjs.js");;let t=require("solid-ui");t=e.__toESM(t);let n=require("rdflib");n=e.__toESM(n);var r=t.ns;function i(e){if(e.trim().length===0)return 0;let t=0;for(let n of e){if(n===` `){t+=1;continue}if(n===`	`){t+=2;continue}break}return Math.max(t,2)}var a={icon:t.icons.originalIconBase+`w3c/n3_smaller.png`,name:`n3`,audience:[r.solid(`Developer`)],label:function(e,t){let n=t.session.store;if(`http://www.w3.org/2007/ont/link#ProtocolEvent`in n.findTypeURIs(e))return null;let r=n.statementsMatching(void 0,void 0,void 0,e).length;return r===0?null:`Data (`+r+`) as N3`},render:function(e,t){let r=t.dom,a=t.session.store;function o(e){let n=t.environment??{};e.dataset.layout=n.layout??`desktop`}let s=r.createElement(`div`);s.setAttribute(`class`,`n3-pane`),o(s);let c=a.statementsMatching(void 0,void 0,void 0,e),l=n.Serializer(a);l.suggestNamespaces(a.namespaces),l.setBase(e.uri);let u=l.statementsToN3(c),d=r.createElement(`div`);return d.classList.add(`n3-pane__source`),u.split(`
+`).forEach(e=>{let t=r.createElement(`div`),n=i(e);t.classList.add(`n3-pane__line`),t.style.setProperty(`--n3-indent`,`${n}ch`),t.textContent=e.length>0?e:` `,d.appendChild(t)}),s.appendChild(d),s}};exports.n3Pane=a;
+//# sourceMappingURL=n3Pane2.cjs.js.map

package/dist/n3Pane2.cjs.js.map

@@ -0,0 +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, RenderEnvironment } from 'pane-registry'\nimport type { NamedNode, Statement } from 'rdflib'\nimport './n3Pane.css'\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\nfunction leadingIndentWidth (line: string): number {\n  if (line.trim().length === 0) {\n    return 0\n  }\n\n  let width = 0\n  for (const character of line) {\n    if (character === ' ') {\n      width += 1\n      continue\n    }\n    if (character === '\\t') {\n      width += 2\n      continue\n    }\n    break\n  }\n  return Math.max(width, 2)\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    function applyEnvironmentAttributes (element: HTMLDivElement): void {\n      const environment = (context.environment ?? {}) as Partial<RenderEnvironment>\n      element.dataset.layout = environment.layout ?? 'desktop'\n    }\n\n    const div = myDocument.createElement('div')\n    div.setAttribute('class', 'n3-pane')\n    applyEnvironmentAttributes(div)\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 sts = kb.statementsMatching(\n      undefined,\n      undefined,\n      undefined,\n      subject\n    ) as Statement[] // @@ slow with current store!\n    /*\n    var kludge = kb.formula([]) // No features\n    for (var i=0; i< sts.length; i++) {\n        s = sts[i]\n        kludge.add(s.subject, s.predicate, s.object)\n    }\n    */\n    const sz = $rdf.Serializer(kb)\n    sz.suggestNamespaces(kb.namespaces)\n    sz.setBase(subject.uri)\n    const str = sz.statementsToN3(sts)\n    const source = myDocument.createElement('div')\n    source.classList.add('n3-pane__source')\n\n    str.split('\\n').forEach(line => {\n      const lineElement = myDocument.createElement('div')\n      const indentWidth = leadingIndentWidth(line)\n      lineElement.classList.add('n3-pane__line')\n      lineElement.style.setProperty('--n3-indent', `${indentWidth}ch`)\n      lineElement.textContent = line.length > 0 ? line : ' '\n      source.appendChild(lineElement)\n    })\n\n    div.appendChild(source)\n    return div\n  }\n}\n"],"mappings":"kKAYA,IAAM,EAAK,EAAG,GAUd,SAAS,EAAoB,EAAsB,CACjD,GAAI,EAAK,KAAK,CAAC,CAAC,SAAW,EACzB,MAAO,GAGT,IAAI,EAAQ,EACZ,IAAK,IAAM,KAAa,EAAM,CAC5B,GAAI,IAAc,IAAK,CACrB,GAAS,EACT,QACF,CACA,GAAI,IAAc,IAAM,CACtB,GAAS,EACT,QACF,CACA,KACF,CACA,OAAO,KAAK,IAAI,EAAO,CAAC,CAC1B,CAEA,IAAa,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,MAE3B,SAAS,EAA4B,EAA+B,CAClE,IAAM,EAAe,EAAQ,aAAe,CAAC,EAC7C,EAAQ,QAAQ,OAAS,EAAY,QAAU,SACjD,CAEA,IAAM,EAAM,EAAW,cAAc,KAAK,EAC1C,EAAI,aAAa,QAAS,SAAS,EACnC,EAA2B,CAAG,EAI9B,IAAM,EAAM,EAAG,mBACb,IAAA,GACA,IAAA,GACA,IAAA,GACA,CACF,EAQM,EAAK,EAAK,WAAW,CAAE,EAC7B,EAAG,kBAAkB,EAAG,UAAU,EAClC,EAAG,QAAQ,EAAQ,GAAG,EACtB,IAAM,EAAM,EAAG,eAAe,CAAG,EAC3B,EAAS,EAAW,cAAc,KAAK,EAa7C,OAZA,EAAO,UAAU,IAAI,iBAAiB,EAEtC,EAAI,MAAM;CAAI,CAAC,CAAC,QAAQ,GAAQ,CAC9B,IAAM,EAAc,EAAW,cAAc,KAAK,EAC5C,EAAc,EAAmB,CAAI,EAC3C,EAAY,UAAU,IAAI,eAAe,EACzC,EAAY,MAAM,YAAY,cAAe,GAAG,EAAY,GAAG,EAC/D,EAAY,YAAc,EAAK,OAAS,EAAI,EAAO,IACnD,EAAO,YAAY,CAAW,CAChC,CAAC,EAED,EAAI,YAAY,CAAM,EACf,CACT,CACF"}

package/dist/n3Pane2.esm.js

@@ -0,0 +1,52 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.n3-pane{border-top:solid 1px var(--color-data-pane-border-top,black);border-left:solid 1px var(--color-data-pane-border-top,black);border-bottom:solid 1px var(--color-data-pane-border-side,#777);border-right:solid 1px var(--color-data-pane-border-side,#777);width:100%;min-width:0;color:var(--color-text-blue,#004);box-sizing:border-box;padding:1rem}.n3-pane__source{box-sizing:border-box;white-space:pre;min-width:0;max-width:100%;margin:0;font-family:monospace;font-size:120%;overflow-x:auto}.n3-pane__line{white-space:pre}.n3-pane[data-layout=mobile] .n3-pane__source{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.n3-pane[data-layout=mobile] .n3-pane__line{white-space:pre-wrap;padding-left:var(--n3-indent,0);text-indent:calc(-1 * var(--n3-indent,0))}@media (width<=576px){.n3-pane__source{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.n3-pane__line{white-space:pre-wrap;padding-left:var(--n3-indent,0);text-indent:calc(-1 * var(--n3-indent,0))}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+import * as e from "solid-ui";
+import * as t from "rdflib";
+//#region src/n3Pane.ts
+var n = e.ns;
+function r(e) {
+	if (e.trim().length === 0) return 0;
+	let t = 0;
+	for (let n of e) {
+		if (n === " ") {
+			t += 1;
+			continue;
+		}
+		if (n === "	") {
+			t += 2;
+			continue;
+		}
+		break;
+	}
+	return Math.max(t, 2);
+}
+var i = {
+	icon: e.icons.originalIconBase + "w3c/n3_smaller.png",
+	name: "n3",
+	audience: [n.solid("Developer")],
+	label: function(e, t) {
+		let n = t.session.store;
+		if ("http://www.w3.org/2007/ont/link#ProtocolEvent" in n.findTypeURIs(e)) return null;
+		let r = n.statementsMatching(void 0, void 0, void 0, e).length;
+		return r === 0 ? null : "Data (" + r + ") as N3";
+	},
+	render: function(e, n) {
+		let i = n.dom, a = n.session.store;
+		function o(e) {
+			let t = n.environment ?? {};
+			e.dataset.layout = t.layout ?? "desktop";
+		}
+		let s = i.createElement("div");
+		s.setAttribute("class", "n3-pane"), o(s);
+		let c = a.statementsMatching(void 0, void 0, void 0, e), l = t.Serializer(a);
+		l.suggestNamespaces(a.namespaces), l.setBase(e.uri);
+		let u = l.statementsToN3(c), d = i.createElement("div");
+		return d.classList.add("n3-pane__source"), u.split("\n").forEach((e) => {
+			let t = i.createElement("div"), n = r(e);
+			t.classList.add("n3-pane__line"), t.style.setProperty("--n3-indent", `${n}ch`), t.textContent = e.length > 0 ? e : " ", d.appendChild(t);
+		}), s.appendChild(d), s;
+	}
+};
+//#endregion
+export { i as n3Pane };
+
+//# sourceMappingURL=n3Pane2.esm.js.map

package/dist/n3Pane2.esm.js.map

@@ -0,0 +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, RenderEnvironment } from 'pane-registry'\nimport type { NamedNode, Statement } from 'rdflib'\nimport './n3Pane.css'\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\nfunction leadingIndentWidth (line: string): number {\n  if (line.trim().length === 0) {\n    return 0\n  }\n\n  let width = 0\n  for (const character of line) {\n    if (character === ' ') {\n      width += 1\n      continue\n    }\n    if (character === '\\t') {\n      width += 2\n      continue\n    }\n    break\n  }\n  return Math.max(width, 2)\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    function applyEnvironmentAttributes (element: HTMLDivElement): void {\n      const environment = (context.environment ?? {}) as Partial<RenderEnvironment>\n      element.dataset.layout = environment.layout ?? 'desktop'\n    }\n\n    const div = myDocument.createElement('div')\n    div.setAttribute('class', 'n3-pane')\n    applyEnvironmentAttributes(div)\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 sts = kb.statementsMatching(\n      undefined,\n      undefined,\n      undefined,\n      subject\n    ) as Statement[] // @@ slow with current store!\n    /*\n    var kludge = kb.formula([]) // No features\n    for (var i=0; i< sts.length; i++) {\n        s = sts[i]\n        kludge.add(s.subject, s.predicate, s.object)\n    }\n    */\n    const sz = $rdf.Serializer(kb)\n    sz.suggestNamespaces(kb.namespaces)\n    sz.setBase(subject.uri)\n    const str = sz.statementsToN3(sts)\n    const source = myDocument.createElement('div')\n    source.classList.add('n3-pane__source')\n\n    str.split('\\n').forEach(line => {\n      const lineElement = myDocument.createElement('div')\n      const indentWidth = leadingIndentWidth(line)\n      lineElement.classList.add('n3-pane__line')\n      lineElement.style.setProperty('--n3-indent', `${indentWidth}ch`)\n      lineElement.textContent = line.length > 0 ? line : ' '\n      source.appendChild(lineElement)\n    })\n\n    div.appendChild(source)\n    return div\n  }\n}\n"],"mappings":";;;;AAYA,IAAM,IAAK,EAAG;AAUd,SAAS,EAAoB,GAAsB;CACjD,IAAI,EAAK,KAAK,CAAC,CAAC,WAAW,GACzB,OAAO;CAGT,IAAI,IAAQ;CACZ,KAAK,IAAM,KAAa,GAAM;EAC5B,IAAI,MAAc,KAAK;GACrB,KAAS;GACT;EACF;EACA,IAAI,MAAc,KAAM;GACtB,KAAS;GACT;EACF;EACA;CACF;CACA,OAAO,KAAK,IAAI,GAAO,CAAC;AAC1B;AAEA,IAAa,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;EAE3B,SAAS,EAA4B,GAA+B;GAClE,IAAM,IAAe,EAAQ,eAAe,CAAC;GAC7C,EAAQ,QAAQ,SAAS,EAAY,UAAU;EACjD;EAEA,IAAM,IAAM,EAAW,cAAc,KAAK;EAE1C,AADA,EAAI,aAAa,SAAS,SAAS,GACnC,EAA2B,CAAG;EAI9B,IAAM,IAAM,EAAG,mBACb,KAAA,GACA,KAAA,GACA,KAAA,GACA,CACF,GAQM,IAAK,EAAK,WAAW,CAAE;EAE7B,AADA,EAAG,kBAAkB,EAAG,UAAU,GAClC,EAAG,QAAQ,EAAQ,GAAG;EACtB,IAAM,IAAM,EAAG,eAAe,CAAG,GAC3B,IAAS,EAAW,cAAc,KAAK;EAa7C,OAZA,EAAO,UAAU,IAAI,iBAAiB,GAEtC,EAAI,MAAM,IAAI,CAAC,CAAC,SAAQ,MAAQ;GAC9B,IAAM,IAAc,EAAW,cAAc,KAAK,GAC5C,IAAc,EAAmB,CAAI;GAI3C,AAHA,EAAY,UAAU,IAAI,eAAe,GACzC,EAAY,MAAM,YAAY,eAAe,GAAG,EAAY,GAAG,GAC/D,EAAY,cAAc,EAAK,SAAS,IAAI,IAAO,KACnD,EAAO,YAAY,CAAW;EAChC,CAAC,GAED,EAAI,YAAY,CAAM,GACf;CACT;AACF"}

package/dist/outline/context.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../index.cjs.js");function t(t,n,r,i,a){return{dom:t,getOutliner:e.getOutliner,session:{paneRegistry:n,store:r,logic:i},environment:a}}exports.createContext=t;
+//# sourceMappingURL=context.cjs.js.map

package/dist/outline/context.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs.js","names":[],"sources":["../../src/outline/context.ts"],"sourcesContent":["import { DataBrowserContext, PaneRegistry, RenderEnvironment } from 'pane-registry'\nimport { getOutliner } from '../index'\nimport { SolidLogic } from 'solid-logic'\nimport { LiveStore } from 'rdflib'\n\nexport function createContext (\n  dom: HTMLDocument,\n  paneRegistry: PaneRegistry,\n  store: LiveStore,\n  logic: SolidLogic,\n  environment?: RenderEnvironment\n): DataBrowserContext {\n  return {\n    dom,\n    getOutliner,\n    session: {\n      paneRegistry,\n      // @ts-ignore\n      store,\n      // @ts-ignore\n      logic\n    },\n    environment\n  }\n}\n"],"mappings":"mCAKA,SAAgB,EACd,EACA,EACA,EACA,EACA,EACoB,CACpB,MAAO,CACL,MACA,YAAA,EAAA,YACA,QAAS,CACP,eAEA,QAEA,OACF,EACA,aACF,CACF"}