solid-panes 4.4.2-3 → 4.4.2-5

package/dist/form/pane.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pane.esm.js","names":[],"sources":["../../src/form/pane.ts"],"sourcesContent":["/*\n **             Pane for running existing forms for any object\n **\n */\n\nimport * as UI from 'solid-ui'\nimport { authn } from 'solid-logic'\nimport * as $rdf from 'rdflib'\nimport type { DataBrowserContext, PaneDefinition } from 'pane-registry'\nimport type { RenderEnvironment } from 'pane-registry'\nimport type { NamedNode, Statement } from 'rdflib'\nimport './formPane.css'\nconst ns = UI.ns\n\ntype WorkspaceSelectionDetails = {\n  noun: string\n  appPathSegment: string\n}\n\nfunction isNamedNode (term: { termType?: string } | null | undefined): term is NamedNode {\n  return term?.termType === 'NamedNode'\n}\n\n/* The following helper was generated by AI GPT-5.4 Model  */\n/* Prompt: Add a compatibility shim in the form pane for mixed `ui:Group` plus field typing. */\nfunction normalizeAmbiguousFieldTypes (store: typeof $rdf.graph extends () => infer T ? T : never, form: NamedNode): void {\n  const formDoc = form.doc ? form.doc() : undefined\n  const types = store.each(form, ns.rdf('type'), undefined, formDoc).filter(isNamedNode)\n  const hasGroupType = types.some(type => type.sameTerm(ns.ui('Group')))\n  const hasOtherFieldType = types.some(type => !type.sameTerm(ns.ui('Group')) && !type.sameTerm(ns.ui('Form')))\n  const hasProperty = !!store.any(form, ns.ui('property'), undefined, formDoc)\n  const partsList = store.any(form, ns.ui('parts'), undefined, formDoc) as { elements?: unknown[] } | null\n  const hasParts = !!partsList?.elements?.length || store.each(form, ns.ui('part'), undefined, formDoc).length > 0\n\n  // Some legacy forms mark a leaf field as both ui:Group and a concrete input type.\n  // solid-ui may then choose the Group renderer and produce an empty nested box.\n  if (hasGroupType && hasOtherFieldType && hasProperty && !hasParts) {\n    store.removeMany(form, ns.rdf('type'), ns.ui('Group'), formDoc)\n  }\n\n  const listParts = partsList?.elements ?? []\n  for (const part of listParts) {\n    if (isNamedNode(part as { termType?: string })) {\n      normalizeAmbiguousFieldTypes(store, part as NamedNode)\n    }\n  }\n\n  const unorderedParts = store.each(form, ns.ui('part'), undefined, formDoc)\n  for (const part of unorderedParts) {\n    if (isNamedNode(part)) {\n      normalizeAmbiguousFieldTypes(store, part)\n    }\n  }\n}\n\nfunction tagMobileTextareaRows (renderedForm: HTMLElement): void {\n  const textareas = Array.from(renderedForm.querySelectorAll('textarea'))\n\n  for (const textarea of textareas) {\n    let row: HTMLDivElement | null = textarea.parentElement as HTMLDivElement | null\n\n    while (row) {\n      const firstChild = row.firstElementChild as HTMLElement | null\n      const hasLabelColumn = !!firstChild && (\n        firstChild.classList.contains('formFieldName') ||\n        firstChild.querySelector('a') !== null\n      )\n\n      if (hasLabelColumn && row.children.length >= 2) {\n        row.classList.add('formPane__mobileTextareaRow')\n        firstChild.classList.add('formPane__mobileTextareaLabel')\n        const valueColumn = row.children[1] as HTMLElement\n        valueColumn.classList.add('formPane__mobileTextareaValue')\n        break\n      }\n\n      row = row.parentElement as HTMLDivElement | null\n    }\n  }\n}\n\nexport const formPane: PaneDefinition = {\n  icon: UI.icons.iconBase + 'noun_122196.svg',\n\n  name: 'form',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve this pane?\n  label: function (subject: NamedNode, _context: DataBrowserContext): string | null {\n    const n = UI.widgets.formsFor(subject).length\n    UI.log.debug('Form pane: forms for ' + subject + ': ' + n)\n    if (!n) return null\n    return '' + n + ' forms'\n  },\n\n  render: function (subject: NamedNode, context: DataBrowserContext): HTMLDivElement {\n    const kb = context.session.store\n    const dom = context.dom\n    const box = dom.createElement('div')\n    box.setAttribute('class', 'formPane')\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    applyEnvironmentAttributes(box)\n\n    const mention = function (\n      message: string,\n      modifier: 'info' | 'error' = 'info'\n    ): HTMLParagraphElement {\n      const pre = dom.createElement('p')\n      pre.className = `formPane__message formPane__message--${modifier}`\n      box.appendChild(pre).textContent = message\n      return pre\n    }\n\n    const complain = function (message: string): HTMLParagraphElement {\n      return mention(message, 'error')\n    }\n\n    const complainIfBad = function (ok: boolean, body: string): void {\n      if (ok) {\n        // setModifiedDate(store, kb, store);\n        // rerender(box);   // Deleted forms at the moment\n      } else complain('Sorry, failed to save your change:\\n' + body)\n    }\n\n    // The question of where to store this data about subject\n    // This in general needs a whole lot more thought\n    // and it connects to the discoverbility through links\n\n    // const t = kb.findTypeURIs(subject)\n\n    const me = authn.currentUser()\n\n    if (!me) {\n      mention(\n        'You are not logged in. If you log in and have ' +\n          'workspaces then you would be able to select workspace in which ' +\n          'to put this new information'\n      )\n    } else {\n      const ws = kb.each(me, ns.ui('workspace'))\n      if (ws.length === 0) {\n        mention(\n          'You don\\'t seem to have any workspaces defined.  ' +\n            'A workspace is a place on the web (http://..) or in ' +\n            'the file system (file:///) to store application data.\\n'\n        )\n      } else {\n        // @@\n      }\n    }\n\n    // Render forms using a given store\n\n    const renderFormsFor = function (storeNode: NamedNode, targetSubject: NamedNode): void {\n      kb.fetcher.nowOrWhenFetched(\n        storeNode.uri,\n        targetSubject as unknown as Parameters<typeof kb.fetcher.nowOrWhenFetched>[1],\n        function (ok, body) {\n          if (!ok) return complain('Cannot load store ' + storeNode.uri + ': ' + body)\n\n          //              Render the forms\n\n          const forms = UI.widgets.formsFor(targetSubject) as NamedNode[]\n\n          // complain('Form for editing this form:');\n          for (const form of forms) {\n            normalizeAmbiguousFieldTypes(kb as never, form)\n\n            const heading = dom.createElement('h4')\n            heading.classList.add('formPane__heading')\n            box.appendChild(heading)\n            /* The edit Form is not working in the local environment. it does not find\n            the ui FormForm ontology. Need to research further and check in production. */\n            if (form.uri) {\n              const formStore = $rdf.Util.uri.document(form.uri)\n              if (formStore.uri !== form.uri) {\n                const editButton = box.appendChild(\n                  UI.widgets.editFormButton(\n                    dom,\n                    box,\n                    form,\n                    formStore,\n                    complainIfBad\n                  )\n                )\n                editButton.classList.add('formPane__editButton')\n              }\n            }\n\n            const anchor = dom.createElement('a')\n            anchor.classList.add('formPane__headingLink')\n            anchor.setAttribute('href', form.uri)\n            heading.insertBefore(anchor, heading.firstChild)\n            anchor.textContent = UI.utils.label(form, true)\n\n            /*  Keep tis as a reminder to let a New one have its URI given by user\n          mention(\"Where will this information be stored?\")\n          const ele = dom.createElement('input');\n          box.appendChild(ele);\n          ele.setAttribute('type', 'text');\n          ele.setAttribute('size', '72');\n          ele.setAttribute('maxlength', '1024');\n          ele.setAttribute('style', 'font-size: 80%; color:#222;');\n          ele.value = store.uri\n          */\n\n            UI.widgets.appendForm(\n              dom,\n              box,\n              {},\n              targetSubject,\n              form,\n              storeNode,\n              complainIfBad\n            )\n            tagMobileTextareaRows(box)\n          }\n        }\n      ) // end: when store loded\n    } // renderFormsFor\n\n    // Figure out what store\n\n    // Which places are editable and have stuff about the subject?\n\n    let targetStore: NamedNode | null = null\n\n    // 1. The document URI of the subject itself\n    const docuri = $rdf.Util.uri.docpart(subject.uri)\n    if (kb.updater.editable(docuri, kb)) {\n      targetStore = subject.doc()\n    } // an editable data file with hash\n\n    const annotationStore = kb.any(kb.sym(docuri), ns.link('annotationStore'))\n    if (!targetStore && isNamedNode(annotationStore)) {\n      targetStore = annotationStore\n    }\n\n    // 2. where stuff is already stored\n    if (!targetStore) {\n      const docs = new Map<string, number>()\n      kb.statementsMatching(subject).forEach(function (st: Statement) {\n        if (st.why.value) {\n          docs.set(st.why.value, 1)\n        }\n      })\n      kb\n        .statementsMatching(undefined, undefined, subject)\n        .forEach(function (st: Statement) {\n          if (st.why.value) {\n            docs.set(st.why.value, 2)\n          }\n        })\n      const docList = Array.from(docs.entries()).sort(function ([uriA, scoreA], [uriB, scoreB]) {\n        return scoreA - scoreB || uriA.localeCompare(uriB)\n      })\n      for (const [uri] of docList) {\n        if (uri && kb.updater.editable(uri, kb)) {\n          targetStore = kb.sym(uri)\n          break\n        }\n      }\n    }\n\n    // 3. In a workspace store\n    const date = '2014' // @@@@@@@@@@@@ pass as parameter\n\n    if (targetStore) {\n      // mention(\"@@ Ok, we have a store <\" + store.uri + \">.\");\n      renderFormsFor(targetStore, subject)\n    } else {\n      complain('No suitable store is known, to edit <' + subject.uri + '>.')\n      const workspaceDetails: WorkspaceSelectionDetails = {\n        noun: 'form',\n        appPathSegment: 'form'\n      }\n      const foobarbaz = UI.login.selectWorkspace(dom, workspaceDetails, function (workspaceUri: string | null) {\n        const workspace = workspaceUri ? kb.sym(workspaceUri) : null\n        if (!workspace) {\n          complain('Workspace selection was cancelled.')\n          return\n        }\n        mention('Workspace selected OK: ' + workspace.uri)\n\n        const activities = kb.each(undefined, ns.space('workspace'), workspace).filter(isNamedNode)\n        for (let j = 0; j < activities.length; j++) {\n          const act = activities[j]\n\n          const subjectDoc2 = kb.any(act, ns.space('store'))\n          const start = kb.any(act, ns.cal('dtstart'))?.value\n          const end = kb.any(act, ns.cal('dtend'))?.value\n          if (isNamedNode(subjectDoc2) && start && end && start <= date && end > date) {\n            renderFormsFor(subjectDoc2, subject)\n            break\n          } else {\n            complain('Note no suitable annotation store in activity: ' + act)\n          }\n        }\n      })\n      box.appendChild(foobarbaz)\n    }\n\n    return box\n  }\n}\n"],"mappings":";;;;;AAYA,IAAM,IAAK,EAAG;AAOd,SAAS,EAAa,GAAmE;CACvF,OAAO,GAAM,aAAa;AAC5B;AAIA,SAAS,EAA8B,GAA4D,GAAuB;CACxH,IAAM,IAAU,EAAK,MAAM,EAAK,IAAI,IAAI,KAAA,GAClC,IAAQ,EAAM,KAAK,GAAM,EAAG,IAAI,MAAM,GAAG,KAAA,GAAW,CAAO,CAAC,CAAC,OAAO,CAAW,GAC/E,IAAe,EAAM,MAAK,MAAQ,EAAK,SAAS,EAAG,GAAG,OAAO,CAAC,CAAC,GAC/D,IAAoB,EAAM,MAAK,MAAQ,CAAC,EAAK,SAAS,EAAG,GAAG,OAAO,CAAC,KAAK,CAAC,EAAK,SAAS,EAAG,GAAG,MAAM,CAAC,CAAC,GACtG,IAAc,CAAC,CAAC,EAAM,IAAI,GAAM,EAAG,GAAG,UAAU,GAAG,KAAA,GAAW,CAAO,GACrE,IAAY,EAAM,IAAI,GAAM,EAAG,GAAG,OAAO,GAAG,KAAA,GAAW,CAAO,GAC9D,IAAW,CAAC,CAAC,GAAW,UAAU,UAAU,EAAM,KAAK,GAAM,EAAG,GAAG,MAAM,GAAG,KAAA,GAAW,CAAO,CAAC,CAAC,SAAS;CAI/G,AAAI,KAAgB,KAAqB,KAAe,CAAC,KACvD,EAAM,WAAW,GAAM,EAAG,IAAI,MAAM,GAAG,EAAG,GAAG,OAAO,GAAG,CAAO;CAGhE,IAAM,IAAY,GAAW,YAAY,CAAC;CAC1C,KAAK,IAAM,KAAQ,GACjB,AAAI,EAAY,CAA6B,KAC3C,EAA6B,GAAO,CAAiB;CAIzD,IAAM,IAAiB,EAAM,KAAK,GAAM,EAAG,GAAG,MAAM,GAAG,KAAA,GAAW,CAAO;CACzE,KAAK,IAAM,KAAQ,GACjB,AAAI,EAAY,CAAI,KAClB,EAA6B,GAAO,CAAI;AAG9C;AAEA,SAAS,EAAuB,GAAiC;CAC/D,IAAM,IAAY,MAAM,KAAK,EAAa,iBAAiB,UAAU,CAAC;CAEtE,KAAK,IAAM,KAAY,GAAW;EAChC,IAAI,IAA6B,EAAS;EAE1C,OAAO,IAAK;GACV,IAAM,IAAa,EAAI;GAMvB,IALyB,MACvB,EAAW,UAAU,SAAS,eAAe,KAC7C,EAAW,cAAc,GAAG,MAAM,SAGd,EAAI,SAAS,UAAU,GAAG;IAI9C,AAHA,EAAI,UAAU,IAAI,6BAA6B,GAC/C,EAAW,UAAU,IAAI,+BAA+B,GAExD,EADwB,SAAS,EACjC,CAAY,UAAU,IAAI,+BAA+B;IACzD;GACF;GAEA,IAAM,EAAI;EACZ;CACF;AACF;AAEA,IAAa,IAA2B;CACtC,MAAM,EAAG,MAAM,WAAW;CAE1B,MAAM;CAEN,UAAU,CAAC,EAAG,MAAM,WAAW,CAAC;CAGhC,OAAO,SAAU,GAAoB,GAA6C;EAChF,IAAM,IAAI,EAAG,QAAQ,SAAS,CAAO,CAAC,CAAC;EAGvC,OAFA,EAAG,IAAI,MAAM,0BAA0B,IAAU,OAAO,CAAC,GACpD,IACE,KAAK,IAAI,WADD;CAEjB;CAEA,QAAQ,SAAU,GAAoB,GAA6C;EACjF,IAAM,IAAK,EAAQ,QAAQ,OACrB,IAAM,EAAQ,KACd,IAAM,EAAI,cAAc,KAAK;EACnC,EAAI,aAAa,SAAS,UAAU;EAEpC,SAAS,EAA4B,GAA+B;GAClE,IAAM,IAAe,EAAQ,eAAe,CAAC;GAC7C,EAAQ,QAAQ,SAAS,EAAY,UAAU;EACjD;EAEA,EAA2B,CAAG;EAE9B,IAAM,IAAU,SACd,GACA,IAA6B,QACP;GACtB,IAAM,IAAM,EAAI,cAAc,GAAG;GAGjC,OAFA,EAAI,YAAY,wCAAwC,KACxD,EAAI,YAAY,CAAG,CAAC,CAAC,cAAc,GAC5B;EACT,GAEM,IAAW,SAAU,GAAuC;GAChE,OAAO,EAAQ,GAAS,OAAO;EACjC,GAEM,IAAgB,SAAU,GAAa,GAAoB;GAC/D,AAAI,KAGG,EAAS,yCAAyC,CAAI;EAC/D,GAQM,IAAK,EAAM,YAAY;EAE7B,AAAK,IAOQ,EAAG,KAAK,GAAI,EAAG,GAAG,WAAW,CACpC,CAAA,CAAG,WAAW,KAChB,EACE,6JAGF,IAZF,EACE,0IAGF;EAgBF,IAAM,IAAiB,SAAU,GAAsB,GAAgC;GACrF,EAAG,QAAQ,iBACT,EAAU,KACV,GACA,SAAU,GAAI,GAAM;IAClB,IAAI,CAAC,GAAI,OAAO,EAAS,uBAAuB,EAAU,MAAM,OAAO,CAAI;IAI3E,IAAM,IAAQ,EAAG,QAAQ,SAAS,CAAa;IAG/C,KAAK,IAAM,KAAQ,GAAO;KACxB,EAA6B,GAAa,CAAI;KAE9C,IAAM,IAAU,EAAI,cAAc,IAAI;KAKtC,IAJA,EAAQ,UAAU,IAAI,mBAAmB,GACzC,EAAI,YAAY,CAAO,GAGnB,EAAK,KAAK;MACZ,IAAM,IAAY,EAAK,KAAK,IAAI,SAAS,EAAK,GAAG;MACjD,AAAI,EAAU,QAAQ,EAAK,OAUzB,EATuB,YACrB,EAAG,QAAQ,eACT,GACA,GACA,GACA,GACA,CACF,CAEF,CAAA,CAAW,UAAU,IAAI,sBAAsB;KAEnD;KAEA,IAAM,IAAS,EAAI,cAAc,GAAG;KA0BpC,AAzBA,EAAO,UAAU,IAAI,uBAAuB,GAC5C,EAAO,aAAa,QAAQ,EAAK,GAAG,GACpC,EAAQ,aAAa,GAAQ,EAAQ,UAAU,GAC/C,EAAO,cAAc,EAAG,MAAM,MAAM,GAAM,EAAI,GAa9C,EAAG,QAAQ,WACT,GACA,GACA,CAAC,GACD,GACA,GACA,GACA,CACF,GACA,EAAsB,CAAG;IAC3B;GACF,CACF;EACF,GAMI,IAAgC,MAG9B,IAAS,EAAK,KAAK,IAAI,QAAQ,EAAQ,GAAG;EAChD,AAAI,EAAG,QAAQ,SAAS,GAAQ,CAAE,MAChC,IAAc,EAAQ,IAAI;EAG5B,IAAM,IAAkB,EAAG,IAAI,EAAG,IAAI,CAAM,GAAG,EAAG,KAAK,iBAAiB,CAAC;EAMzE,IALI,CAAC,KAAe,EAAY,CAAe,MAC7C,IAAc,IAIZ,CAAC,GAAa;GAChB,IAAM,oBAAO,IAAI,IAAoB;GAMrC,AALA,EAAG,mBAAmB,CAAO,CAAC,CAAC,QAAQ,SAAU,GAAe;IAC9D,AAAI,EAAG,IAAI,SACT,EAAK,IAAI,EAAG,IAAI,OAAO,CAAC;GAE5B,CAAC,GACD,EACG,mBAAmB,KAAA,GAAW,KAAA,GAAW,CAAO,CAAC,CACjD,QAAQ,SAAU,GAAe;IAChC,AAAI,EAAG,IAAI,SACT,EAAK,IAAI,EAAG,IAAI,OAAO,CAAC;GAE5B,CAAC;GACH,IAAM,IAAU,MAAM,KAAK,EAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,SAAU,CAAC,GAAM,IAAS,CAAC,GAAM,IAAS;IACxF,OAAO,IAAS,KAAU,EAAK,cAAc,CAAI;GACnD,CAAC;GACD,KAAK,IAAM,CAAC,MAAQ,GAClB,IAAI,KAAO,EAAG,QAAQ,SAAS,GAAK,CAAE,GAAG;IACvC,IAAc,EAAG,IAAI,CAAG;IACxB;GACF;EAEJ;EAGA,IAAM,IAAO;EAEb,IAAI,GAEF,EAAe,GAAa,CAAO;OAC9B;GACL,EAAS,0CAA0C,EAAQ,MAAM,IAAI;GAKrE,IAAM,IAAY,EAAG,MAAM,gBAAgB,GAAK;IAH9C,MAAM;IACN,gBAAgB;GAE8B,GAAkB,SAAU,GAA6B;IACvG,IAAM,IAAY,IAAe,EAAG,IAAI,CAAY,IAAI;IACxD,IAAI,CAAC,GAAW;KACd,EAAS,oCAAoC;KAC7C;IACF;IACA,EAAQ,4BAA4B,EAAU,GAAG;IAEjD,IAAM,IAAa,EAAG,KAAK,KAAA,GAAW,EAAG,MAAM,WAAW,GAAG,CAAS,CAAC,CAAC,OAAO,CAAW;IAC1F,KAAK,IAAI,IAAI,GAAG,IAAI,EAAW,QAAQ,KAAK;KAC1C,IAAM,IAAM,EAAW,IAEjB,IAAc,EAAG,IAAI,GAAK,EAAG,MAAM,OAAO,CAAC,GAC3C,IAAQ,EAAG,IAAI,GAAK,EAAG,IAAI,SAAS,CAAC,CAAC,EAAE,OACxC,IAAM,EAAG,IAAI,GAAK,EAAG,IAAI,OAAO,CAAC,CAAC,EAAE;KAC1C,IAAI,EAAY,CAAW,KAAK,KAAS,KAAO,KAAS,KAAQ,IAAM,GAAM;MAC3E,EAAe,GAAa,CAAO;MACnC;KACF,OACE,EAAS,oDAAoD,CAAG;IAEpE;GACF,CAAC;GACD,EAAI,YAAY,CAAS;EAC3B;EAEA,OAAO;CACT;AACF"}
+{"version":3,"file":"pane.esm.js","names":[],"sources":["../../src/form/pane.ts"],"sourcesContent":["/*\n **             Pane for running existing forms for any object\n **\n */\n\nimport * as UI from 'solid-ui'\nimport { authn } from 'solid-logic'\nimport * as $rdf from 'rdflib'\nimport type { DataBrowserContext, PaneDefinition } from 'pane-registry'\nimport type { RenderEnvironment } from 'pane-registry'\nimport type { NamedNode, Statement } from 'rdflib'\nimport './formPane.css'\nconst ns = UI.ns\n\ntype WorkspaceSelectionDetails = {\n  noun: string\n  appPathSegment: string\n}\n\nfunction isNamedNode (term: { termType?: string } | null | undefined): term is NamedNode {\n  return term?.termType === 'NamedNode'\n}\n\n/* The following helper was generated by AI GPT-5.4 Model  */\n/* Prompt: Add a compatibility shim in the form pane for mixed `ui:Group` plus field typing. */\nfunction normalizeAmbiguousFieldTypes (store: typeof $rdf.graph extends () => infer T ? T : never, form: NamedNode): void {\n  const formDoc = form.doc ? form.doc() : undefined\n  const types = store.each(form, ns.rdf('type'), undefined, formDoc).filter(isNamedNode)\n  const hasGroupType = types.some(type => type.sameTerm(ns.ui('Group')))\n  const hasOtherFieldType = types.some(type => !type.sameTerm(ns.ui('Group')) && !type.sameTerm(ns.ui('Form')))\n  const hasProperty = !!store.any(form, ns.ui('property'), undefined, formDoc)\n  const partsList = store.any(form, ns.ui('parts'), undefined, formDoc) as { elements?: unknown[] } | null\n  const hasParts = !!partsList?.elements?.length || store.each(form, ns.ui('part'), undefined, formDoc).length > 0\n\n  // Some legacy forms mark a leaf field as both ui:Group and a concrete input type.\n  // solid-ui may then choose the Group renderer and produce an empty nested box.\n  if (hasGroupType && hasOtherFieldType && hasProperty && !hasParts) {\n    store.removeMany(form, ns.rdf('type'), ns.ui('Group'), formDoc)\n  }\n\n  const listParts = partsList?.elements ?? []\n  for (const part of listParts) {\n    if (isNamedNode(part as { termType?: string })) {\n      normalizeAmbiguousFieldTypes(store, part as NamedNode)\n    }\n  }\n\n  const unorderedParts = store.each(form, ns.ui('part'), undefined, formDoc)\n  for (const part of unorderedParts) {\n    if (isNamedNode(part)) {\n      normalizeAmbiguousFieldTypes(store, part)\n    }\n  }\n}\n\nfunction tagMobileTextareaRows (renderedForm: HTMLElement): void {\n  const textareas = Array.from(renderedForm.querySelectorAll('textarea'))\n\n  for (const textarea of textareas) {\n    let row: HTMLDivElement | null = textarea.parentElement as HTMLDivElement | null\n\n    while (row) {\n      const firstChild = row.firstElementChild as HTMLElement | null\n      const hasLabelColumn = !!firstChild && (\n        firstChild.classList.contains('formFieldName') ||\n        firstChild.querySelector('a') !== null\n      )\n\n      if (hasLabelColumn && row.children.length >= 2) {\n        row.classList.add('formPane__mobileTextareaRow')\n        firstChild.classList.add('formPane__mobileTextareaLabel')\n        const valueColumn = row.children[1] as HTMLElement\n        valueColumn.classList.add('formPane__mobileTextareaValue')\n        break\n      }\n\n      row = row.parentElement as HTMLDivElement | null\n    }\n  }\n}\n\nexport const formPane: PaneDefinition = {\n  icon: UI.icons.iconBase + 'noun_122196.svg',\n\n  name: 'form',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve this pane?\n  label: function (subject: NamedNode, _context: DataBrowserContext): string | null {\n    const n = UI.widgets.formsFor(subject).length\n    UI.log.debug('Form pane: forms for ' + subject + ': ' + n)\n    if (!n) return null\n    return '' + n + ' forms'\n  },\n\n  render: function (subject: NamedNode, context: DataBrowserContext): HTMLDivElement {\n    const kb = context.session.store\n    const dom = context.dom\n    const box = dom.createElement('div')\n    box.setAttribute('class', 'formPane')\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    applyEnvironmentAttributes(box)\n\n    const mention = function (\n      message: string,\n      modifier: 'info' | 'error' = 'info'\n    ): HTMLParagraphElement {\n      const pre = dom.createElement('p')\n      pre.className = `formPane__message formPane__message--${modifier}`\n      box.appendChild(pre).textContent = message\n      return pre\n    }\n\n    const complain = function (message: string): HTMLParagraphElement {\n      return mention(message, 'error')\n    }\n\n    const complainIfBad = function (ok: boolean, body: string): void {\n      if (ok) {\n        // setModifiedDate(store, kb, store);\n        // rerender(box);   // Deleted forms at the moment\n      } else complain('Sorry, failed to save your change:\\n' + body)\n    }\n\n    // The question of where to store this data about subject\n    // This in general needs a whole lot more thought\n    // and it connects to the discoverbility through links\n\n    // const t = kb.findTypeURIs(subject)\n\n    const me = authn.currentUser()\n\n    if (!me) {\n      mention(\n        'You are not logged in. If you log in and have ' +\n          'workspaces then you would be able to select workspace in which ' +\n          'to put this new information'\n      )\n    } else {\n      const ws = kb.each(me, ns.ui('workspace'))\n      if (ws.length === 0) {\n        mention(\n          'You don\\'t seem to have any workspaces defined.  ' +\n            'A workspace is a place on the web (http://..) or in ' +\n            'the file system (file:///) to store application data.\\n'\n        )\n      } else {\n        // @@\n      }\n    }\n\n    // Render forms using a given store\n\n    const renderFormsFor = function (storeNode: NamedNode, targetSubject: NamedNode): void {\n      kb.fetcher.nowOrWhenFetched(\n        storeNode.uri,\n        targetSubject as unknown as Parameters<typeof kb.fetcher.nowOrWhenFetched>[1],\n        function (ok, body) {\n          if (!ok) return complain('Cannot load store ' + storeNode.uri + ': ' + body)\n\n          //              Render the forms\n\n          const forms = UI.widgets.formsFor(targetSubject) as NamedNode[]\n\n          // complain('Form for editing this form:');\n          for (const form of forms) {\n            normalizeAmbiguousFieldTypes(kb as never, form)\n\n            const heading = dom.createElement('h4')\n            heading.classList.add('formPane__heading')\n            box.appendChild(heading)\n            /* The edit Form is not working in the local environment. it does not find\n            the ui FormForm ontology. Need to research further and check in production. */\n            if (form.uri) {\n              const formStore = $rdf.Util.uri.document(form.uri)\n              if (formStore.uri !== form.uri) {\n                const editButton = box.appendChild(\n                  UI.widgets.editFormButton(\n                    dom,\n                    box,\n                    form,\n                    formStore,\n                    complainIfBad\n                  )\n                )\n                editButton.classList.add('formPane__editButton')\n              }\n            }\n\n            const anchor = dom.createElement('a')\n            anchor.classList.add('formPane__headingLink')\n            anchor.setAttribute('href', form.uri)\n            heading.insertBefore(anchor, heading.firstChild)\n            anchor.textContent = UI.utils.label(form, true)\n\n            /*  Keep tis as a reminder to let a New one have its URI given by user\n          mention(\"Where will this information be stored?\")\n          const ele = dom.createElement('input');\n          box.appendChild(ele);\n          ele.setAttribute('type', 'text');\n          ele.setAttribute('size', '72');\n          ele.setAttribute('maxlength', '1024');\n          ele.setAttribute('style', 'font-size: 80%; color:#222;');\n          ele.value = store.uri\n          */\n\n            UI.widgets.appendForm(\n              dom,\n              box,\n              {},\n              targetSubject,\n              form,\n              storeNode,\n              complainIfBad\n            )\n            tagMobileTextareaRows(box)\n          }\n        }\n      ) // end: when store loded\n    } // renderFormsFor\n\n    // Figure out what store\n\n    // Which places are editable and have stuff about the subject?\n\n    let targetStore: NamedNode | null = null\n\n    // 1. The document URI of the subject itself\n    const docuri = $rdf.Util.uri.docpart(subject.uri)\n    if (kb.updater.editable(docuri, kb)) {\n      targetStore = subject.doc()\n    } // an editable data file with hash\n\n    const annotationStore = kb.any(kb.sym(docuri), ns.link('annotationStore'))\n    if (!targetStore && isNamedNode(annotationStore)) {\n      targetStore = annotationStore\n    }\n\n    // 2. where stuff is already stored\n    if (!targetStore) {\n      const docs = new Map<string, number>()\n      kb.statementsMatching(subject).forEach(function (st: Statement) {\n        if (st.why.value) {\n          docs.set(st.why.value, 1)\n        }\n      })\n      kb\n        .statementsMatching(undefined, undefined, subject)\n        .forEach(function (st: Statement) {\n          if (st.why.value) {\n            docs.set(st.why.value, 2)\n          }\n        })\n      const docList = Array.from(docs.entries()).sort(function ([uriA, scoreA], [uriB, scoreB]) {\n        return scoreA - scoreB || uriA.localeCompare(uriB)\n      })\n      for (const [uri] of docList) {\n        if (uri && kb.updater.editable(uri, kb)) {\n          targetStore = kb.sym(uri)\n          break\n        }\n      }\n    }\n\n    // 3. In a workspace store\n    const date = '2014' // @@@@@@@@@@@@ pass as parameter\n\n    if (targetStore) {\n      // mention(\"@@ Ok, we have a store <\" + store.uri + \">.\");\n      renderFormsFor(targetStore, subject)\n    } else {\n      complain('No suitable store is known, to edit <' + subject.uri + '>.')\n      const workspaceDetails: WorkspaceSelectionDetails = {\n        noun: 'form',\n        appPathSegment: 'form'\n      }\n      const foobarbaz = UI.login.selectWorkspace(dom, workspaceDetails, function (workspaceUri: string | null) {\n        const workspace = workspaceUri ? kb.sym(workspaceUri) : null\n        if (!workspace) {\n          complain('Workspace selection was cancelled.')\n          return\n        }\n        mention('Workspace selected OK: ' + workspace.uri)\n\n        const activities = kb.each(undefined, ns.space('workspace'), workspace).filter(isNamedNode)\n        for (let j = 0; j < activities.length; j++) {\n          const act = activities[j]\n\n          const subjectDoc2 = kb.any(act, ns.space('store'))\n          const start = kb.any(act, ns.cal('dtstart'))?.value\n          const end = kb.any(act, ns.cal('dtend'))?.value\n          if (isNamedNode(subjectDoc2) && start && end && start <= date && end > date) {\n            renderFormsFor(subjectDoc2, subject)\n            break\n          } else {\n            complain('Note no suitable annotation store in activity: ' + act)\n          }\n        }\n      })\n      box.appendChild(foobarbaz)\n    }\n\n    return box\n  }\n}\n"],"mappings":"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"}

package/dist/home/homePane.cjs.js

@@ -1,2 +1,2 @@
-let e=require("solid-ui"),t=require("solid-logic");var n={icon:e.icons.iconBase+`noun_547570.svg`,global:!0,name:`home`,label:function(){return`home`},audience:[e.ns.solid(`PowerUser`)],render:function(n,r){let i=r.dom,a=async function(){let t={div:o,dom:i,statusArea:o,me:s};o.appendChild(i.createElement(`h4`)).textContent=`Create new thing somewhere`;let n={div:o.appendChild(i.createElement(`div`)),dom:i,statusArea:o,me:s},a=await e.login.filterAvailablePanes(r.session.paneRegistry.list);e.create.newThingUI(n,r,a),e.login.registrationList(t,{}).then(function(){})},o=i.createElement(`div`),s=t.authn.currentUser();return a(),o}};exports.default=n;
+require("../_virtual/_rolldown/runtime.cjs.js");let e=require("solid-ui"),t=require("solid-logic");var n={icon:e.icons.iconBase+`noun_547570.svg`,global:!0,name:`home`,label:function(){return`home`},audience:[e.ns.solid(`PowerUser`)],render:function(n,r){let i=r.dom,a=async function(){let t={div:o,dom:i,statusArea:o,me:s};o.appendChild(i.createElement(`h4`)).textContent=`Create new thing somewhere`;let n={div:o.appendChild(i.createElement(`div`)),dom:i,statusArea:o,me:s},a=await e.login.filterAvailablePanes(r.session.paneRegistry.list);e.create.newThingUI(n,r,a),e.login.registrationList(t,{}).then(function(){})},o=i.createElement(`div`),s=t.authn.currentUser();return a(),o}};exports.default=n;
 //# sourceMappingURL=homePane.cjs.js.map

package/dist/home/homePane.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"homePane.cjs.js","names":[],"sources":["../../src/home/homePane.ts"],"sourcesContent":["/*   Home Pane\n **\n ** The home pane is avaiable everywhere and allows a user\n ** to\n **  - keep track of their stuff\n **  - make new things, and possibly\n **  - keep track of accounts and workspaces etc\n **\n */\n\nimport { DataBrowserContext, PaneDefinition } from 'pane-registry'\nimport { NamedNode } from 'rdflib'\nimport { authn } from 'solid-logic'\nimport { create, icons, login, ns } from 'solid-ui'\nimport type { CreateContext } from 'solid-ui'\n\nconst HomePaneSource: PaneDefinition = {\n  icon: icons.iconBase + 'noun_547570.svg', // noun_25830\n\n  global: true,\n\n  name: 'home',\n\n  // Does the subject deserve an home pane?\n  //\n  //   yes, always!\n  //\n  label: function () {\n    return 'home'\n  },\n\n  audience: [ns.solid('PowerUser')],\n\n  render: function (subject, context: DataBrowserContext) {\n    const dom = context.dom\n    const showContent = async function () {\n      const homePaneContext = { div, dom, statusArea: div, me }\n      /*\n            div.appendChild(dom.createElement('h4')).textContent = 'Login status'\n            var loginStatusDiv = div.appendChild(context.dom.createElement('div'))\n            // TODO: Find out what the actual type is:\n            type UriType = unknown;\n            loginStatusDiv.appendChild(UI.login.loginStatusBox(context.dom, () => {\n              // Here we know new log in status\n            }))\n      */\n      div.appendChild(dom.createElement('h4')).textContent =\n        'Create new thing somewhere'\n      const creationDiv = div.appendChild(dom.createElement('div'))\n      const creationContext: CreateContext = {\n        div: creationDiv,\n        dom,\n        statusArea: div,\n        me\n      }\n      const relevantPanes = await login.filterAvailablePanes(\n        context.session.paneRegistry.list\n      )\n      // @ts-ignore\n      create.newThingUI(creationContext, context, relevantPanes) // newUI Have to pass panes down\n\n      login.registrationList(homePaneContext, {}).then(function () {})\n    }\n\n    const div = dom.createElement('div')\n    const me: NamedNode = authn.currentUser() as NamedNode // this will be incorrect if not logged in\n\n    showContent()\n\n    return div\n  }\n} // pane object\n\n// ends\nexport default HomePaneSource\n"],"mappings":"mDAgBA,IAAM,EAAiC,CACrC,KAAM,EAAA,MAAM,SAAW,kBAEvB,OAAQ,GAER,KAAM,OAMN,MAAO,UAAY,CACjB,MAAO,MACT,EAEA,SAAU,CAAC,EAAA,GAAG,MAAM,WAAW,CAAC,EAEhC,OAAQ,SAAU,EAAS,EAA6B,CACtD,IAAM,EAAM,EAAQ,IACd,EAAc,gBAAkB,CACpC,IAAM,EAAkB,CAAE,MAAK,MAAK,WAAY,EAAK,IAAG,EAUxD,EAAI,YAAY,EAAI,cAAc,IAAI,CAAC,CAAC,CAAC,YACvC,6BAEF,IAAM,EAAiC,CACrC,IAFkB,EAAI,YAAY,EAAI,cAAc,KAAK,CAEpD,EACL,MACA,WAAY,EACZ,IACF,EACM,EAAgB,MAAM,EAAA,MAAM,qBAChC,EAAQ,QAAQ,aAAa,IAC/B,EAEA,EAAA,OAAO,WAAW,EAAiB,EAAS,CAAa,EAEzD,EAAA,MAAM,iBAAiB,EAAiB,CAAC,CAAC,CAAC,CAAC,KAAK,UAAY,CAAC,CAAC,CACjE,EAEM,EAAM,EAAI,cAAc,KAAK,EAC7B,EAAgB,EAAA,MAAM,YAAY,EAIxC,OAFA,EAAY,EAEL,CACT,CACF"}
+{"version":3,"file":"homePane.cjs.js","names":[],"sources":["../../src/home/homePane.ts"],"sourcesContent":["/*   Home Pane\n **\n ** The home pane is avaiable everywhere and allows a user\n ** to\n **  - keep track of their stuff\n **  - make new things, and possibly\n **  - keep track of accounts and workspaces etc\n **\n */\n\nimport { DataBrowserContext, PaneDefinition } from 'pane-registry'\nimport { NamedNode } from 'rdflib'\nimport { authn } from 'solid-logic'\nimport { create, icons, login, ns } from 'solid-ui'\nimport type { CreateContext } from 'solid-ui'\n\nconst HomePaneSource: PaneDefinition = {\n  icon: icons.iconBase + 'noun_547570.svg', // noun_25830\n\n  global: true,\n\n  name: 'home',\n\n  // Does the subject deserve an home pane?\n  //\n  //   yes, always!\n  //\n  label: function () {\n    return 'home'\n  },\n\n  audience: [ns.solid('PowerUser')],\n\n  render: function (subject, context: DataBrowserContext) {\n    const dom = context.dom\n    const showContent = async function () {\n      const homePaneContext = { div, dom, statusArea: div, me }\n      /*\n            div.appendChild(dom.createElement('h4')).textContent = 'Login status'\n            var loginStatusDiv = div.appendChild(context.dom.createElement('div'))\n            // TODO: Find out what the actual type is:\n            type UriType = unknown;\n            loginStatusDiv.appendChild(UI.login.loginStatusBox(context.dom, () => {\n              // Here we know new log in status\n            }))\n      */\n      div.appendChild(dom.createElement('h4')).textContent =\n        'Create new thing somewhere'\n      const creationDiv = div.appendChild(dom.createElement('div'))\n      const creationContext: CreateContext = {\n        div: creationDiv,\n        dom,\n        statusArea: div,\n        me\n      }\n      const relevantPanes = await login.filterAvailablePanes(\n        context.session.paneRegistry.list\n      )\n      // @ts-ignore\n      create.newThingUI(creationContext, context, relevantPanes) // newUI Have to pass panes down\n\n      login.registrationList(homePaneContext, {}).then(function () {})\n    }\n\n    const div = dom.createElement('div')\n    const me: NamedNode = authn.currentUser() as NamedNode // this will be incorrect if not logged in\n\n    showContent()\n\n    return div\n  }\n} // pane object\n\n// ends\nexport default HomePaneSource\n"],"mappings":"mGAgBA,IAAM,EAAiC,CACrC,KAAM,EAAA,MAAM,SAAW,kBAEvB,OAAQ,GAER,KAAM,OAMN,MAAO,UAAY,CACjB,MAAO,MACT,EAEA,SAAU,CAAC,EAAA,GAAG,MAAM,WAAW,CAAC,EAEhC,OAAQ,SAAU,EAAS,EAA6B,CACtD,IAAM,EAAM,EAAQ,IACd,EAAc,gBAAkB,CACpC,IAAM,EAAkB,CAAE,MAAK,MAAK,WAAY,EAAK,IAAG,EAUxD,EAAI,YAAY,EAAI,cAAc,IAAI,CAAC,CAAC,CAAC,YACvC,6BAEF,IAAM,EAAiC,CACrC,IAFkB,EAAI,YAAY,EAAI,cAAc,KAAK,CAEpD,EACL,MACA,WAAY,EACZ,IACF,EACM,EAAgB,MAAM,EAAA,MAAM,qBAChC,EAAQ,QAAQ,aAAa,IAC/B,EAEA,EAAA,OAAO,WAAW,EAAiB,EAAS,CAAa,EAEzD,EAAA,MAAM,iBAAiB,EAAiB,CAAC,CAAC,CAAC,CAAC,KAAK,UAAY,CAAC,CAAC,CACjE,EAEM,EAAM,EAAI,cAAc,KAAK,EAC7B,EAAgB,EAAA,MAAM,YAAY,EAIxC,OAFA,EAAY,EAEL,CACT,CACF"}

