Support path-based pod roots in header and footer helpers

Author: bourgeoa

src/footer/index.ts

@@ -49,12 +49,20 @@ export function rebuildFooter (footer: HTMLElement, store: LiveStore, pod: Named
  */
 export function createControllerInfoBlock (store: LiveStore, user: NamedNode | null, pod: NamedNode | null, podOwner: NamedNode | null, options?: FooterOptions): HTMLElement {
   const profileLinkContainer = document.createElement('div')
+  profileLinkContainer.setAttribute('style', style.footer)
+
+  const solidProjectLink = document.createElement('a')
+  solidProjectLink.href = options && options.solidProjectUrl ? options.solidProjectUrl : DEFAULT_SOLID_PROJECT_URL
+  solidProjectLink.innerText = options && options.solidProjectName ? options.solidProjectName : DEFAULT_SOLID_PROJECT_NAME
+
   if (!pod || !podOwner || (user && user.equals(podOwner))) {
+    const defaultPrefix = document.createElement('span')
+    defaultPrefix.innerText = 'Powered by '
+    profileLinkContainer.appendChild(defaultPrefix)
+    profileLinkContainer.appendChild(solidProjectLink)
     return profileLinkContainer
   }
 
-  profileLinkContainer.setAttribute('style', style.footer)
-
   const podLinkPre = document.createElement('span')
   podLinkPre.innerText = 'You\'re visiting '
 
@@ -72,10 +80,6 @@ export function createControllerInfoBlock (store: LiveStore, user: NamedNode | n
   const solidProjectLinkPre = document.createElement('span')
   solidProjectLinkPre.innerText = '. For more info, check out '
 
-  const solidProjectLink = document.createElement('a')
-  solidProjectLink.href = options && options.solidProjectUrl ? options.solidProjectUrl : DEFAULT_SOLID_PROJECT_URL
-  solidProjectLink.innerText = options && options.solidProjectName ? options.solidProjectName : DEFAULT_SOLID_PROJECT_NAME
-
   const solidProjectLinkPost = document.createElement('span')
   solidProjectLinkPost.innerText = '.'
 

src/utils/headerFooterHelpers.ts

@@ -15,8 +15,18 @@ type ThrottleOptions = {
  * @ignore exporting this only for the unit test
  */
 export function getPod (): NamedNode {
-  // @@ TODO: This is given that mashlib runs on NSS - might need to change when we want it to run on other Pod servers
-  return sym(document.location.origin).site()
+  const { origin, pathname } = document.location
+  const isDatabrowserShell = document.body?.dataset?.appShell === 'databrowser'
+  const segments = pathname.split('/').filter(Boolean)
+  const lastSegment = segments[segments.length - 1] || ''
+  const looksLikeFile = /\.[^/]+$/.test(lastSegment)
+
+  if (isDatabrowserShell && segments.length > 0 && !looksLikeFile) {
+    return sym(`${origin}/${segments[0]}/`)
+  }
+
+  // Root-hosted pods and static databrowser pages still use the site root.
+  return sym(origin).site()
 }
 /**
  */