solid-panes 4.2.6 → 4.4.1-test.0

package/README.md

@@ -1,5 +1,4 @@
 # solid-panes
-
 A set of core solid-compatible applets based on solid-ui
 
 These are a set of interlinked applications, or parts of applications,
@@ -78,3 +77,48 @@ contacts (A VCARD Address Book, Group, Individual, Organization) can be handled
 pane. Any other pane which wants to deal with contacts can just use the pane within its own user interface.
 
 ![Mapping many classes on the L to panes on the R](https://solidos.github.io/solid-panes/doc/images/panes-for-classes.svg)
+
+
+## Generative AI usage
+The SolidOS team is using GitHub Copilot integrated in Visual Studio Code. 
+We have added comments in the code to make it explicit which parts are 100% written by AI. 
+
+### Prompt usage hitory:
+* Model Claude Opus 4.6: Initially solid-panes is loaded into an HTML shell form mashlib that looks like ... Also, an iFrame is rendered inside the `<div class="TabulatorOutline" id="DummyUUID">` for “isolated pane rendering”. Analyze the solid-panes code for what it uses from this HTML and suggest a new HTML structure which is mobile and accessibility friendly. Let's go ahead and make changes in this code as suggested to accommodate the new databrowser HTML.
+
+* Raptor mini: take a look at how I wired the environment from mashlib into solid-panes. It is not quite right, can you suggest fixes?
+
+* Raptor mini: Update the code to use the new solid-ui-header component. Keep in mind the log in and sign up are wired in specific ways.
+
+* Auto: change the menu to fill up the menu items like in the code: async function getMenuItems (outliner: any) {
+const items = await outliner.getDashboardItems()
+return items.map((element) => {
+return {
+label: element.label,
+onclick: () => openDashboardPane(outliner, element.tabName || element.paneName)
+}
+})
+}
+
+* Auto: each #sym:MenuItem has an icon which i want displayed on the left side of each menu item when rendered
+
+* Auto: don't add each menu item in a button looking border. Simply list them.
+Upon hover apply background color e6dcff and selected or active to be background color: cbb9ff
+
+* Raptor mini: the menu dissapears when on mobile. That is great.
+I want the menu to have a tiny button on the bottom margin left with an arrow to the left or right for expanding the menu or for making it small. This is only for web. When we make it small it folds and only displays the icons of teh menu items, when it is expanded it should also add the labels to the menu items.
+
+* Raptor mini: i want to imporve the left side menu on mobile. When the menu is visible it should be higher, the top part should be on top of the header, folding out and in with the rest of the menu. It should have an x close button and it should say menu. The locor of that top line of the header should be the color of the header 332746
+
+* Raptor mini: the menu, on desktop, has a button to fold in or out. I want the same behavior to occur also when i simply click the folded in menu: it should expend. Not just when i click the dedicated button
+
+* Raprot mini: instead of this code (index.ts of footer), I want to make use of a new footer web component with the readme: # solid-ui-footer component
+
+* Raptor mini: The footer created should actually be part of the left side menu only. Should be displayed inside it and should collaps and expand as the menu.
+
+* Raptor mini: the footer should completely dissapear when menu folded up.
+
+* Raptor mini: Please always keep the footer at the bottom of the menu
+
+* GPT-5.4 Model: Add a compatibility shim in the form pane for mixed `ui:Group` plus field typing.
+

package/dist/0314353e28ce6e5539af.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+  viewBox="0 0 20 20" 
+  fill="none"
+  >
+  <path d="M13.3327 17.5V15.8333C13.3327 14.9493 12.9815 14.1014 12.3564 13.4763C11.7313 12.8512 10.8834 12.5 9.99935 12.5H4.99935C4.11529 12.5 3.26745 12.8512 2.64233 13.4763C2.01721 14.1014 1.66602 14.9493 1.66602 15.8333V17.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M13.334 2.60669C14.0488 2.792 14.6818 3.20941 15.1337 3.79341C15.5856 4.37741 15.8308 5.09493 15.8308 5.83336C15.8308 6.57178 15.5856 7.28931 15.1337 7.8733C14.6818 8.4573 14.0488 8.87471 13.334 9.06002" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M18.334 17.5001V15.8334C18.3334 15.0948 18.0876 14.3774 17.6351 13.7937C17.1826 13.2099 16.5491 12.793 15.834 12.6084" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M7.49935 9.16667C9.3403 9.16667 10.8327 7.67428 10.8327 5.83333C10.8327 3.99238 9.3403 2.5 7.49935 2.5C5.6584 2.5 4.16602 3.99238 4.16602 5.83333C4.16602 7.67428 5.6584 9.16667 7.49935 9.16667Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/4cceba29ab33b1ddd9bb.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"  
+    viewBox="0 0 16 16" 
+    fill="none"
+  >
+    <path d="M13.334 13.3333C13.6876 13.3333 14.0267 13.1929 14.2768 12.9428C14.5268 12.6928 14.6673 12.3536 14.6673 12V5.33333C14.6673 4.97971 14.5268 4.64057 14.2768 4.39052C14.0267 4.14048 13.6876 4 13.334 4H8.06732C7.84433 4.00219 7.62435 3.94841 7.42752 3.84359C7.23069 3.73877 7.06329 3.58625 6.94065 3.4L6.40065 2.6C6.27924 2.41565 6.11397 2.26432 5.91965 2.1596C5.72533 2.05488 5.50806 2.00004 5.28732 2H2.66732C2.3137 2 1.97456 2.14048 1.72451 2.39052C1.47446 2.64057 1.33398 2.97971 1.33398 3.33333V12C1.33398 12.3536 1.47446 12.6928 1.72451 12.9428C1.97456 13.1929 2.3137 13.3333 2.66732 13.3333H13.334Z" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>

package/dist/7b7538c6f6b317968009.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+    viewBox="0 0 20 20" 
+    fill="none"
+  >
+    <path d="M7.5 2.5H3.33333C2.8731 2.5 2.5 2.8731 2.5 3.33333V9.16667C2.5 9.6269 2.8731 10 3.33333 10H7.5C7.96024 10 8.33333 9.6269 8.33333 9.16667V3.33333C8.33333 2.8731 7.96024 2.5 7.5 2.5Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16.666 2.5H12.4993C12.0391 2.5 11.666 2.8731 11.666 3.33333V5.83333C11.666 6.29357 12.0391 6.66667 12.4993 6.66667H16.666C17.1263 6.66667 17.4993 6.29357 17.4993 5.83333V3.33333C17.4993 2.8731 17.1263 2.5 16.666 2.5Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16.666 10H12.4993C12.0391 10 11.666 10.3731 11.666 10.8333V16.6667C11.666 17.1269 12.0391 17.5 12.4993 17.5H16.666C17.1263 17.5 17.4993 17.1269 17.4993 16.6667V10.8333C17.4993 10.3731 17.1263 10 16.666 10Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7.5 13.3333H3.33333C2.8731 13.3333 2.5 13.7063 2.5 14.1666V16.6666C2.5 17.1268 2.8731 17.4999 3.33333 17.4999H7.5C7.96024 17.4999 8.33333 17.1268 8.33333 16.6666V14.1666C8.33333 13.7063 7.96024 13.3333 7.5 13.3333Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/92d03142abe6efc0b42d.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+      viewBox="0 0 20 20" 
+      fill="none"
+    >
+    <path d="M13.0151 9.27363C14.2948 8.34031 15.1282 6.82984 15.1282 5.1282C15.1282 2.30051 12.8277 0 9.99998 0C7.17228 0 4.87177 2.30051 4.87177 5.1282C4.87177 6.82984 5.70509 8.34031 6.98486 9.27363C3.80361 10.491 1.53845 13.5754 1.53845 17.1795C1.53845 18.7347 2.80373 20 4.35896 20H15.641C17.1962 20 18.4615 18.7347 18.4615 17.1795C18.4615 13.5754 16.1963 10.491 13.0151 9.27363ZM6.41025 5.1282C6.41025 3.14883 8.0206 1.53848 9.99998 1.53848C11.9794 1.53848 13.5897 3.14883 13.5897 5.1282C13.5897 7.10758 11.9794 8.71797 9.99998 8.71797C8.0206 8.71797 6.41025 7.10758 6.41025 5.1282ZM15.641 18.4615H4.35896C3.65205 18.4615 3.07693 17.8864 3.07693 17.1795C3.07693 13.362 6.18255 10.2564 10 10.2564C13.8175 10.2564 16.9231 13.362 16.9231 17.1795C16.9231 17.8864 16.3479 18.4615 15.641 18.4615Z" fill="currentColor"/>
+  </svg>

package/dist/RDFXMLPane.css

@@ -0,0 +1,70 @@
+.rdfxml-pane {
+	padding: 1rem;
+	border-top: solid 2px var(--color-data-pane-border-top, black);
+	border-left: solid 2px var(--color-data-pane-border-top, black);
+	border-bottom: solid 2px var(--color-data-pane-border-side, #777);
+	border-right: solid 2px var(--color-data-pane-border-side, #777);
+	color: var(--color-text-brown, #440);
+	box-sizing: border-box;
+}
+
+.rdfxml-pane__source {
+	overflow-x: auto;
+	max-width: 100%;
+	box-sizing: border-box;
+	font-family: monospace;
+	font-size: 120%;
+	margin: 0;
+	white-space: pre;
+}
+
+.rdfxml-pane__line {
+	display: grid;
+	grid-template-columns: var(--rdfxml-indent, 0) minmax(max-content, auto);
+	align-items: start;
+}
+
+.rdfxml-pane__line-indent {
+	display: block;
+	width: var(--rdfxml-indent, 0);
+}
+
+.rdfxml-pane__line-content {
+	white-space: pre;
+}
+
+.rdfxml-pane[data-layout='mobile'] .rdfxml-pane__source {
+	overflow-wrap: anywhere;
+	word-break: break-word;
+	white-space: normal;
+}
+
+.rdfxml-pane[data-layout='mobile'] .rdfxml-pane__line {
+	grid-template-columns: var(--rdfxml-indent, 0) minmax(0, 1fr);
+}
+
+.rdfxml-pane[data-layout='mobile'] .rdfxml-pane__line-content {
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
+	word-break: break-word;
+	min-width: 0;
+}
+
+@media (max-width: 576px) {
+	.rdfxml-pane__source {
+		overflow-wrap: anywhere;
+		word-break: break-word;
+		white-space: normal;
+	}
+
+	.rdfxml-pane__line {
+		grid-template-columns: var(--rdfxml-indent, 0) minmax(0, 1fr);
+	}
+
+	.rdfxml-pane__line-content {
+		white-space: pre-wrap;
+		overflow-wrap: anywhere;
+		word-break: break-word;
+		min-width: 0;
+	}
+}

package/dist/RDFXMLPane.d.ts

@@ -0,0 +1,13 @@
+import type { DataBrowserContext } from 'pane-registry';
+import type { NamedNode } from 'rdflib';
+import './RDFXMLPane.css';
+type RDFXMLPaneDefinition = {
+    icon: string;
+    name: string;
+    audience: NamedNode[];
+    label: (subject: NamedNode, context: DataBrowserContext) => string | null;
+    render: (subject: NamedNode, context: DataBrowserContext) => HTMLDivElement;
+};
+export declare const RDFXMLPane: RDFXMLPaneDefinition;
+export {};
+//# sourceMappingURL=RDFXMLPane.d.ts.map

package/dist/RDFXMLPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RDFXMLPane.d.ts","sourceRoot":"","sources":["../src/RDFXMLPane.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAqB,MAAM,eAAe,CAAA;AAC1E,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,QAAQ,CAAA;AAClD,OAAO,kBAAkB,CAAA;AAIzB,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,SAAS,EAAE,CAAA;IACrB,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,KAAK,MAAM,GAAG,IAAI,CAAA;IACzE,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,KAAK,cAAc,CAAA;CAC5E,CAAA;AA0BD,eAAO,MAAM,UAAU,EAAE,oBAmFxB,CAAA"}

package/dist/RDFXMLPane.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.RDFXMLPane = void 0;
 var UI = _interopRequireWildcard(require("solid-ui"));
 var $rdf = _interopRequireWildcard(require("rdflib"));
+require("./RDFXMLPane.css");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /*      RDF/XML content Pane
  **
@@ -15,6 +16,27 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  */
 
 const ns = UI.ns;
+function leadingIndentWidth(line) {
+  if (line.trim().length === 0) {
+    return 0;
+  }
+  let width = 0;
+  for (const character of line) {
+    if (character === ' ') {
+      width += 1;
+      continue;
+    }
+    if (character === '\t') {
+      width += 2;
+      continue;
+    }
+    break;
+  }
+  return Math.max(width, 2);
+}
+function trimLeadingIndent(line) {
+  return line.replace(/^[ \t]+/, '');
+}
 const RDFXMLPane = exports.RDFXMLPane = {
   icon: UI.icons.originalIconBase + '22-text-xml4.png',
   name: 'RDFXML',
@@ -31,8 +53,13 @@ const RDFXMLPane = exports.RDFXMLPane = {
   render: function (subject, context) {
     const myDocument = context.dom;
     const kb = context.session.store;
+    function applyEnvironmentAttributes(element) {
+      const environment = context.environment ?? {};
+      element.dataset.layout = environment.layout ?? 'desktop';
+    }
     const div = myDocument.createElement('div');
-    div.setAttribute('class', 'RDFXMLPane');
+    div.setAttribute('class', 'rdfxml-pane');
+    applyEnvironmentAttributes(div);
     // Because of smushing etc, this will not be a copy of the original source
     // We could instead either fetch and re-parse the source,
     // or we could keep all the pre-smushed triples.
@@ -48,9 +75,24 @@ const RDFXMLPane = exports.RDFXMLPane = {
     sz.suggestNamespaces(kb.namespaces);
     sz.setBase(subject.uri);
     const str = sz.statementsToXML(sts);
-    const pre = myDocument.createElement('PRE');
-    pre.appendChild(myDocument.createTextNode(str));
-    div.appendChild(pre);
+    const source = myDocument.createElement('div');
+    source.classList.add('rdfxml-pane__source');
+    str.split('\n').forEach(line => {
+      const lineElement = myDocument.createElement('div');
+      const indentElement = myDocument.createElement('span');
+      const contentElement = myDocument.createElement('span');
+      const indentWidth = leadingIndentWidth(line);
+      lineElement.classList.add('rdfxml-pane__line');
+      lineElement.style.setProperty('--rdfxml-indent', `${indentWidth}ch`);
+      indentElement.classList.add('rdfxml-pane__line-indent');
+      indentElement.setAttribute('aria-hidden', 'true');
+      contentElement.classList.add('rdfxml-pane__line-content');
+      contentElement.textContent = line.length > 0 ? trimLeadingIndent(line) : ' ';
+      lineElement.appendChild(indentElement);
+      lineElement.appendChild(contentElement);
+      source.appendChild(lineElement);
+    });
+    div.appendChild(source);
     return div;
   }
 };

package/dist/dashboard/basicPreferences.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basicPreferences.d.ts","sourceRoot":"","sources":["../../src/dashboard/basicPreferences.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAM9C,eAAO,MAAM,oBAAoB,EAAE,cA6ElC,CAAA;AAoBD,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"basicPreferences.d.ts","sourceRoot":"","sources":["../../src/dashboard/basicPreferences.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAM9C,eAAO,MAAM,oBAAoB,EAAE,cA8ElC,CAAA;AAoBD,eAAe,oBAAoB,CAAA"}

package/dist/dashboard/basicPreferences.js

@@ -20,6 +20,7 @@ const basicPreferencesPane = exports.basicPreferencesPane = {
   // The subject should be the logged in user.
   render: (subject, context) => {
     const dom = context.dom;
+    // @ts-ignore
     const store = context.session.store;
     function complainIfBad(ok, mess) {
       if (ok) return;

package/dist/dashboard/dashboardPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboardPane.d.ts","sourceRoot":"","sources":["../../src/dashboard/dashboardPane.ts"],"names":[],"mappings":"AAIA,OAAO,EAAsB,cAAc,EAAE,MAAM,eAAe,CAAA;AAElE,eAAO,MAAM,aAAa,EAAE,cAoC3B,CAAA;AAuCD,eAAe,aAAa,CAAA"}
+{"version":3,"file":"dashboardPane.d.ts","sourceRoot":"","sources":["../../src/dashboard/dashboardPane.ts"],"names":[],"mappings":"AAIA,OAAO,EAAsB,cAAc,EAAE,MAAM,eAAe,CAAA;AAElE,eAAO,MAAM,aAAa,EAAE,cAoC3B,CAAA;AAiDD,eAAe,aAAa,CAAA"}

package/dist/dashboard/dashboardPane.js

@@ -38,12 +38,18 @@ const dashboardPane = exports.dashboardPane = {
   }
 };
 function buildPage(container, webId, context, subject) {
-  // if uri then SolidOS is a browse.html web app
   const uri = new URL(window.location.href).searchParams.get('uri');
-  if (webId && (uri || webId.site().uri === subject.site().uri)) {
+  if (uri && webId) {
     return buildDashboard(container, context);
   }
-  return buildHomePage(container, subject);
+  if (!uri && subject) {
+    return buildHomePage(container, subject);
+  }
+  if (!uri && !subject && webId) {
+    return buildDashboard(container, context);
+  }
+  const fallbackSubject = subject || webId || _solidLogic.store.sym(window.location.href);
+  return buildHomePage(container, fallbackSubject);
 }
 function buildDashboard(container, context) {
   // console.log('build dashboard')

package/dist/dashboard/homepage.d.ts

@@ -1,3 +1,3 @@
 import { Fetcher, IndexedFormula, NamedNode } from 'rdflib';
-export declare function generateHomepage(subject: NamedNode, store: IndexedFormula, fetcher: Fetcher): Promise<HTMLElement>;
+export declare function generateHomepage(uri: NamedNode, store: IndexedFormula, fetcher: Fetcher): Promise<HTMLElement>;
 //# sourceMappingURL=homepage.d.ts.map

package/dist/dashboard/homepage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"homepage.d.ts","sourceRoot":"","sources":["../../src/dashboard/homepage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAO,MAAM,QAAQ,CAAA;AAGhE,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,OAAO,GACf,OAAO,CAAC,WAAW,CAAC,CAUtB"}
+{"version":3,"file":"homepage.d.ts","sourceRoot":"","sources":["../../src/dashboard/homepage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAG3D,wBAAsB,gBAAgB,CACpC,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,OAAO,GACf,OAAO,CAAC,WAAW,CAAC,CAUtB"}

package/dist/dashboard/homepage.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateHomepage = generateHomepage;
-var _rdflib = require("rdflib");
-var _solidUi = require("solid-ui");
-async function generateHomepage(subject, store, fetcher) {
-  const ownersProfile = await loadProfile(subject, store, fetcher);
-  const name = getName(store, ownersProfile);
+var _ownerProfile = require("../profileUtils/ownerProfile");
+async function generateHomepage(uri, store, fetcher) {
+  const ownersProfile = await (0, _ownerProfile.loadProfileFromURI)(uri, store, fetcher);
+  const name = (0, _ownerProfile.getName)(store, ownersProfile);
   const wrapper = document.createElement('div');
   wrapper.classList.add('container');
   wrapper.appendChild(createTitle(ownersProfile.uri, name));
@@ -35,38 +34,9 @@ function createTitle(uri, name) {
   profileLink.href = uri;
   profileLink.innerText = name;
   const profileLinkPost = document.createElement('span');
-  profileLinkPost.innerText = '\'s Pod';
+  profileLinkPost.innerText = '\'s Profile';
   const title = document.createElement('h1');
   title.appendChild(profileLink);
   title.appendChild(profileLinkPost);
   return title;
-}
-async function loadProfile(subject, store, fetcher) {
-  const pod = subject.site().uri;
-  // TODO: This is a hack - we cannot assume that the profile is at this document, but we will live with it for now
-  const webId = (0, _rdflib.sym)(`${pod}profile/card#me`);
-  try {
-    await fetcher.load(webId);
-    return webId;
-  } catch (err) {
-    // Fall back to pod root and any discovered profile links.
-  }
-  try {
-    await fetcher.load(subject);
-  } catch (err) {
-    return subject;
-  }
-  const primaryTopic = store.any(subject, _solidUi.ns.foaf('primaryTopic'), null, subject.doc());
-  if (primaryTopic && primaryTopic.termType === 'NamedNode') {
-    try {
-      await fetcher.load(primaryTopic);
-      return primaryTopic;
-    } catch (err) {
-      return subject;
-    }
-  }
-  return subject;
-}
-function getName(store, ownersProfile) {
-  return store.anyValue(ownersProfile, _solidUi.ns.vcard('fn'), null, ownersProfile.doc()) || store.anyValue(ownersProfile, _solidUi.ns.foaf('name'), null, ownersProfile.doc()) || new URL(ownersProfile.uri).host.split('.')[0];
 }