package/dist/humanReadablePane2.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"humanReadablePane2.cjs.js","names":[],"sources":["../src/humanReadablePane.ts"],"sourcesContent":["/*   Human-readable Pane\n **\n **  This outline pane contains the document contents for an HTML document\n **  This is for peeking at a page, because the user might not want to leave the data browser.\n */\nimport { icons, ns } from 'solid-ui'\nimport { Util } from 'rdflib'\nimport { marked } from 'marked'\nimport DOMPurify from 'dompurify'\nimport type { DataBrowserContext, RenderEnvironment } from 'pane-registry'\nimport type { NamedNode } from 'rdflib'\nimport './humanReadablePane.css'\n\n// Helper function to check if a URI has a markdown file extension\ntype DokieliCacheValue = 'dokieli' | 'html'\n\ntype HumanReadableIcon = string | Promise<string>\n\ntype HumanReadablePaneDefinition = {\n  icon: (subject: NamedNode, context: DataBrowserContext) => HumanReadableIcon\n  name: string\n  label: (subject: NamedNode, context: DataBrowserContext) => 'view' | 'View' | null\n  render: (subject: NamedNode, context: DataBrowserContext) => HTMLDivElement\n}\n\nconst isMarkdownFile = (uri?: string | null): boolean => {\n  if (!uri) return false\n  const path = uri.split('?')[0].split('#')[0] // Remove query string and fragment\n  return /\\.(md|markdown|mdown|mkd|mkdn)$/i.test(path)\n}\n\n// Cache for dokieli detection results (keyed by subject URI)\nconst dokieliCache = new Map<string, DokieliCacheValue>()\n\nfunction applyFrameClasses (\n  frame: HTMLElement,\n  modifier: 'markdown' | 'plain-text' | 'iframe',\n  lines: number\n): void {\n  frame.className = ''\n  frame.classList.add('human-readable-pane__frame')\n  frame.classList.add(`human-readable-pane__frame--${modifier}`)\n  frame.style.setProperty('--human-readable-pane-height', `${lines}em`)\n}\n\nconst humanReadablePane: HumanReadablePaneDefinition = {\n  icon: function (subject: NamedNode, context: DataBrowserContext): HumanReadableIcon {\n    // Markdown files detected by extension\n    if (subject && isMarkdownFile(subject.uri)) {\n      return icons.iconBase + 'markdown.svg'\n    }\n\n    // Dokieli files detected by content check\n    if (subject) {\n      const kb = context.session.store\n\n      // Check cache from previous detection\n      const cachedResult = dokieliCache.get(subject.uri)\n      if (cachedResult === 'dokieli') {\n        return icons.iconBase + 'dokieli-logo.png'\n      } else if (cachedResult === 'html') {\n        return icons.originalIconBase + 'tango/22-text-x-generic.png'\n      }\n\n      // Check if content already fetched (synchronous)\n      const responseText = kb.fetcher.getHeader(subject.doc(), 'content')\n      if (responseText && responseText.length > 0) {\n        const text = responseText[0]\n        const isDokieli = text.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                         text.includes('dokieli.css')\n        dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n        return isDokieli\n          ? icons.iconBase + 'dokieli-logo.png'\n          : icons.originalIconBase + 'tango/22-text-x-generic.png'\n      }\n\n      // Content not yet fetched - return a promise (async detection)\n      const cts = kb.fetcher.getHeader(subject.doc(), 'content-type')\n      const ct = cts ? cts[0].split(';', 1)[0].trim() : null\n\n      if (ct === 'text/html') {\n        return kb.fetcher._fetch(subject.uri)\n          .then(response => response.text())\n          .then(text => {\n            const isDokieli = text.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                             text.includes('dokieli.css')\n            dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n            return isDokieli\n              ? icons.iconBase + 'dokieli-logo.png'\n              : icons.originalIconBase + 'tango/22-text-x-generic.png'\n          })\n          .catch(() => {\n            dokieliCache.set(subject.uri, 'html')\n            return icons.originalIconBase + 'tango/22-text-x-generic.png'\n          })\n      }\n    }\n\n    // Default for all other human-readable content\n    return icons.originalIconBase + 'tango/22-text-x-generic.png'\n  },\n\n  name: 'humanReadable',\n\n  label: function (\n    subject: NamedNode,\n    context: DataBrowserContext\n  ): 'view' | 'View' | null {\n    const kb = context.session.store\n\n    //   See also the source pane, which has lower precedence.\n\n    const allowed = [\n      'text/plain',\n      'text/html',\n      'text/markdown',\n      'application/xhtml+xml',\n      'image/png',\n      'image/jpeg',\n      'application/pdf',\n      'video/mp4'\n    ]\n\n    const hasContentTypeIn = function (\n      kb: typeof context.session.store,\n      x: NamedNode,\n      displayables: string[]\n    ): boolean {\n      const cts = kb.fetcher.getHeader(x, 'content-type')\n      if (cts) {\n        for (let j = 0; j < cts.length; j++) {\n          for (let k = 0; k < displayables.length; k++) {\n            if (cts[j].indexOf(displayables[k]) >= 0) {\n              return true\n            }\n          }\n        }\n      }\n      return false\n    }\n\n    // This data could come from a fetch OR from ldp container\n    const hasContentTypeIn2 = function (\n      kb: typeof context.session.store,\n      x: NamedNode,\n      displayables: string[]\n    ): boolean {\n      const t = kb.findTypeURIs(x)\n      for (let k = 0; k < displayables.length; k++) {\n        if (Util.mediaTypeClass(displayables[k]).uri in t) {\n          return true\n        }\n      }\n      return false\n    }\n\n    if (!subject.uri) return null // no bnodes\n\n    const t = kb.findTypeURIs(subject)\n    if (t[ns.link('WebPage').uri]) return 'view'\n\n    // Check file extension for markdown files\n    if (isMarkdownFile(subject.uri)) {\n      return 'View'\n    }\n\n    if (\n      hasContentTypeIn(kb, subject, allowed) ||\n      hasContentTypeIn2(kb, subject, allowed)\n    ) {\n      // For HTML files, check if it's dokieli (async check, store result for later)\n      const cts = kb.fetcher.getHeader(subject.doc(), 'content-type')\n      const ct = cts ? cts[0].split(';', 1)[0].trim() : null\n\n      if (ct === 'text/html' && !dokieliCache.has(subject.uri)) {\n        // Async check for dokieli, don't wait for result\n        kb.fetcher._fetch(subject.uri)\n          .then(response => response.text())\n          .then(text => {\n            const isDokieli = text.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                             text.includes('dokieli.css')\n            dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n          })\n          .catch(() => {\n            dokieliCache.set(subject.uri, 'html')\n          })\n      }\n\n      return 'View'\n    }\n\n    return null\n  },\n\n  render: function (\n    subject: NamedNode,\n    context: DataBrowserContext\n  ): HTMLDivElement {\n    const myDocument = context.dom\n    const div = myDocument.createElement('div')\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 cts = kb.fetcher.getHeader(subject.doc(), 'content-type')\n    const ct = cts ? cts[0].split(';', 1)[0].trim() : null // remove content-type parameters\n\n    // Fallback: detect markdown by file extension if content-type is not text/markdown\n    const isMarkdown = ct === 'text/markdown' || isMarkdownFile(subject.uri)\n    const isPlainText = ct === 'text/plain'\n\n    if (ct) {\n      // console.log('humanReadablePane: c-t:' + ct)\n    } else {\n      console.log('humanReadablePane: unknown content-type?')\n    }\n\n    //  @@ When we can, use CSP to turn off scripts within the iframe\n    div.classList.add('human-readable-pane')\n    applyEnvironmentAttributes(div)\n\n    // render markdown to html in a DIV element\n    const renderMarkdownContent = function (frame: HTMLDivElement) {\n      kb.fetcher.webOperation('GET', subject.uri).then(response => {\n        const markdownText = response.responseText ?? ''\n        const lines = Math.min(30, markdownText.split(/\\n/).length + 5)\n        const res = marked.parse(markdownText, { async: false })\n        const clean = DOMPurify.sanitize(res)\n        frame.innerHTML = clean\n        applyFrameClasses(frame, 'markdown', lines)\n      }).catch(error => {\n        console.error('Error fetching markdown content:', error)\n        frame.innerHTML = '<p>Error loading content</p>'\n      })\n    }\n\n    // render plain text in a PRE element\n    const renderPlainTextContent = function (frame: HTMLPreElement) {\n      kb.fetcher.webOperation('GET', subject.uri).then(response => {\n        const plainText = response.responseText ?? ''\n        const lines = Math.min(30, plainText.split(/\\n/).length + 5)\n        frame.textContent = plainText\n        applyFrameClasses(frame, 'plain-text', lines)\n      }).catch(error => {\n        console.error('Error fetching plain text content:', error)\n        frame.textContent = 'Error loading content'\n      })\n    }\n\n    const setIframeAttributes = (frame: HTMLIFrameElement, lines: number) => {\n      frame.setAttribute('src', subject.uri)\n      applyFrameClasses(frame, 'iframe', lines)\n    }\n\n    if (isMarkdown) {\n      // For markdown, use a DIV element and render the content\n      const frame = myDocument.createElement('div')\n      renderMarkdownContent(frame)\n      const frameContainer = myDocument.createElement('div')\n      frameContainer.classList.add('human-readable-pane__container')\n      frameContainer.appendChild(frame)\n      div.appendChild(frameContainer)\n    } else if (isPlainText) {\n      // For plain text, use a PRE element and render the content\n      const frame = myDocument.createElement('pre')\n      renderPlainTextContent(frame)\n      const frameContainer = myDocument.createElement('div')\n      frameContainer.classList.add('human-readable-pane__container')\n      frameContainer.appendChild(frame)\n      div.appendChild(frameContainer)\n    } else {\n      // For other content types, use IFRAME\n      const frame = myDocument.createElement('iframe')\n\n      // Apply sandbox for HTML/XHTML\n      if (ct === 'text/html' || ct === 'application/xhtml+xml') {\n        frame.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-forms')\n      }\n\n      // Fetch content to calculate lines dynamically\n      kb.fetcher.webOperation('GET', subject.uri).then(response => {\n        const blobText = response.responseText ?? ''\n        const newLines = blobText.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ? -10 : 5\n        const lines = Math.min(30, blobText.split(/\\n/).length + newLines)\n\n        // Cache dokieli detection result\n        const isDokieli = blobText.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                         blobText.includes('dokieli.css')\n        dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n\n        setIframeAttributes(frame, lines)\n      }).catch(error => {\n        console.error('Error fetching content for line calculation:', error)\n        // Fallback to default height\n        setIframeAttributes(frame, 30)\n      })\n\n      const frameContainer = myDocument.createElement('div')\n      frameContainer.classList.add('human-readable-pane__container')\n      frameContainer.appendChild(frame)\n      div.appendChild(frameContainer)\n    }\n\n    return div\n  }\n}\n\nexport default humanReadablePane\n// ends\n"],"mappings":"qMAyBA,IAAM,EAAkB,GAAiC,CACvD,GAAI,CAAC,EAAK,MAAO,GACjB,IAAM,EAAO,EAAI,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAC1C,MAAO,mCAAmC,KAAK,CAAI,CACrD,EAGM,EAAe,IAAI,IAEzB,SAAS,EACP,EACA,EACA,EACM,CACN,EAAM,UAAY,GAClB,EAAM,UAAU,IAAI,4BAA4B,EAChD,EAAM,UAAU,IAAI,+BAA+B,GAAU,EAC7D,EAAM,MAAM,YAAY,+BAAgC,GAAG,EAAM,GAAG,CACtE,CAEA,IAAM,EAAiD,CACrD,KAAM,SAAU,EAAoB,EAAgD,CAElF,GAAI,GAAW,EAAe,EAAQ,GAAG,EACvC,OAAO,EAAA,MAAM,SAAW,eAI1B,GAAI,EAAS,CACX,IAAM,EAAK,EAAQ,QAAQ,MAGrB,EAAe,EAAa,IAAI,EAAQ,GAAG,EACjD,GAAI,IAAiB,UACnB,OAAO,EAAA,MAAM,SAAW,mBACnB,GAAI,IAAiB,OAC1B,OAAO,EAAA,MAAM,iBAAmB,8BAIlC,IAAM,EAAe,EAAG,QAAQ,UAAU,EAAQ,IAAI,EAAG,SAAS,EAClE,GAAI,GAAgB,EAAa,OAAS,EAAG,CAC3C,IAAM,EAAO,EAAa,GACpB,EAAY,EAAK,SAAS,oDAAoD,GACnE,EAAK,SAAS,aAAa,EAE5C,OADA,EAAa,IAAI,EAAQ,IAAK,EAAY,UAAY,MAAM,EACrD,EACH,EAAA,MAAM,SAAW,mBACjB,EAAA,MAAM,iBAAmB,6BAC/B,CAGA,IAAM,EAAM,EAAG,QAAQ,UAAU,EAAQ,IAAI,EAAG,cAAc,EAG9D,IAFW,EAAM,EAAI,EAAE,CAAC,MAAM,IAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAI,QAEvC,YACT,OAAO,EAAG,QAAQ,OAAO,EAAQ,GAAG,CAAC,CAClC,KAAK,GAAY,EAAS,KAAK,CAAC,CAAC,CACjC,KAAK,GAAQ,CACZ,IAAM,EAAY,EAAK,SAAS,oDAAoD,GACnE,EAAK,SAAS,aAAa,EAE5C,OADA,EAAa,IAAI,EAAQ,IAAK,EAAY,UAAY,MAAM,EACrD,EACH,EAAA,MAAM,SAAW,mBACjB,EAAA,MAAM,iBAAmB,6BAC/B,CAAC,CAAC,CACD,WACC,EAAa,IAAI,EAAQ,IAAK,MAAM,EAC7B,EAAA,MAAM,iBAAmB,8BACjC,CAEP,CAGA,OAAO,EAAA,MAAM,iBAAmB,6BAClC,EAEA,KAAM,gBAEN,MAAO,SACL,EACA,EACwB,CACxB,IAAM,EAAK,EAAQ,QAAQ,MAIrB,EAAU,CACd,aACA,YACA,gBACA,wBACA,YACA,aACA,kBACA,WACF,EAEM,EAAmB,SACvB,EACA,EACA,EACS,CACT,IAAM,EAAM,EAAG,QAAQ,UAAU,EAAG,cAAc,EAClD,GAAI,OACG,IAAI,EAAI,EAAG,EAAI,EAAI,OAAQ,IAC9B,IAAK,IAAI,EAAI,EAAG,EAAI,EAAa,OAAQ,IACvC,GAAI,EAAI,EAAE,CAAC,QAAQ,EAAa,EAAE,GAAK,EACrC,MAAO,EAAA,CAKf,MAAO,EACT,EAGM,EAAoB,SACxB,EACA,EACA,EACS,CACT,IAAM,EAAI,EAAG,aAAa,CAAC,EAC3B,IAAK,IAAI,EAAI,EAAG,EAAI,EAAa,OAAQ,IACvC,GAAI,EAAA,KAAK,eAAe,EAAa,EAAE,CAAC,CAAC,OAAO,EAC9C,MAAO,GAGX,MAAO,EACT,EAEA,GAAI,CAAC,EAAQ,IAAK,OAAO,KAGzB,GADU,EAAG,aAAa,CACtB,CAAA,CAAE,EAAA,GAAG,KAAK,SAAS,CAAC,CAAC,KAAM,MAAO,OAGtC,GAAI,EAAe,EAAQ,GAAG,EAC5B,MAAO,OAGT,GACE,EAAiB,EAAI,EAAS,CAAO,GACrC,EAAkB,EAAI,EAAS,CAAO,EACtC,CAEA,IAAM,EAAM,EAAG,QAAQ,UAAU,EAAQ,IAAI,EAAG,cAAc,EAiB9D,OAhBW,EAAM,EAAI,EAAE,CAAC,MAAM,IAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAI,QAEvC,aAAe,CAAC,EAAa,IAAI,EAAQ,GAAG,GAErD,EAAG,QAAQ,OAAO,EAAQ,GAAG,CAAC,CAC3B,KAAK,GAAY,EAAS,KAAK,CAAC,CAAC,CACjC,KAAK,GAAQ,CACZ,IAAM,EAAY,EAAK,SAAS,oDAAoD,GACnE,EAAK,SAAS,aAAa,EAC5C,EAAa,IAAI,EAAQ,IAAK,EAAY,UAAY,MAAM,CAC9D,CAAC,CAAC,CACD,UAAY,CACX,EAAa,IAAI,EAAQ,IAAK,MAAM,CACtC,CAAC,EAGE,MACT,CAEA,OAAO,IACT,EAEA,OAAQ,SACN,EACA,EACgB,CAChB,IAAM,EAAa,EAAQ,IACrB,EAAM,EAAW,cAAc,KAAK,EACpC,EAAK,EAAQ,QAAQ,MAE3B,SAAS,EAA4B,EAA+B,CAClE,IAAM,EAAe,EAAQ,aAAe,CAAC,EAC7C,EAAQ,QAAQ,OAAS,EAAY,QAAU,SACjD,CAEA,IAAM,EAAM,EAAG,QAAQ,UAAU,EAAQ,IAAI,EAAG,cAAc,EACxD,EAAK,EAAM,EAAI,EAAE,CAAC,MAAM,IAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAI,KAG5C,EAAa,IAAO,iBAAmB,EAAe,EAAQ,GAAG,EACjE,EAAc,IAAO,aAEvB,GAGF,QAAQ,IAAI,0CAA0C,EAIxD,EAAI,UAAU,IAAI,qBAAqB,EACvC,EAA2B,CAAG,EAG9B,IAAM,EAAwB,SAAU,EAAuB,CAC7D,EAAG,QAAQ,aAAa,MAAO,EAAQ,GAAG,CAAC,CAAC,KAAK,GAAY,CAC3D,IAAM,EAAe,EAAS,cAAgB,GACxC,EAAQ,KAAK,IAAI,GAAI,EAAa,MAAM,IAAI,CAAC,CAAC,OAAS,CAAC,EACxD,EAAM,EAAA,OAAO,MAAM,EAAc,CAAE,MAAO,EAAM,CAAC,EAEvD,EAAM,UADQ,EAAA,QAAU,SAAS,CACf,EAClB,EAAkB,EAAO,WAAY,CAAK,CAC5C,CAAC,CAAC,CAAC,MAAM,GAAS,CAChB,QAAQ,MAAM,mCAAoC,CAAK,EACvD,EAAM,UAAY,8BACpB,CAAC,CACH,EAGM,EAAyB,SAAU,EAAuB,CAC9D,EAAG,QAAQ,aAAa,MAAO,EAAQ,GAAG,CAAC,CAAC,KAAK,GAAY,CAC3D,IAAM,EAAY,EAAS,cAAgB,GACrC,EAAQ,KAAK,IAAI,GAAI,EAAU,MAAM,IAAI,CAAC,CAAC,OAAS,CAAC,EAC3D,EAAM,YAAc,EACpB,EAAkB,EAAO,aAAc,CAAK,CAC9C,CAAC,CAAC,CAAC,MAAM,GAAS,CAChB,QAAQ,MAAM,qCAAsC,CAAK,EACzD,EAAM,YAAc,uBACtB,CAAC,CACH,EAEM,GAAuB,EAA0B,IAAkB,CACvE,EAAM,aAAa,MAAO,EAAQ,GAAG,EACrC,EAAkB,EAAO,SAAU,CAAK,CAC1C,EAEA,GAAI,EAAY,CAEd,IAAM,EAAQ,EAAW,cAAc,KAAK,EAC5C,EAAsB,CAAK,EAC3B,IAAM,EAAiB,EAAW,cAAc,KAAK,EACrD,EAAe,UAAU,IAAI,gCAAgC,EAC7D,EAAe,YAAY,CAAK,EAChC,EAAI,YAAY,CAAc,CAChC,MAAO,GAAI,EAAa,CAEtB,IAAM,EAAQ,EAAW,cAAc,KAAK,EAC5C,EAAuB,CAAK,EAC5B,IAAM,EAAiB,EAAW,cAAc,KAAK,EACrD,EAAe,UAAU,IAAI,gCAAgC,EAC7D,EAAe,YAAY,CAAK,EAChC,EAAI,YAAY,CAAc,CAChC,KAAO,CAEL,IAAM,EAAQ,EAAW,cAAc,QAAQ,GAG3C,IAAO,aAAe,IAAO,0BAC/B,EAAM,aAAa,UAAW,6CAA6C,EAI7E,EAAG,QAAQ,aAAa,MAAO,EAAQ,GAAG,CAAC,CAAC,KAAK,GAAY,CAC3D,IAAM,EAAW,EAAS,cAAgB,GACpC,EAAW,EAAS,SAAS,oDAAoD,EAAI,IAAM,EAC3F,EAAQ,KAAK,IAAI,GAAI,EAAS,MAAM,IAAI,CAAC,CAAC,OAAS,CAAQ,EAG3D,EAAY,EAAS,SAAS,oDAAoD,GACvE,EAAS,SAAS,aAAa,EAChD,EAAa,IAAI,EAAQ,IAAK,EAAY,UAAY,MAAM,EAE5D,EAAoB,EAAO,CAAK,CAClC,CAAC,CAAC,CAAC,MAAM,GAAS,CAChB,QAAQ,MAAM,+CAAgD,CAAK,EAEnE,EAAoB,EAAO,EAAE,CAC/B,CAAC,EAED,IAAM,EAAiB,EAAW,cAAc,KAAK,EACrD,EAAe,UAAU,IAAI,gCAAgC,EAC7D,EAAe,YAAY,CAAK,EAChC,EAAI,YAAY,CAAc,CAChC,CAEA,OAAO,CACT,CACF"}
+{"version":3,"file":"humanReadablePane2.cjs.js","names":[],"sources":["../src/humanReadablePane.ts"],"sourcesContent":["/*   Human-readable Pane\n **\n **  This outline pane contains the document contents for an HTML document\n **  This is for peeking at a page, because the user might not want to leave the data browser.\n */\nimport { icons, ns } from 'solid-ui'\nimport { Util } from 'rdflib'\nimport { marked } from 'marked'\nimport DOMPurify from 'dompurify'\nimport type { DataBrowserContext, RenderEnvironment } from 'pane-registry'\nimport type { NamedNode } from 'rdflib'\nimport './humanReadablePane.css'\n\n// Helper function to check if a URI has a markdown file extension\ntype DokieliCacheValue = 'dokieli' | 'html'\n\ntype HumanReadableIcon = string | Promise<string>\n\ntype HumanReadablePaneDefinition = {\n  icon: (subject: NamedNode, context: DataBrowserContext) => HumanReadableIcon\n  name: string\n  label: (subject: NamedNode, context: DataBrowserContext) => 'view' | 'View' | null\n  render: (subject: NamedNode, context: DataBrowserContext) => HTMLDivElement\n}\n\nconst isMarkdownFile = (uri?: string | null): boolean => {\n  if (!uri) return false\n  const path = uri.split('?')[0].split('#')[0] // Remove query string and fragment\n  return /\\.(md|markdown|mdown|mkd|mkdn)$/i.test(path)\n}\n\n// Cache for dokieli detection results (keyed by subject URI)\nconst dokieliCache = new Map<string, DokieliCacheValue>()\n\nfunction applyFrameClasses (\n  frame: HTMLElement,\n  modifier: 'markdown' | 'plain-text' | 'iframe',\n  lines: number\n): void {\n  frame.className = ''\n  frame.classList.add('human-readable-pane__frame')\n  frame.classList.add(`human-readable-pane__frame--${modifier}`)\n  frame.style.setProperty('--human-readable-pane-height', `${lines}em`)\n}\n\nconst humanReadablePane: HumanReadablePaneDefinition = {\n  icon: function (subject: NamedNode, context: DataBrowserContext): HumanReadableIcon {\n    // Markdown files detected by extension\n    if (subject && isMarkdownFile(subject.uri)) {\n      return icons.iconBase + 'markdown.svg'\n    }\n\n    // Dokieli files detected by content check\n    if (subject) {\n      const kb = context.session.store\n\n      // Check cache from previous detection\n      const cachedResult = dokieliCache.get(subject.uri)\n      if (cachedResult === 'dokieli') {\n        return icons.iconBase + 'dokieli-logo.png'\n      } else if (cachedResult === 'html') {\n        return icons.originalIconBase + 'tango/22-text-x-generic.png'\n      }\n\n      // Check if content already fetched (synchronous)\n      const responseText = kb.fetcher.getHeader(subject.doc(), 'content')\n      if (responseText && responseText.length > 0) {\n        const text = responseText[0]\n        const isDokieli = text.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                         text.includes('dokieli.css')\n        dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n        return isDokieli\n          ? icons.iconBase + 'dokieli-logo.png'\n          : icons.originalIconBase + 'tango/22-text-x-generic.png'\n      }\n\n      // Content not yet fetched - return a promise (async detection)\n      const cts = kb.fetcher.getHeader(subject.doc(), 'content-type')\n      const ct = cts ? cts[0].split(';', 1)[0].trim() : null\n\n      if (ct === 'text/html') {\n        return kb.fetcher._fetch(subject.uri)\n          .then(response => response.text())\n          .then(text => {\n            const isDokieli = text.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                             text.includes('dokieli.css')\n            dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n            return isDokieli\n              ? icons.iconBase + 'dokieli-logo.png'\n              : icons.originalIconBase + 'tango/22-text-x-generic.png'\n          })\n          .catch(() => {\n            dokieliCache.set(subject.uri, 'html')\n            return icons.originalIconBase + 'tango/22-text-x-generic.png'\n          })\n      }\n    }\n\n    // Default for all other human-readable content\n    return icons.originalIconBase + 'tango/22-text-x-generic.png'\n  },\n\n  name: 'humanReadable',\n\n  label: function (\n    subject: NamedNode,\n    context: DataBrowserContext\n  ): 'view' | 'View' | null {\n    const kb = context.session.store\n\n    //   See also the source pane, which has lower precedence.\n\n    const allowed = [\n      'text/plain',\n      'text/html',\n      'text/markdown',\n      'application/xhtml+xml',\n      'image/png',\n      'image/jpeg',\n      'application/pdf',\n      'video/mp4'\n    ]\n\n    const hasContentTypeIn = function (\n      kb: typeof context.session.store,\n      x: NamedNode,\n      displayables: string[]\n    ): boolean {\n      const cts = kb.fetcher.getHeader(x, 'content-type')\n      if (cts) {\n        for (let j = 0; j < cts.length; j++) {\n          for (let k = 0; k < displayables.length; k++) {\n            if (cts[j].indexOf(displayables[k]) >= 0) {\n              return true\n            }\n          }\n        }\n      }\n      return false\n    }\n\n    // This data could come from a fetch OR from ldp container\n    const hasContentTypeIn2 = function (\n      kb: typeof context.session.store,\n      x: NamedNode,\n      displayables: string[]\n    ): boolean {\n      const t = kb.findTypeURIs(x)\n      for (let k = 0; k < displayables.length; k++) {\n        if (Util.mediaTypeClass(displayables[k]).uri in t) {\n          return true\n        }\n      }\n      return false\n    }\n\n    if (!subject.uri) return null // no bnodes\n\n    const t = kb.findTypeURIs(subject)\n    if (t[ns.link('WebPage').uri]) return 'view'\n\n    // Check file extension for markdown files\n    if (isMarkdownFile(subject.uri)) {\n      return 'View'\n    }\n\n    if (\n      hasContentTypeIn(kb, subject, allowed) ||\n      hasContentTypeIn2(kb, subject, allowed)\n    ) {\n      // For HTML files, check if it's dokieli (async check, store result for later)\n      const cts = kb.fetcher.getHeader(subject.doc(), 'content-type')\n      const ct = cts ? cts[0].split(';', 1)[0].trim() : null\n\n      if (ct === 'text/html' && !dokieliCache.has(subject.uri)) {\n        // Async check for dokieli, don't wait for result\n        kb.fetcher._fetch(subject.uri)\n          .then(response => response.text())\n          .then(text => {\n            const isDokieli = text.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                             text.includes('dokieli.css')\n            dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n          })\n          .catch(() => {\n            dokieliCache.set(subject.uri, 'html')\n          })\n      }\n\n      return 'View'\n    }\n\n    return null\n  },\n\n  render: function (\n    subject: NamedNode,\n    context: DataBrowserContext\n  ): HTMLDivElement {\n    const myDocument = context.dom\n    const div = myDocument.createElement('div')\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 cts = kb.fetcher.getHeader(subject.doc(), 'content-type')\n    const ct = cts ? cts[0].split(';', 1)[0].trim() : null // remove content-type parameters\n\n    // Fallback: detect markdown by file extension if content-type is not text/markdown\n    const isMarkdown = ct === 'text/markdown' || isMarkdownFile(subject.uri)\n    const isPlainText = ct === 'text/plain'\n\n    if (ct) {\n      // console.log('humanReadablePane: c-t:' + ct)\n    } else {\n      console.log('humanReadablePane: unknown content-type?')\n    }\n\n    //  @@ When we can, use CSP to turn off scripts within the iframe\n    div.classList.add('human-readable-pane')\n    applyEnvironmentAttributes(div)\n\n    // render markdown to html in a DIV element\n    const renderMarkdownContent = function (frame: HTMLDivElement) {\n      kb.fetcher.webOperation('GET', subject.uri).then(response => {\n        const markdownText = response.responseText ?? ''\n        const lines = Math.min(30, markdownText.split(/\\n/).length + 5)\n        const res = marked.parse(markdownText, { async: false })\n        const clean = DOMPurify.sanitize(res)\n        frame.innerHTML = clean\n        applyFrameClasses(frame, 'markdown', lines)\n      }).catch(error => {\n        console.error('Error fetching markdown content:', error)\n        frame.innerHTML = '<p>Error loading content</p>'\n      })\n    }\n\n    // render plain text in a PRE element\n    const renderPlainTextContent = function (frame: HTMLPreElement) {\n      kb.fetcher.webOperation('GET', subject.uri).then(response => {\n        const plainText = response.responseText ?? ''\n        const lines = Math.min(30, plainText.split(/\\n/).length + 5)\n        frame.textContent = plainText\n        applyFrameClasses(frame, 'plain-text', lines)\n      }).catch(error => {\n        console.error('Error fetching plain text content:', error)\n        frame.textContent = 'Error loading content'\n      })\n    }\n\n    const setIframeAttributes = (frame: HTMLIFrameElement, lines: number) => {\n      frame.setAttribute('src', subject.uri)\n      applyFrameClasses(frame, 'iframe', lines)\n    }\n\n    if (isMarkdown) {\n      // For markdown, use a DIV element and render the content\n      const frame = myDocument.createElement('div')\n      renderMarkdownContent(frame)\n      const frameContainer = myDocument.createElement('div')\n      frameContainer.classList.add('human-readable-pane__container')\n      frameContainer.appendChild(frame)\n      div.appendChild(frameContainer)\n    } else if (isPlainText) {\n      // For plain text, use a PRE element and render the content\n      const frame = myDocument.createElement('pre')\n      renderPlainTextContent(frame)\n      const frameContainer = myDocument.createElement('div')\n      frameContainer.classList.add('human-readable-pane__container')\n      frameContainer.appendChild(frame)\n      div.appendChild(frameContainer)\n    } else {\n      // For other content types, use IFRAME\n      const frame = myDocument.createElement('iframe')\n\n      // Apply sandbox for HTML/XHTML\n      if (ct === 'text/html' || ct === 'application/xhtml+xml') {\n        frame.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-forms')\n      }\n\n      // Fetch content to calculate lines dynamically\n      kb.fetcher.webOperation('GET', subject.uri).then(response => {\n        const blobText = response.responseText ?? ''\n        const newLines = blobText.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ? -10 : 5\n        const lines = Math.min(30, blobText.split(/\\n/).length + newLines)\n\n        // Cache dokieli detection result\n        const isDokieli = blobText.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                         blobText.includes('dokieli.css')\n        dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n\n        setIframeAttributes(frame, lines)\n      }).catch(error => {\n        console.error('Error fetching content for line calculation:', error)\n        // Fallback to default height\n        setIframeAttributes(frame, 30)\n      })\n\n      const frameContainer = myDocument.createElement('div')\n      frameContainer.classList.add('human-readable-pane__container')\n      frameContainer.appendChild(frame)\n      div.appendChild(frameContainer)\n    }\n\n    return div\n  }\n}\n\nexport default humanReadablePane\n// ends\n"],"mappings":"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"}

package/dist/humanReadablePane2.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"humanReadablePane2.esm.js","names":[],"sources":["../src/humanReadablePane.ts"],"sourcesContent":["/*   Human-readable Pane\n **\n **  This outline pane contains the document contents for an HTML document\n **  This is for peeking at a page, because the user might not want to leave the data browser.\n */\nimport { icons, ns } from 'solid-ui'\nimport { Util } from 'rdflib'\nimport { marked } from 'marked'\nimport DOMPurify from 'dompurify'\nimport type { DataBrowserContext, RenderEnvironment } from 'pane-registry'\nimport type { NamedNode } from 'rdflib'\nimport './humanReadablePane.css'\n\n// Helper function to check if a URI has a markdown file extension\ntype DokieliCacheValue = 'dokieli' | 'html'\n\ntype HumanReadableIcon = string | Promise<string>\n\ntype HumanReadablePaneDefinition = {\n  icon: (subject: NamedNode, context: DataBrowserContext) => HumanReadableIcon\n  name: string\n  label: (subject: NamedNode, context: DataBrowserContext) => 'view' | 'View' | null\n  render: (subject: NamedNode, context: DataBrowserContext) => HTMLDivElement\n}\n\nconst isMarkdownFile = (uri?: string | null): boolean => {\n  if (!uri) return false\n  const path = uri.split('?')[0].split('#')[0] // Remove query string and fragment\n  return /\\.(md|markdown|mdown|mkd|mkdn)$/i.test(path)\n}\n\n// Cache for dokieli detection results (keyed by subject URI)\nconst dokieliCache = new Map<string, DokieliCacheValue>()\n\nfunction applyFrameClasses (\n  frame: HTMLElement,\n  modifier: 'markdown' | 'plain-text' | 'iframe',\n  lines: number\n): void {\n  frame.className = ''\n  frame.classList.add('human-readable-pane__frame')\n  frame.classList.add(`human-readable-pane__frame--${modifier}`)\n  frame.style.setProperty('--human-readable-pane-height', `${lines}em`)\n}\n\nconst humanReadablePane: HumanReadablePaneDefinition = {\n  icon: function (subject: NamedNode, context: DataBrowserContext): HumanReadableIcon {\n    // Markdown files detected by extension\n    if (subject && isMarkdownFile(subject.uri)) {\n      return icons.iconBase + 'markdown.svg'\n    }\n\n    // Dokieli files detected by content check\n    if (subject) {\n      const kb = context.session.store\n\n      // Check cache from previous detection\n      const cachedResult = dokieliCache.get(subject.uri)\n      if (cachedResult === 'dokieli') {\n        return icons.iconBase + 'dokieli-logo.png'\n      } else if (cachedResult === 'html') {\n        return icons.originalIconBase + 'tango/22-text-x-generic.png'\n      }\n\n      // Check if content already fetched (synchronous)\n      const responseText = kb.fetcher.getHeader(subject.doc(), 'content')\n      if (responseText && responseText.length > 0) {\n        const text = responseText[0]\n        const isDokieli = text.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                         text.includes('dokieli.css')\n        dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n        return isDokieli\n          ? icons.iconBase + 'dokieli-logo.png'\n          : icons.originalIconBase + 'tango/22-text-x-generic.png'\n      }\n\n      // Content not yet fetched - return a promise (async detection)\n      const cts = kb.fetcher.getHeader(subject.doc(), 'content-type')\n      const ct = cts ? cts[0].split(';', 1)[0].trim() : null\n\n      if (ct === 'text/html') {\n        return kb.fetcher._fetch(subject.uri)\n          .then(response => response.text())\n          .then(text => {\n            const isDokieli = text.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                             text.includes('dokieli.css')\n            dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n            return isDokieli\n              ? icons.iconBase + 'dokieli-logo.png'\n              : icons.originalIconBase + 'tango/22-text-x-generic.png'\n          })\n          .catch(() => {\n            dokieliCache.set(subject.uri, 'html')\n            return icons.originalIconBase + 'tango/22-text-x-generic.png'\n          })\n      }\n    }\n\n    // Default for all other human-readable content\n    return icons.originalIconBase + 'tango/22-text-x-generic.png'\n  },\n\n  name: 'humanReadable',\n\n  label: function (\n    subject: NamedNode,\n    context: DataBrowserContext\n  ): 'view' | 'View' | null {\n    const kb = context.session.store\n\n    //   See also the source pane, which has lower precedence.\n\n    const allowed = [\n      'text/plain',\n      'text/html',\n      'text/markdown',\n      'application/xhtml+xml',\n      'image/png',\n      'image/jpeg',\n      'application/pdf',\n      'video/mp4'\n    ]\n\n    const hasContentTypeIn = function (\n      kb: typeof context.session.store,\n      x: NamedNode,\n      displayables: string[]\n    ): boolean {\n      const cts = kb.fetcher.getHeader(x, 'content-type')\n      if (cts) {\n        for (let j = 0; j < cts.length; j++) {\n          for (let k = 0; k < displayables.length; k++) {\n            if (cts[j].indexOf(displayables[k]) >= 0) {\n              return true\n            }\n          }\n        }\n      }\n      return false\n    }\n\n    // This data could come from a fetch OR from ldp container\n    const hasContentTypeIn2 = function (\n      kb: typeof context.session.store,\n      x: NamedNode,\n      displayables: string[]\n    ): boolean {\n      const t = kb.findTypeURIs(x)\n      for (let k = 0; k < displayables.length; k++) {\n        if (Util.mediaTypeClass(displayables[k]).uri in t) {\n          return true\n        }\n      }\n      return false\n    }\n\n    if (!subject.uri) return null // no bnodes\n\n    const t = kb.findTypeURIs(subject)\n    if (t[ns.link('WebPage').uri]) return 'view'\n\n    // Check file extension for markdown files\n    if (isMarkdownFile(subject.uri)) {\n      return 'View'\n    }\n\n    if (\n      hasContentTypeIn(kb, subject, allowed) ||\n      hasContentTypeIn2(kb, subject, allowed)\n    ) {\n      // For HTML files, check if it's dokieli (async check, store result for later)\n      const cts = kb.fetcher.getHeader(subject.doc(), 'content-type')\n      const ct = cts ? cts[0].split(';', 1)[0].trim() : null\n\n      if (ct === 'text/html' && !dokieliCache.has(subject.uri)) {\n        // Async check for dokieli, don't wait for result\n        kb.fetcher._fetch(subject.uri)\n          .then(response => response.text())\n          .then(text => {\n            const isDokieli = text.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                             text.includes('dokieli.css')\n            dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n          })\n          .catch(() => {\n            dokieliCache.set(subject.uri, 'html')\n          })\n      }\n\n      return 'View'\n    }\n\n    return null\n  },\n\n  render: function (\n    subject: NamedNode,\n    context: DataBrowserContext\n  ): HTMLDivElement {\n    const myDocument = context.dom\n    const div = myDocument.createElement('div')\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 cts = kb.fetcher.getHeader(subject.doc(), 'content-type')\n    const ct = cts ? cts[0].split(';', 1)[0].trim() : null // remove content-type parameters\n\n    // Fallback: detect markdown by file extension if content-type is not text/markdown\n    const isMarkdown = ct === 'text/markdown' || isMarkdownFile(subject.uri)\n    const isPlainText = ct === 'text/plain'\n\n    if (ct) {\n      // console.log('humanReadablePane: c-t:' + ct)\n    } else {\n      console.log('humanReadablePane: unknown content-type?')\n    }\n\n    //  @@ When we can, use CSP to turn off scripts within the iframe\n    div.classList.add('human-readable-pane')\n    applyEnvironmentAttributes(div)\n\n    // render markdown to html in a DIV element\n    const renderMarkdownContent = function (frame: HTMLDivElement) {\n      kb.fetcher.webOperation('GET', subject.uri).then(response => {\n        const markdownText = response.responseText ?? ''\n        const lines = Math.min(30, markdownText.split(/\\n/).length + 5)\n        const res = marked.parse(markdownText, { async: false })\n        const clean = DOMPurify.sanitize(res)\n        frame.innerHTML = clean\n        applyFrameClasses(frame, 'markdown', lines)\n      }).catch(error => {\n        console.error('Error fetching markdown content:', error)\n        frame.innerHTML = '<p>Error loading content</p>'\n      })\n    }\n\n    // render plain text in a PRE element\n    const renderPlainTextContent = function (frame: HTMLPreElement) {\n      kb.fetcher.webOperation('GET', subject.uri).then(response => {\n        const plainText = response.responseText ?? ''\n        const lines = Math.min(30, plainText.split(/\\n/).length + 5)\n        frame.textContent = plainText\n        applyFrameClasses(frame, 'plain-text', lines)\n      }).catch(error => {\n        console.error('Error fetching plain text content:', error)\n        frame.textContent = 'Error loading content'\n      })\n    }\n\n    const setIframeAttributes = (frame: HTMLIFrameElement, lines: number) => {\n      frame.setAttribute('src', subject.uri)\n      applyFrameClasses(frame, 'iframe', lines)\n    }\n\n    if (isMarkdown) {\n      // For markdown, use a DIV element and render the content\n      const frame = myDocument.createElement('div')\n      renderMarkdownContent(frame)\n      const frameContainer = myDocument.createElement('div')\n      frameContainer.classList.add('human-readable-pane__container')\n      frameContainer.appendChild(frame)\n      div.appendChild(frameContainer)\n    } else if (isPlainText) {\n      // For plain text, use a PRE element and render the content\n      const frame = myDocument.createElement('pre')\n      renderPlainTextContent(frame)\n      const frameContainer = myDocument.createElement('div')\n      frameContainer.classList.add('human-readable-pane__container')\n      frameContainer.appendChild(frame)\n      div.appendChild(frameContainer)\n    } else {\n      // For other content types, use IFRAME\n      const frame = myDocument.createElement('iframe')\n\n      // Apply sandbox for HTML/XHTML\n      if (ct === 'text/html' || ct === 'application/xhtml+xml') {\n        frame.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-forms')\n      }\n\n      // Fetch content to calculate lines dynamically\n      kb.fetcher.webOperation('GET', subject.uri).then(response => {\n        const blobText = response.responseText ?? ''\n        const newLines = blobText.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ? -10 : 5\n        const lines = Math.min(30, blobText.split(/\\n/).length + newLines)\n\n        // Cache dokieli detection result\n        const isDokieli = blobText.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                         blobText.includes('dokieli.css')\n        dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n\n        setIframeAttributes(frame, lines)\n      }).catch(error => {\n        console.error('Error fetching content for line calculation:', error)\n        // Fallback to default height\n        setIframeAttributes(frame, 30)\n      })\n\n      const frameContainer = myDocument.createElement('div')\n      frameContainer.classList.add('human-readable-pane__container')\n      frameContainer.appendChild(frame)\n      div.appendChild(frameContainer)\n    }\n\n    return div\n  }\n}\n\nexport default humanReadablePane\n// ends\n"],"mappings":"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"}
+{"version":3,"file":"humanReadablePane2.esm.js","names":[],"sources":["../src/humanReadablePane.ts"],"sourcesContent":["/*   Human-readable Pane\n **\n **  This outline pane contains the document contents for an HTML document\n **  This is for peeking at a page, because the user might not want to leave the data browser.\n */\nimport { icons, ns } from 'solid-ui'\nimport { Util } from 'rdflib'\nimport { marked } from 'marked'\nimport DOMPurify from 'dompurify'\nimport type { DataBrowserContext, RenderEnvironment } from 'pane-registry'\nimport type { NamedNode } from 'rdflib'\nimport './humanReadablePane.css'\n\n// Helper function to check if a URI has a markdown file extension\ntype DokieliCacheValue = 'dokieli' | 'html'\n\ntype HumanReadableIcon = string | Promise<string>\n\ntype HumanReadablePaneDefinition = {\n  icon: (subject: NamedNode, context: DataBrowserContext) => HumanReadableIcon\n  name: string\n  label: (subject: NamedNode, context: DataBrowserContext) => 'view' | 'View' | null\n  render: (subject: NamedNode, context: DataBrowserContext) => HTMLDivElement\n}\n\nconst isMarkdownFile = (uri?: string | null): boolean => {\n  if (!uri) return false\n  const path = uri.split('?')[0].split('#')[0] // Remove query string and fragment\n  return /\\.(md|markdown|mdown|mkd|mkdn)$/i.test(path)\n}\n\n// Cache for dokieli detection results (keyed by subject URI)\nconst dokieliCache = new Map<string, DokieliCacheValue>()\n\nfunction applyFrameClasses (\n  frame: HTMLElement,\n  modifier: 'markdown' | 'plain-text' | 'iframe',\n  lines: number\n): void {\n  frame.className = ''\n  frame.classList.add('human-readable-pane__frame')\n  frame.classList.add(`human-readable-pane__frame--${modifier}`)\n  frame.style.setProperty('--human-readable-pane-height', `${lines}em`)\n}\n\nconst humanReadablePane: HumanReadablePaneDefinition = {\n  icon: function (subject: NamedNode, context: DataBrowserContext): HumanReadableIcon {\n    // Markdown files detected by extension\n    if (subject && isMarkdownFile(subject.uri)) {\n      return icons.iconBase + 'markdown.svg'\n    }\n\n    // Dokieli files detected by content check\n    if (subject) {\n      const kb = context.session.store\n\n      // Check cache from previous detection\n      const cachedResult = dokieliCache.get(subject.uri)\n      if (cachedResult === 'dokieli') {\n        return icons.iconBase + 'dokieli-logo.png'\n      } else if (cachedResult === 'html') {\n        return icons.originalIconBase + 'tango/22-text-x-generic.png'\n      }\n\n      // Check if content already fetched (synchronous)\n      const responseText = kb.fetcher.getHeader(subject.doc(), 'content')\n      if (responseText && responseText.length > 0) {\n        const text = responseText[0]\n        const isDokieli = text.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                         text.includes('dokieli.css')\n        dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n        return isDokieli\n          ? icons.iconBase + 'dokieli-logo.png'\n          : icons.originalIconBase + 'tango/22-text-x-generic.png'\n      }\n\n      // Content not yet fetched - return a promise (async detection)\n      const cts = kb.fetcher.getHeader(subject.doc(), 'content-type')\n      const ct = cts ? cts[0].split(';', 1)[0].trim() : null\n\n      if (ct === 'text/html') {\n        return kb.fetcher._fetch(subject.uri)\n          .then(response => response.text())\n          .then(text => {\n            const isDokieli = text.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                             text.includes('dokieli.css')\n            dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n            return isDokieli\n              ? icons.iconBase + 'dokieli-logo.png'\n              : icons.originalIconBase + 'tango/22-text-x-generic.png'\n          })\n          .catch(() => {\n            dokieliCache.set(subject.uri, 'html')\n            return icons.originalIconBase + 'tango/22-text-x-generic.png'\n          })\n      }\n    }\n\n    // Default for all other human-readable content\n    return icons.originalIconBase + 'tango/22-text-x-generic.png'\n  },\n\n  name: 'humanReadable',\n\n  label: function (\n    subject: NamedNode,\n    context: DataBrowserContext\n  ): 'view' | 'View' | null {\n    const kb = context.session.store\n\n    //   See also the source pane, which has lower precedence.\n\n    const allowed = [\n      'text/plain',\n      'text/html',\n      'text/markdown',\n      'application/xhtml+xml',\n      'image/png',\n      'image/jpeg',\n      'application/pdf',\n      'video/mp4'\n    ]\n\n    const hasContentTypeIn = function (\n      kb: typeof context.session.store,\n      x: NamedNode,\n      displayables: string[]\n    ): boolean {\n      const cts = kb.fetcher.getHeader(x, 'content-type')\n      if (cts) {\n        for (let j = 0; j < cts.length; j++) {\n          for (let k = 0; k < displayables.length; k++) {\n            if (cts[j].indexOf(displayables[k]) >= 0) {\n              return true\n            }\n          }\n        }\n      }\n      return false\n    }\n\n    // This data could come from a fetch OR from ldp container\n    const hasContentTypeIn2 = function (\n      kb: typeof context.session.store,\n      x: NamedNode,\n      displayables: string[]\n    ): boolean {\n      const t = kb.findTypeURIs(x)\n      for (let k = 0; k < displayables.length; k++) {\n        if (Util.mediaTypeClass(displayables[k]).uri in t) {\n          return true\n        }\n      }\n      return false\n    }\n\n    if (!subject.uri) return null // no bnodes\n\n    const t = kb.findTypeURIs(subject)\n    if (t[ns.link('WebPage').uri]) return 'view'\n\n    // Check file extension for markdown files\n    if (isMarkdownFile(subject.uri)) {\n      return 'View'\n    }\n\n    if (\n      hasContentTypeIn(kb, subject, allowed) ||\n      hasContentTypeIn2(kb, subject, allowed)\n    ) {\n      // For HTML files, check if it's dokieli (async check, store result for later)\n      const cts = kb.fetcher.getHeader(subject.doc(), 'content-type')\n      const ct = cts ? cts[0].split(';', 1)[0].trim() : null\n\n      if (ct === 'text/html' && !dokieliCache.has(subject.uri)) {\n        // Async check for dokieli, don't wait for result\n        kb.fetcher._fetch(subject.uri)\n          .then(response => response.text())\n          .then(text => {\n            const isDokieli = text.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                             text.includes('dokieli.css')\n            dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n          })\n          .catch(() => {\n            dokieliCache.set(subject.uri, 'html')\n          })\n      }\n\n      return 'View'\n    }\n\n    return null\n  },\n\n  render: function (\n    subject: NamedNode,\n    context: DataBrowserContext\n  ): HTMLDivElement {\n    const myDocument = context.dom\n    const div = myDocument.createElement('div')\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 cts = kb.fetcher.getHeader(subject.doc(), 'content-type')\n    const ct = cts ? cts[0].split(';', 1)[0].trim() : null // remove content-type parameters\n\n    // Fallback: detect markdown by file extension if content-type is not text/markdown\n    const isMarkdown = ct === 'text/markdown' || isMarkdownFile(subject.uri)\n    const isPlainText = ct === 'text/plain'\n\n    if (ct) {\n      // console.log('humanReadablePane: c-t:' + ct)\n    } else {\n      console.log('humanReadablePane: unknown content-type?')\n    }\n\n    //  @@ When we can, use CSP to turn off scripts within the iframe\n    div.classList.add('human-readable-pane')\n    applyEnvironmentAttributes(div)\n\n    // render markdown to html in a DIV element\n    const renderMarkdownContent = function (frame: HTMLDivElement) {\n      kb.fetcher.webOperation('GET', subject.uri).then(response => {\n        const markdownText = response.responseText ?? ''\n        const lines = Math.min(30, markdownText.split(/\\n/).length + 5)\n        const res = marked.parse(markdownText, { async: false })\n        const clean = DOMPurify.sanitize(res)\n        frame.innerHTML = clean\n        applyFrameClasses(frame, 'markdown', lines)\n      }).catch(error => {\n        console.error('Error fetching markdown content:', error)\n        frame.innerHTML = '<p>Error loading content</p>'\n      })\n    }\n\n    // render plain text in a PRE element\n    const renderPlainTextContent = function (frame: HTMLPreElement) {\n      kb.fetcher.webOperation('GET', subject.uri).then(response => {\n        const plainText = response.responseText ?? ''\n        const lines = Math.min(30, plainText.split(/\\n/).length + 5)\n        frame.textContent = plainText\n        applyFrameClasses(frame, 'plain-text', lines)\n      }).catch(error => {\n        console.error('Error fetching plain text content:', error)\n        frame.textContent = 'Error loading content'\n      })\n    }\n\n    const setIframeAttributes = (frame: HTMLIFrameElement, lines: number) => {\n      frame.setAttribute('src', subject.uri)\n      applyFrameClasses(frame, 'iframe', lines)\n    }\n\n    if (isMarkdown) {\n      // For markdown, use a DIV element and render the content\n      const frame = myDocument.createElement('div')\n      renderMarkdownContent(frame)\n      const frameContainer = myDocument.createElement('div')\n      frameContainer.classList.add('human-readable-pane__container')\n      frameContainer.appendChild(frame)\n      div.appendChild(frameContainer)\n    } else if (isPlainText) {\n      // For plain text, use a PRE element and render the content\n      const frame = myDocument.createElement('pre')\n      renderPlainTextContent(frame)\n      const frameContainer = myDocument.createElement('div')\n      frameContainer.classList.add('human-readable-pane__container')\n      frameContainer.appendChild(frame)\n      div.appendChild(frameContainer)\n    } else {\n      // For other content types, use IFRAME\n      const frame = myDocument.createElement('iframe')\n\n      // Apply sandbox for HTML/XHTML\n      if (ct === 'text/html' || ct === 'application/xhtml+xml') {\n        frame.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-forms')\n      }\n\n      // Fetch content to calculate lines dynamically\n      kb.fetcher.webOperation('GET', subject.uri).then(response => {\n        const blobText = response.responseText ?? ''\n        const newLines = blobText.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ? -10 : 5\n        const lines = Math.min(30, blobText.split(/\\n/).length + newLines)\n\n        // Cache dokieli detection result\n        const isDokieli = blobText.includes('<script src=\"https://dokie.li/scripts/dokieli.js\">') ||\n                         blobText.includes('dokieli.css')\n        dokieliCache.set(subject.uri, isDokieli ? 'dokieli' : 'html')\n\n        setIframeAttributes(frame, lines)\n      }).catch(error => {\n        console.error('Error fetching content for line calculation:', error)\n        // Fallback to default height\n        setIframeAttributes(frame, 30)\n      })\n\n      const frameContainer = myDocument.createElement('div')\n      frameContainer.classList.add('human-readable-pane__container')\n      frameContainer.appendChild(frame)\n      div.appendChild(frameContainer)\n    }\n\n    return div\n  }\n}\n\nexport default humanReadablePane\n// ends\n"],"mappings":"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"}

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./_virtual/_rolldown/runtime.cjs.js"),t=require("./versionInfo.cjs.js"),n=require("./outline/manager2.cjs.js"),r=require("./registerPanes.cjs.js"),i=require("./outline/context.cjs.js"),a=require("./mainPage/index.cjs.js");let o=require("solid-ui");o=e.__toESM(o);let s=require("solid-logic"),c=require("pane-registry");function l(e,t){return e.outlineManager?t&&(e.outlineManager.context=e.outlineManager.context||{},e.outlineManager.context.environment=t):e.outlineManager=new n.default(i.createContext(e,{list:c.list,paneForIcon:c.paneForIcon,paneForPredicate:c.paneForPredicate,register:c.register,byName:c.byName},s.store,s.solidLogicSingleton,t)),e.outlineManager}function u(e,t){e&&(e.context=e.context||{},e.context.environment=t)}typeof window<`u`&&l(window.document),r.registerPanes(e=>(0,c.register)(e.default||e)),typeof window<`u`&&(window.panes={getOutliner:l}),exports.OutlineManager=n.default,Object.defineProperty(exports,"UI",{enumerable:!0,get:function(){return o}}),exports.byName=c.byName,exports.getOutliner=l,exports.initMainPage=a.initMainPage,exports.list=c.list,exports.paneForIcon=c.paneForIcon,exports.paneForPredicate=c.paneForPredicate,exports.refreshUI=a.refreshUI,exports.register=c.register,exports.updateEnvironment=u,exports.versionInfo=t.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./_virtual/_rolldown/runtime.cjs.js"),t=require("./versionInfo.cjs.js"),n=require("./outline/manager2.cjs.js"),r=require("./registerPanes.cjs.js"),i=require("./outline/context.cjs.js"),a=require("./mainPage/index.cjs.js");let o=require("solid-ui");o=e.__toESM(o);let s=require("solid-logic"),c=require("pane-registry");function l(e,t){if(e.outlineManager)t&&(e.outlineManager.context=e.outlineManager.context||{},e.outlineManager.context.environment=t);else{let r=i.createContext(e,{list:c.list,paneForIcon:c.paneForIcon,paneForPredicate:c.paneForPredicate,register:c.register,byName:c.byName},s.store,s.solidLogicSingleton,t);e.outlineManager=new n.default(r)}return e.outlineManager}function u(e,t){e&&(e.context=e.context||{},e.context.environment=t)}typeof window<`u`&&l(window.document),r.registerPanes(e=>(0,c.register)(e.default||e)),typeof window<`u`&&(window.panes={getOutliner:l}),exports.OutlineManager=n.default,Object.defineProperty(exports,"UI",{enumerable:!0,get:function(){return o}}),exports.byName=c.byName,exports.getOutliner=l,exports.initMainPage=a.initMainPage,exports.list=c.list,exports.paneForIcon=c.paneForIcon,exports.paneForPredicate=c.paneForPredicate,exports.refreshUI=a.refreshUI,exports.register=c.register,exports.updateEnvironment=u,exports.versionInfo=t.default;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/*                            SOLID PANES\n **\n **     Panes are regions of the outline view in which a particular subject is\n ** displayed in a particular way.\n ** Different panes about the same subject are typically stacked vertically.\n ** Panes may be used naked or with a pane selection header.\n **\n ** The label() method has two functions: it determines whether the pane is\n ** relevant to a given subject, returning null if not.\n ** If it is relevant, then it returns a suitable tooltip for a control which selects the pane\n */\n\nimport versionInfo from './versionInfo'\nimport * as UI from 'solid-ui'\nimport { LiveStore } from 'rdflib'\nimport { solidLogicSingleton, store } from 'solid-logic'\nimport OutlineManager from './outline/manager.js'\nimport { registerPanes } from './registerPanes.js'\nimport {\n  list,\n  paneForIcon,\n  paneForPredicate,\n  register,\n  byName,\n  RenderEnvironment\n} from 'pane-registry'\nimport { createContext } from './outline/context'\nimport { initMainPage, refreshUI } from './mainPage'\n\nfunction getOutliner (dom, environment?: RenderEnvironment): OutlineManager {\n  if (!dom.outlineManager) {\n    const context = createContext(\n      dom,\n      { list, paneForIcon, paneForPredicate, register, byName },\n      store as LiveStore,\n      solidLogicSingleton,\n      environment\n    )\n    dom.outlineManager = new OutlineManager(context)\n  } else if (environment) {\n    dom.outlineManager.context = dom.outlineManager.context || {}\n    dom.outlineManager.context.environment = environment\n  }\n  return dom.outlineManager\n}\n\nfunction updateEnvironment (outliner: OutlineManager, environment: RenderEnvironment) {\n  if (!outliner) return\n  outliner.context = outliner.context || {}\n  outliner.context.environment = environment\n}\n\nif (typeof window !== 'undefined') {\n  getOutliner(window.document)\n}\n\nregisterPanes((cjsOrEsModule: any) => register(cjsOrEsModule.default || cjsOrEsModule))\n\n// This has common outline mode functionality for the default and other other panes\n// A separate outline manager is required per DOM in cases like a browser extension\n// where there are many occurrences of window and of window.document\n// But each DOM should have just one outline manager.\n\nexport {\n  OutlineManager,\n  getOutliner,\n  updateEnvironment,\n  UI,\n  versionInfo,\n  initMainPage,\n  refreshUI,\n  list, // from paneRegistry\n  paneForIcon, // from paneRegistry\n  paneForPredicate, // from paneRegistry\n  register, // from paneRegistry\n  byName // from paneRegistry\n}\n\n// export for simpler access by non-node scripts\nif (typeof window !== 'undefined') {\n  ;(<any>window).panes = {\n    getOutliner\n  }\n}\n"],"mappings":"mZA6BA,SAAS,EAAa,EAAK,EAAiD,CAc1E,OAbK,EAAI,eASE,IACT,EAAI,eAAe,QAAU,EAAI,eAAe,SAAW,CAAC,EAC5D,EAAI,eAAe,QAAQ,YAAc,GAHzC,EAAI,eAAiB,IAAI,EAAA,QAPT,EAAA,cACd,EACA,CAAE,KAAA,EAAA,KAAM,YAAA,EAAA,YAAa,iBAAA,EAAA,iBAAkB,SAAA,EAAA,SAAU,OAAA,EAAA,MAAO,EACxD,EAAA,MACA,EAAA,oBACA,CAEsC,CAAO,EAK1C,EAAI,cACb,CAEA,SAAS,EAAmB,EAA0B,EAAgC,CAC/E,IACL,EAAS,QAAU,EAAS,SAAW,CAAC,EACxC,EAAS,QAAQ,YAAc,EACjC,CAEI,OAAO,OAAW,KACpB,EAAY,OAAO,QAAQ,EAG7B,EAAA,cAAe,IAAA,EAAA,EAAA,SAAA,CAAgC,EAAc,SAAW,CAAa,CAAC,EAuBlF,OAAO,OAAW,MACnB,OAAc,MAAQ,CACrB,aACF"}
+{"version":3,"file":"index.cjs.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/*                            SOLID PANES\n **\n **     Panes are regions of the outline view in which a particular subject is\n ** displayed in a particular way.\n ** Different panes about the same subject are typically stacked vertically.\n ** Panes may be used naked or with a pane selection header.\n **\n ** The label() method has two functions: it determines whether the pane is\n ** relevant to a given subject, returning null if not.\n ** If it is relevant, then it returns a suitable tooltip for a control which selects the pane\n */\n\nimport versionInfo from './versionInfo'\nimport * as UI from 'solid-ui'\nimport { LiveStore } from 'rdflib'\nimport { solidLogicSingleton, store } from 'solid-logic'\nimport OutlineManager from './outline/manager.js'\nimport { registerPanes } from './registerPanes.js'\nimport {\n  list,\n  paneForIcon,\n  paneForPredicate,\n  register,\n  byName,\n  RenderEnvironment\n} from 'pane-registry'\nimport { createContext } from './outline/context'\nimport { initMainPage, refreshUI } from './mainPage'\n\nfunction getOutliner (dom, environment?: RenderEnvironment): OutlineManager {\n  if (!dom.outlineManager) {\n    const context = createContext(\n      dom,\n      { list, paneForIcon, paneForPredicate, register, byName },\n      store as LiveStore,\n      solidLogicSingleton,\n      environment\n    )\n    dom.outlineManager = new OutlineManager(context)\n  } else if (environment) {\n    dom.outlineManager.context = dom.outlineManager.context || {}\n    dom.outlineManager.context.environment = environment\n  }\n  return dom.outlineManager\n}\n\nfunction updateEnvironment (outliner: OutlineManager, environment: RenderEnvironment) {\n  if (!outliner) return\n  outliner.context = outliner.context || {}\n  outliner.context.environment = environment\n}\n\nif (typeof window !== 'undefined') {\n  getOutliner(window.document)\n}\n\nregisterPanes((cjsOrEsModule: any) => register(cjsOrEsModule.default || cjsOrEsModule))\n\n// This has common outline mode functionality for the default and other other panes\n// A separate outline manager is required per DOM in cases like a browser extension\n// where there are many occurrences of window and of window.document\n// But each DOM should have just one outline manager.\n\nexport {\n  OutlineManager,\n  getOutliner,\n  updateEnvironment,\n  UI,\n  versionInfo,\n  initMainPage,\n  refreshUI,\n  list, // from paneRegistry\n  paneForIcon, // from paneRegistry\n  paneForPredicate, // from paneRegistry\n  register, // from paneRegistry\n  byName // from paneRegistry\n}\n\n// export for simpler access by non-node scripts\nif (typeof window !== 'undefined') {\n  ;(<any>window).panes = {\n    getOutliner\n  }\n}\n"],"mappings":"mZA6BA,SAAS,EAAa,EAAK,EAAiD,CAC1E,GAAK,EAAI,eASE,IACT,EAAI,eAAe,QAAU,EAAI,eAAe,SAAW,CAAC,EAC5D,EAAI,eAAe,QAAQ,YAAc,OAXlB,CACvB,IAAM,EAAU,EAAA,cACd,EACA,CAAE,KAAA,EAAA,KAAM,YAAA,EAAA,YAAa,iBAAA,EAAA,iBAAkB,SAAA,EAAA,SAAU,OAAA,EAAA,MAAO,EACxD,EAAA,MACA,EAAA,oBACA,CACF,EACA,EAAI,eAAiB,IAAI,EAAA,QAAe,CAAO,CACjD,CAIA,OAAO,EAAI,cACb,CAEA,SAAS,EAAmB,EAA0B,EAAgC,CAC/E,IACL,EAAS,QAAU,EAAS,SAAW,CAAC,EACxC,EAAS,QAAQ,YAAc,EACjC,CAEI,OAAO,OAAW,KACpB,EAAY,OAAO,QAAQ,EAG7B,EAAA,cAAe,IAAA,EAAuB,EAAA,SAAA,CAAS,EAAc,SAAW,CAAa,CAAC,EAuBlF,OAAO,OAAW,MACnB,OAAc,MAAQ,CACrB,aACF"}

package/dist/index.esm.js

@@ -8,13 +8,18 @@ import { solidLogicSingleton as s, store as c } from "solid-logic";
 import { byName as l, list as u, paneForIcon as d, paneForPredicate as f, register as p } from "pane-registry";
 //#region src/index.ts
 function m(e, n) {
-	return e.outlineManager ? n && (e.outlineManager.context = e.outlineManager.context || {}, e.outlineManager.context.environment = n) : e.outlineManager = new t(r(e, {
-		list: u,
-		paneForIcon: d,
-		paneForPredicate: f,
-		register: p,
-		byName: l
-	}, c, s, n)), e.outlineManager;
+	if (e.outlineManager) n && (e.outlineManager.context = e.outlineManager.context || {}, e.outlineManager.context.environment = n);
+	else {
+		let i = r(e, {
+			list: u,
+			paneForIcon: d,
+			paneForPredicate: f,
+			register: p,
+			byName: l
+		}, c, s, n);
+		e.outlineManager = new t(i);
+	}
+	return e.outlineManager;
 }
 function h(e, t) {
 	e && (e.context = e.context || {}, e.context.environment = t);

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/*                            SOLID PANES\n **\n **     Panes are regions of the outline view in which a particular subject is\n ** displayed in a particular way.\n ** Different panes about the same subject are typically stacked vertically.\n ** Panes may be used naked or with a pane selection header.\n **\n ** The label() method has two functions: it determines whether the pane is\n ** relevant to a given subject, returning null if not.\n ** If it is relevant, then it returns a suitable tooltip for a control which selects the pane\n */\n\nimport versionInfo from './versionInfo'\nimport * as UI from 'solid-ui'\nimport { LiveStore } from 'rdflib'\nimport { solidLogicSingleton, store } from 'solid-logic'\nimport OutlineManager from './outline/manager.js'\nimport { registerPanes } from './registerPanes.js'\nimport {\n  list,\n  paneForIcon,\n  paneForPredicate,\n  register,\n  byName,\n  RenderEnvironment\n} from 'pane-registry'\nimport { createContext } from './outline/context'\nimport { initMainPage, refreshUI } from './mainPage'\n\nfunction getOutliner (dom, environment?: RenderEnvironment): OutlineManager {\n  if (!dom.outlineManager) {\n    const context = createContext(\n      dom,\n      { list, paneForIcon, paneForPredicate, register, byName },\n      store as LiveStore,\n      solidLogicSingleton,\n      environment\n    )\n    dom.outlineManager = new OutlineManager(context)\n  } else if (environment) {\n    dom.outlineManager.context = dom.outlineManager.context || {}\n    dom.outlineManager.context.environment = environment\n  }\n  return dom.outlineManager\n}\n\nfunction updateEnvironment (outliner: OutlineManager, environment: RenderEnvironment) {\n  if (!outliner) return\n  outliner.context = outliner.context || {}\n  outliner.context.environment = environment\n}\n\nif (typeof window !== 'undefined') {\n  getOutliner(window.document)\n}\n\nregisterPanes((cjsOrEsModule: any) => register(cjsOrEsModule.default || cjsOrEsModule))\n\n// This has common outline mode functionality for the default and other other panes\n// A separate outline manager is required per DOM in cases like a browser extension\n// where there are many occurrences of window and of window.document\n// But each DOM should have just one outline manager.\n\nexport {\n  OutlineManager,\n  getOutliner,\n  updateEnvironment,\n  UI,\n  versionInfo,\n  initMainPage,\n  refreshUI,\n  list, // from paneRegistry\n  paneForIcon, // from paneRegistry\n  paneForPredicate, // from paneRegistry\n  register, // from paneRegistry\n  byName // from paneRegistry\n}\n\n// export for simpler access by non-node scripts\nif (typeof window !== 'undefined') {\n  ;(<any>window).panes = {\n    getOutliner\n  }\n}\n"],"mappings":";;;;;;;;;AA6BA,SAAS,EAAa,GAAK,GAAiD;CAc1E,OAbK,EAAI,iBASE,MACT,EAAI,eAAe,UAAU,EAAI,eAAe,WAAW,CAAC,GAC5D,EAAI,eAAe,QAAQ,cAAc,KAHzC,EAAI,iBAAiB,IAAI,EAPT,EACd,GACA;EAAE;EAAM;EAAa;EAAkB;EAAU;CAAO,GACxD,GACA,GACA,CAEsC,CAAO,GAK1C,EAAI;AACb;AAEA,SAAS,EAAmB,GAA0B,GAAgC;CAC/E,MACL,EAAS,UAAU,EAAS,WAAW,CAAC,GACxC,EAAS,QAAQ,cAAc;AACjC;AAEI,OAAO,SAAW,OACpB,EAAY,OAAO,QAAQ,GAG7B,GAAe,MAAuB,EAAS,EAAc,WAAW,CAAa,CAAC,GAuBlF,OAAO,SAAW,QACnB,OAAc,QAAQ,EACrB,eACF"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/*                            SOLID PANES\n **\n **     Panes are regions of the outline view in which a particular subject is\n ** displayed in a particular way.\n ** Different panes about the same subject are typically stacked vertically.\n ** Panes may be used naked or with a pane selection header.\n **\n ** The label() method has two functions: it determines whether the pane is\n ** relevant to a given subject, returning null if not.\n ** If it is relevant, then it returns a suitable tooltip for a control which selects the pane\n */\n\nimport versionInfo from './versionInfo'\nimport * as UI from 'solid-ui'\nimport { LiveStore } from 'rdflib'\nimport { solidLogicSingleton, store } from 'solid-logic'\nimport OutlineManager from './outline/manager.js'\nimport { registerPanes } from './registerPanes.js'\nimport {\n  list,\n  paneForIcon,\n  paneForPredicate,\n  register,\n  byName,\n  RenderEnvironment\n} from 'pane-registry'\nimport { createContext } from './outline/context'\nimport { initMainPage, refreshUI } from './mainPage'\n\nfunction getOutliner (dom, environment?: RenderEnvironment): OutlineManager {\n  if (!dom.outlineManager) {\n    const context = createContext(\n      dom,\n      { list, paneForIcon, paneForPredicate, register, byName },\n      store as LiveStore,\n      solidLogicSingleton,\n      environment\n    )\n    dom.outlineManager = new OutlineManager(context)\n  } else if (environment) {\n    dom.outlineManager.context = dom.outlineManager.context || {}\n    dom.outlineManager.context.environment = environment\n  }\n  return dom.outlineManager\n}\n\nfunction updateEnvironment (outliner: OutlineManager, environment: RenderEnvironment) {\n  if (!outliner) return\n  outliner.context = outliner.context || {}\n  outliner.context.environment = environment\n}\n\nif (typeof window !== 'undefined') {\n  getOutliner(window.document)\n}\n\nregisterPanes((cjsOrEsModule: any) => register(cjsOrEsModule.default || cjsOrEsModule))\n\n// This has common outline mode functionality for the default and other other panes\n// A separate outline manager is required per DOM in cases like a browser extension\n// where there are many occurrences of window and of window.document\n// But each DOM should have just one outline manager.\n\nexport {\n  OutlineManager,\n  getOutliner,\n  updateEnvironment,\n  UI,\n  versionInfo,\n  initMainPage,\n  refreshUI,\n  list, // from paneRegistry\n  paneForIcon, // from paneRegistry\n  paneForPredicate, // from paneRegistry\n  register, // from paneRegistry\n  byName // from paneRegistry\n}\n\n// export for simpler access by non-node scripts\nif (typeof window !== 'undefined') {\n  ;(<any>window).panes = {\n    getOutliner\n  }\n}\n"],"mappings":";;;;;;;;;AA6BA,SAAS,EAAa,GAAK,GAAiD;CAC1E,IAAK,EAAI,gBASF,AAAI,MACT,EAAI,eAAe,UAAU,EAAI,eAAe,WAAW,CAAC,GAC5D,EAAI,eAAe,QAAQ,cAAc;MAXlB;EACvB,IAAM,IAAU,EACd,GACA;GAAE;GAAM;GAAa;GAAkB;GAAU;EAAO,GACxD,GACA,GACA,CACF;EACA,EAAI,iBAAiB,IAAI,EAAe,CAAO;CACjD;CAIA,OAAO,EAAI;AACb;AAEA,SAAS,EAAmB,GAA0B,GAAgC;CAC/E,MACL,EAAS,UAAU,EAAS,WAAW,CAAC,GACxC,EAAS,QAAQ,cAAc;AACjC;AAEI,OAAO,SAAW,OACpB,EAAY,OAAO,QAAQ,GAG7B,GAAe,MAAuB,EAAS,EAAc,WAAW,CAAa,CAAC,GAuBlF,OAAO,SAAW,QACnB,OAAc,QAAQ,EACrB,eACF"}

package/dist/internal/internalPane2.cjs.js

@@ -1,2 +1,2 @@
-(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)}})();;let e=require("solid-ui"),t=require("rdflib");var n={icon:e.icons.originalIconBase+`tango/22-emblem-system.png`,name:`internal`,label:function(){return`under the hood`},render:function(n,i){let a=i.dom,o=i.session.store,s=o.canon(n),c=o.findTypeURIs(s);function l(e){if(c[`http://www.w3.org/2007/ont/link#ProtocolEvent`])return!0;let t=i.session.paneRegistry.byName(`internal`);return t&&t.predicates&&t.predicates[e.uri]!==void 0}let u=a.createElement(`div`);u.classList.add(`internalPane`,`internalPaneContent`);function d(t,n){let r=t.fetcher;if(!r){console.error(`No fetcher available`);return}return new Promise(function(i,a){r.load(n).then(function(){let o=t.each(n,e.ns.ldp(`contains`)).map(n=>t.holds(n,e.ns.rdf(`type`),e.ns.ldp(`BasicContainer`))?d(t,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(n.uri&&!n.uri.includes(`#`)){let t=u.appendChild(a.createElement(`table`));t.classList.add(`internalPaneControls`);let i=t.appendChild(a.createElement(`tr`)),s=i.appendChild(a.createElement(`td`)),c=n.uri&&n.uri.endsWith(`/`)||o.holds(n,e.ns.rdf(`type`),e.ns.ldp(`Container`)),l=c?`folder`:`file`;if(!r(n)){console.log(n);let t=e.widgets.deleteButtonWithCheck(a,s,l,function(){if(confirm(`Are you sure you want to delete ${n}? This cannot be undone.`)){if(!o.fetcher)throw Error(`Store has no fetcher`);(c?d(o,n)||Promise.resolve():o.fetcher.webOperation(`DELETE`,n.uri)||Promise.resolve()).then(()=>{let e=`Deleted: `+n;console.log(e)}).catch(e=>{let t=`Unable to delete `+n+`: `+e;console.log(t),alert(t)})}});t.removeAttribute(`class`),t.classList.add(`internalPaneDeleteButton`),s.appendChild(t)}let f=i.appendChild(a.createElement(`td`)),p=e.widgets.button(a,e.icons.iconBase+`noun_479395.svg`,`refresh`);f.appendChild(p),p.addEventListener(`click`,()=>{if(!o.fetcher)throw Error(`Store has no fetcher`);o.fetcher.refresh(n,function(e,t){let r;r=e?`Refreshed OK: `+n:`Error refreshing: `+n+`: `+t,console.log(r),alert(r)})})}let f=o.statementsMatching(n),p=``;if(!o.fetcher)throw Error(`Store has no fetcher`);if(n.uri&&(f.push((0,t.st)(n,(0,t.sym)(`http://www.w3.org/2007/ont/link#uri`),n.uri,o.fetcher.appNode)),n.uri.indexOf(`#`)>=0?(p=n.uri.split(`#`)[0],f.push((0,t.st)(n,(0,t.sym)(`http://www.w3.org/2007/ont/link#documentURI`),n.uri.split(`#`)[0],o.fetcher.appNode)),f.push((0,t.st)(n,(0,t.sym)(`http://www.w3.org/2007/ont/link#document`),(0,t.sym)(n.uri.split(`#`)[0]),o.fetcher.appNode))):p=n.uri),p){if(!o.updater)throw Error(`Store has no updater`);let e=o.updater.editable(p);e&&f.push((0,t.st)(n,(0,t.sym)(`http://www.w3.org/ns/rww#editable`),(0,t.literal)(e.toString()),o.fetcher.appNode))}let m=i.getOutliner(a);return m.appendPropertyTRs(u,f,!1,l),f=o.statementsMatching(void 0,void 0,n),m.appendPropertyTRs(u,f,!0,l),u},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 r(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`}exports.default=n;
+(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)}})();require("../_virtual/_rolldown/runtime.cjs.js");let e=require("solid-ui"),t=require("rdflib");var n={icon:e.icons.originalIconBase+`tango/22-emblem-system.png`,name:`internal`,label:function(){return`under the hood`},render:function(n,i){let a=i.dom,o=i.session.store,s=o.canon(n),c=o.findTypeURIs(s);function l(e){if(c[`http://www.w3.org/2007/ont/link#ProtocolEvent`])return!0;let t=i.session.paneRegistry.byName(`internal`);return t&&t.predicates&&t.predicates[e.uri]!==void 0}let u=a.createElement(`div`);u.classList.add(`internalPane`,`internalPaneContent`);function d(t,n){let r=t.fetcher;if(!r){console.error(`No fetcher available`);return}return new Promise(function(i,a){r.load(n).then(function(){let o=t.each(n,e.ns.ldp(`contains`)).map(n=>t.holds(n,e.ns.rdf(`type`),e.ns.ldp(`BasicContainer`))?d(t,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(n.uri&&!n.uri.includes(`#`)){let t=u.appendChild(a.createElement(`table`));t.classList.add(`internalPaneControls`);let i=t.appendChild(a.createElement(`tr`)),s=i.appendChild(a.createElement(`td`)),c=n.uri&&n.uri.endsWith(`/`)||o.holds(n,e.ns.rdf(`type`),e.ns.ldp(`Container`)),l=c?`folder`:`file`;if(!r(n)){console.log(n);let t=e.widgets.deleteButtonWithCheck(a,s,l,function(){if(confirm(`Are you sure you want to delete ${n}? This cannot be undone.`)){if(!o.fetcher)throw Error(`Store has no fetcher`);(c?d(o,n)||Promise.resolve():o.fetcher.webOperation(`DELETE`,n.uri)||Promise.resolve()).then(()=>{let e=`Deleted: `+n;console.log(e)}).catch(e=>{let t=`Unable to delete `+n+`: `+e;console.log(t),alert(t)})}});t.removeAttribute(`class`),t.classList.add(`internalPaneDeleteButton`),s.appendChild(t)}let f=i.appendChild(a.createElement(`td`)),p=e.widgets.button(a,e.icons.iconBase+`noun_479395.svg`,`refresh`);f.appendChild(p),p.addEventListener(`click`,()=>{if(!o.fetcher)throw Error(`Store has no fetcher`);o.fetcher.refresh(n,function(e,t){let r;r=e?`Refreshed OK: `+n:`Error refreshing: `+n+`: `+t,console.log(r),alert(r)})})}let f=o.statementsMatching(n),p=``;if(!o.fetcher)throw Error(`Store has no fetcher`);if(n.uri&&(f.push((0,t.st)(n,(0,t.sym)(`http://www.w3.org/2007/ont/link#uri`),n.uri,o.fetcher.appNode)),n.uri.indexOf(`#`)>=0?(p=n.uri.split(`#`)[0],f.push((0,t.st)(n,(0,t.sym)(`http://www.w3.org/2007/ont/link#documentURI`),n.uri.split(`#`)[0],o.fetcher.appNode)),f.push((0,t.st)(n,(0,t.sym)(`http://www.w3.org/2007/ont/link#document`),(0,t.sym)(n.uri.split(`#`)[0]),o.fetcher.appNode))):p=n.uri),p){if(!o.updater)throw Error(`Store has no updater`);let e=o.updater.editable(p);e&&f.push((0,t.st)(n,(0,t.sym)(`http://www.w3.org/ns/rww#editable`),(0,t.literal)(e.toString()),o.fetcher.appNode))}let m=i.getOutliner(a);return m.appendPropertyTRs(u,f,!1,l),f=o.statementsMatching(void 0,void 0,n),m.appendPropertyTRs(u,f,!0,l),u},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 r(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`}exports.default=n;
 //# sourceMappingURL=internalPane2.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"internalPane2.cjs.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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"}
+{"version":3,"file":"internalPane2.cjs.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

@@ -1,2 +1,2 @@
-const e=require("./menu2.cjs.js");require("../_virtual/~icons/lucide/user.cjs.js");let t=require("solid-logic"),n=require("lit-html");async function r(r){let i=document.querySelector(`solid-panes-header`);if(i)return i;let a=document.getElementById(`MainContent`),o=document.createElement(`div`);(0,n.render)(n.html`<solid-panes-header .menuItems=${[{label:n.html`<icon-lucide-user slot="left-icon"></icon-lucide-user> Profile`,onSelected(){let n=t.authn.currentUser();n&&(r.showDashboard(n,{pane:`profile`}),e.setActiveMenuPane(`profile`))}}]}></solid-panes-header>`,o);let s=o.firstElementChild;if(!s)throw Error(`Failed to create header`);return a&&a.parentNode?a.parentNode.insertBefore(s,a):document.body.prepend(s),s}exports.createHeader=r;
+require("../_virtual/_rolldown/runtime.cjs.js"),require("../_virtual/~icons/lucide/user.cjs.js"),require("../_virtual/~icons/lucide/users.cjs.js"),require("../_virtual/~icons/lucide/folder-open.cjs.js"),require("../_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

@@ -1 +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'\n\nimport { setActiveMenuPane } from './menu'\nimport type { OutlineManager } from '../outline/manager'\n\nimport '~icons/lucide/user'\nimport '../components/header'\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 main = document.getElementById('MainContent')\n  const tmpContainer = document.createElement('div')\n  const menuItems: AccountMenuItem[] = [\n    {\n      label: html`<icon-lucide-user slot=\"left-icon\"></icon-lucide-user> Profile`,\n      onSelected () {\n        const currentUser = authn.currentUser()\n\n        if (currentUser) {\n          outliner.showDashboard(currentUser, { pane: 'profile' })\n          setActiveMenuPane('profile')\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":"sIAUA,eAAsB,EAAc,EAA0B,CAC5D,IAAM,EAAiB,SAAS,cAAc,oBAAoB,EAElE,GAAI,EACF,OAAO,EAGT,IAAM,EAAO,SAAS,eAAe,aAAa,EAC5C,EAAe,SAAS,cAAc,KAAK,GAejD,EAAA,EAAA,OAAA,CACE,EAAA,IAAI,kCAAkC,CAdtC,CACE,MAAO,EAAA,IAAI,iEACX,YAAc,CACZ,IAAM,EAAc,EAAA,MAAM,YAAY,EAElC,IACF,EAAS,cAAc,EAAa,CAAE,KAAM,SAAU,CAAC,EACvD,EAAA,kBAAkB,SAAS,EAE/B,CACF,CAIsC,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"}
+{"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":"geAcA,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.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/mainPage/header.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAExD,OAAO,oBAAoB,CAAA;AAC3B,OAAO,sBAAsB,CAAA;AAE7B,wBAAsB,YAAY,CAAE,QAAQ,EAAE,cAAc,oBA0C3D"}
+{"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"}