solid-panes 4.5.1 → 5.0.0-0

package/dist/defaultPane2.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPane2.cjs.js","names":[],"sources":["../src/defaultPane.ts"],"sourcesContent":["/*   Default Pane\n **\n **  This outline pane contains the properties which are\n **  normally displayed to the user. See also: internalPane\n ** This pane hides the ones considered too low-level for the normal user.\n */\n\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nimport type { DataBrowserContext, RenderEnvironment } from 'pane-registry'\nimport type { BlankNode, Literal, NamedNode, Statement } from 'rdflib'\nimport './defaultPane.css'\n\nconst ns = UI.ns\ntype DefaultPaneSubject = NamedNode | BlankNode | Literal\n\ntype DefaultPaneDefinition = {\n  icon: string\n  name: string\n  audience: NamedNode[]\n  label: (subject: DefaultPaneSubject) => string\n  render: (subject: DefaultPaneSubject, context: DataBrowserContext) => HTMLDivElement\n}\n\ntype DefaultPaneOutliner = {\n  appendPropertyTRs: (\n    parent: HTMLElement,\n    statements: Statement[],\n    inverse: boolean,\n    filter: (pred: NamedNode, inverse: boolean) => boolean\n  ) => void\n  UserInput: {\n    addNewPredicateObject: (event: Event) => void\n  }\n}\n\nexport const defaultPane: DefaultPaneDefinition = {\n  icon: UI.icons.originalIconBase + 'about.png',\n\n  name: 'default',\n\n  audience: [ns.solid('Developer')],\n\n  label: function (_subject: DefaultPaneSubject): string {\n    return 'about '\n  },\n\n  render: function (\n    subject: DefaultPaneSubject,\n    context: DataBrowserContext\n  ): HTMLDivElement {\n    const dom = context.dom\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 filter = function (pred: NamedNode, inverse: boolean): boolean {\n      if (\n        typeof context.session.paneRegistry.byName('internal').predicates[\n          pred.uri\n        ] !== 'undefined'\n      ) {\n        return false\n      }\n      if (\n        inverse &&\n        pred.uri === 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type'\n      ) {\n        return false\n      }\n      return true\n    }\n\n    const outliner = context.getOutliner(dom) as DefaultPaneOutliner\n    const kb = context.session.store\n    // var outline = outliner; // @@\n    UI.log.info('@defaultPane.render, dom is now ' + dom.location)\n    subject = kb.canon(subject) as DefaultPaneSubject\n    const div = dom.createElement('div')\n    div.setAttribute('class', 'defaultPane')\n    applyEnvironmentAttributes(div)\n    //        appendRemoveIcon(div, subject, div)\n\n    let plist = subject.termType === 'Literal' ? [] : kb.statementsMatching(subject)\n    outliner.appendPropertyTRs(div, plist, false, filter)\n    plist = kb.statementsMatching(undefined, undefined, subject)\n    outliner.appendPropertyTRs(div, plist, true, filter)\n    const subjectStatement = subject.termType === 'BlankNode'\n      ? kb.anyStatementMatching(subject)\n      : undefined\n    if (\n      subject.termType === 'Literal' &&\n      subject.value.slice(0, 7) === 'http://'\n    ) {\n      outliner.appendPropertyTRs(\n        div,\n        [$rdf.st(kb.sym(subject.value), UI.ns.link('uri'), subject)],\n        true,\n        filter\n      )\n    }\n    if (\n      (subject.termType === 'NamedNode' &&\n        kb.updater.editable($rdf.Util.uri.docpart(subject.uri), kb)) ||\n      (subject.termType === 'BlankNode' &&\n        subjectStatement &&\n        subjectStatement.why &&\n        'uri' in subjectStatement.why &&\n        typeof subjectStatement.why.uri === 'string' &&\n        kb.updater.editable(subjectStatement.why.uri))\n      // check the document containing something about of the bnode @@ what about as object?\n      /*  ! && HCIoptions[\"bottom insert highlights\"].enabled  */\n    ) {\n      const holdingTr = dom.createElement('tr') // these are to minimize required changes\n      const holdingTd = dom.createElement('td') // in userinput.js\n      holdingTd.setAttribute('colspan', '2')\n      holdingTd.setAttribute('notSelectable', 'true')\n      const img = dom.createElement('img')\n      img.src = UI.icons.originalIconBase + 'tango/22-list-add-new.png'\n      img.addEventListener('click', function addNewTripleIconMouseDownListener (\n        e\n      ) {\n        outliner.UserInput.addNewPredicateObject(e)\n        e.stopPropagation()\n        e.preventDefault()\n      })\n      img.className = 'bottom-border-active'\n      // img.addEventListener('click', thisOutline.UserInput.addNewPredicateObject,false)\n      div\n        .appendChild(holdingTr)\n        .appendChild(holdingTd)\n        .appendChild(img)\n    }\n    return div\n  }\n}\n\n// ends\n"],"mappings":"uKAaA,IAAM,EAAK,EAAG,GAuBD,EAAqC,CAChD,KAAM,EAAG,MAAM,iBAAmB,YAElC,KAAM,UAEN,SAAU,CAAC,EAAG,MAAM,WAAW,CAAC,EAEhC,MAAO,SAAU,EAAsC,CACrD,MAAO,QACT,EAEA,OAAQ,SACN,EACA,EACgB,CAChB,IAAM,EAAM,EAAQ,IAEpB,SAAS,EAA4B,EAA+B,CAClE,IAAM,EAAe,EAAQ,aAAe,CAAC,EAC7C,EAAQ,QAAQ,OAAS,EAAY,QAAU,SACjD,CAEA,IAAM,EAAS,SAAU,EAAiB,EAA2B,CAcnE,MANA,EANS,EAAQ,QAAQ,aAAa,OAAO,UAAU,CAAC,CAAC,WACrD,EAAK,OACD,QAKN,GACA,EAAK,MAAQ,kDAKjB,EAEM,EAAW,EAAQ,YAAY,CAAG,EAClC,EAAK,EAAQ,QAAQ,MAE3B,EAAG,IAAI,KAAK,mCAAqC,EAAI,QAAQ,EAC7D,EAAU,EAAG,MAAM,CAAO,EAC1B,IAAM,EAAM,EAAI,cAAc,KAAK,EACnC,EAAI,aAAa,QAAS,aAAa,EACvC,EAA2B,CAAG,EAG9B,IAAI,EAAQ,EAAQ,WAAa,UAAY,CAAC,EAAI,EAAG,mBAAmB,CAAO,EAC/E,EAAS,kBAAkB,EAAK,EAAO,GAAO,CAAM,EACpD,EAAQ,EAAG,mBAAmB,IAAA,GAAW,IAAA,GAAW,CAAO,EAC3D,EAAS,kBAAkB,EAAK,EAAO,GAAM,CAAM,EACnD,IAAM,EAAmB,EAAQ,WAAa,YAC1C,EAAG,qBAAqB,CAAO,EAC/B,IAAA,GAYJ,GAVE,EAAQ,WAAa,WACrB,EAAQ,MAAM,MAAM,EAAG,CAAC,IAAM,WAE9B,EAAS,kBACP,EACA,CAAC,EAAK,GAAG,EAAG,IAAI,EAAQ,KAAK,EAAG,EAAG,GAAG,KAAK,KAAK,EAAG,CAAO,CAAC,EAC3D,GACA,CACF,EAGC,EAAQ,WAAa,aACpB,EAAG,QAAQ,SAAS,EAAK,KAAK,IAAI,QAAQ,EAAQ,GAAG,EAAG,CAAE,GAC3D,EAAQ,WAAa,aACpB,GACA,EAAiB,KACjB,QAAS,EAAiB,KAC1B,OAAO,EAAiB,IAAI,KAAQ,UACpC,EAAG,QAAQ,SAAS,EAAiB,IAAI,GAAG,EAG9C,CACA,IAAM,EAAY,EAAI,cAAc,IAAI,EAClC,EAAY,EAAI,cAAc,IAAI,EACxC,EAAU,aAAa,UAAW,GAAG,EACrC,EAAU,aAAa,gBAAiB,MAAM,EAC9C,IAAM,EAAM,EAAI,cAAc,KAAK,EACnC,EAAI,IAAM,EAAG,MAAM,iBAAmB,4BACtC,EAAI,iBAAiB,QAAS,SAC5B,EACA,CACA,EAAS,UAAU,sBAAsB,CAAC,EAC1C,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,CAAC,EACD,EAAI,UAAY,uBAEhB,EACG,YAAY,CAAS,CAAC,CACtB,YAAY,CAAS,CAAC,CACtB,YAAY,CAAG,CACpB,CACA,OAAO,CACT,CACF"}

package/dist/defaultPane2.esm.js

@@ -0,0 +1,41 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.defaultPane .bottom-border{border:.2rem solid #0000;width:100%}.defaultPane .bottom-border-active{cursor:copy;border:.2rem solid;border-color:var(--color-bottom-border-highlight,#ffa600)}.defaultPane{--default-pane-predicate-column:16rem;--default-pane-object-indent:1.75rem}.defaultPane>tr{grid-template-columns:minmax(0, var(--default-pane-predicate-column)) minmax(0, 1fr);align-items:flex-start;display:grid}.defaultPane>tr>td.pred{box-sizing:border-box;grid-column:1;align-items:flex-start;min-width:0;display:flex;padding-left:0!important}.defaultPane>tr>td.pred>.labelTD{flex:auto;min-width:0;margin:0;padding-top:0;padding-bottom:0}.defaultPane>tr>td.pred>.iconTD{flex:none;width:auto;margin:0}.defaultPane>tr>td.obj{box-sizing:border-box;grid-column:2;align-self:start;min-width:0}.defaultPane>tr>td[colspan="2"]{grid-column:1/-1}.defaultPane[data-layout=mobile]>tr{grid-template-columns:minmax(0,1fr)}.defaultPane[data-layout=mobile]>tr>td.pred,.defaultPane[data-layout=mobile]>tr>td.obj{box-sizing:border-box;grid-column:1;width:100%;display:block}.defaultPane[data-layout=mobile]>tr>td.pred{padding-bottom:var(--spacing-small,.1rem)}.defaultPane[data-layout=mobile]>tr>td.obj{padding-left:var(--default-pane-object-indent)!important}@media (width<=700px){.defaultPane>tr{grid-template-columns:minmax(0,1fr)}.defaultPane>tr>td.pred,.defaultPane>tr>td.obj{box-sizing:border-box;grid-column:1;width:100%;display:block}.defaultPane>tr>td.pred{padding-bottom:var(--spacing-small,.1rem)}.defaultPane>tr>td.obj{padding-left:var(--default-pane-object-indent)!important}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+import * as e from "solid-ui";
+import * as t from "rdflib";
+//#region src/defaultPane.ts
+var n = e.ns, r = {
+	icon: e.icons.originalIconBase + "about.png",
+	name: "default",
+	audience: [n.solid("Developer")],
+	label: function(e) {
+		return "about ";
+	},
+	render: function(n, r) {
+		let i = r.dom;
+		function a(e) {
+			let t = r.environment ?? {};
+			e.dataset.layout = t.layout ?? "desktop";
+		}
+		let o = function(e, t) {
+			return !(r.session.paneRegistry.byName("internal").predicates[e.uri] !== void 0 || t && e.uri === "http://www.w3.org/1999/02/22-rdf-syntax-ns#type");
+		}, s = r.getOutliner(i), c = r.session.store;
+		e.log.info("@defaultPane.render, dom is now " + i.location), n = c.canon(n);
+		let l = i.createElement("div");
+		l.setAttribute("class", "defaultPane"), a(l);
+		let u = n.termType === "Literal" ? [] : c.statementsMatching(n);
+		s.appendPropertyTRs(l, u, !1, o), u = c.statementsMatching(void 0, void 0, n), s.appendPropertyTRs(l, u, !0, o);
+		let d = n.termType === "BlankNode" ? c.anyStatementMatching(n) : void 0;
+		if (n.termType === "Literal" && n.value.slice(0, 7) === "http://" && s.appendPropertyTRs(l, [t.st(c.sym(n.value), e.ns.link("uri"), n)], !0, o), n.termType === "NamedNode" && c.updater.editable(t.Util.uri.docpart(n.uri), c) || n.termType === "BlankNode" && d && d.why && "uri" in d.why && typeof d.why.uri == "string" && c.updater.editable(d.why.uri)) {
+			let t = i.createElement("tr"), n = i.createElement("td");
+			n.setAttribute("colspan", "2"), n.setAttribute("notSelectable", "true");
+			let r = i.createElement("img");
+			r.src = e.icons.originalIconBase + "tango/22-list-add-new.png", r.addEventListener("click", function(e) {
+				s.UserInput.addNewPredicateObject(e), e.stopPropagation(), e.preventDefault();
+			}), r.className = "bottom-border-active", l.appendChild(t).appendChild(n).appendChild(r);
+		}
+		return l;
+	}
+};
+//#endregion
+export { r as defaultPane };
+
+//# sourceMappingURL=defaultPane2.esm.js.map

package/dist/defaultPane2.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPane2.esm.js","names":[],"sources":["../src/defaultPane.ts"],"sourcesContent":["/*   Default Pane\n **\n **  This outline pane contains the properties which are\n **  normally displayed to the user. See also: internalPane\n ** This pane hides the ones considered too low-level for the normal user.\n */\n\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nimport type { DataBrowserContext, RenderEnvironment } from 'pane-registry'\nimport type { BlankNode, Literal, NamedNode, Statement } from 'rdflib'\nimport './defaultPane.css'\n\nconst ns = UI.ns\ntype DefaultPaneSubject = NamedNode | BlankNode | Literal\n\ntype DefaultPaneDefinition = {\n  icon: string\n  name: string\n  audience: NamedNode[]\n  label: (subject: DefaultPaneSubject) => string\n  render: (subject: DefaultPaneSubject, context: DataBrowserContext) => HTMLDivElement\n}\n\ntype DefaultPaneOutliner = {\n  appendPropertyTRs: (\n    parent: HTMLElement,\n    statements: Statement[],\n    inverse: boolean,\n    filter: (pred: NamedNode, inverse: boolean) => boolean\n  ) => void\n  UserInput: {\n    addNewPredicateObject: (event: Event) => void\n  }\n}\n\nexport const defaultPane: DefaultPaneDefinition = {\n  icon: UI.icons.originalIconBase + 'about.png',\n\n  name: 'default',\n\n  audience: [ns.solid('Developer')],\n\n  label: function (_subject: DefaultPaneSubject): string {\n    return 'about '\n  },\n\n  render: function (\n    subject: DefaultPaneSubject,\n    context: DataBrowserContext\n  ): HTMLDivElement {\n    const dom = context.dom\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 filter = function (pred: NamedNode, inverse: boolean): boolean {\n      if (\n        typeof context.session.paneRegistry.byName('internal').predicates[\n          pred.uri\n        ] !== 'undefined'\n      ) {\n        return false\n      }\n      if (\n        inverse &&\n        pred.uri === 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type'\n      ) {\n        return false\n      }\n      return true\n    }\n\n    const outliner = context.getOutliner(dom) as DefaultPaneOutliner\n    const kb = context.session.store\n    // var outline = outliner; // @@\n    UI.log.info('@defaultPane.render, dom is now ' + dom.location)\n    subject = kb.canon(subject) as DefaultPaneSubject\n    const div = dom.createElement('div')\n    div.setAttribute('class', 'defaultPane')\n    applyEnvironmentAttributes(div)\n    //        appendRemoveIcon(div, subject, div)\n\n    let plist = subject.termType === 'Literal' ? [] : kb.statementsMatching(subject)\n    outliner.appendPropertyTRs(div, plist, false, filter)\n    plist = kb.statementsMatching(undefined, undefined, subject)\n    outliner.appendPropertyTRs(div, plist, true, filter)\n    const subjectStatement = subject.termType === 'BlankNode'\n      ? kb.anyStatementMatching(subject)\n      : undefined\n    if (\n      subject.termType === 'Literal' &&\n      subject.value.slice(0, 7) === 'http://'\n    ) {\n      outliner.appendPropertyTRs(\n        div,\n        [$rdf.st(kb.sym(subject.value), UI.ns.link('uri'), subject)],\n        true,\n        filter\n      )\n    }\n    if (\n      (subject.termType === 'NamedNode' &&\n        kb.updater.editable($rdf.Util.uri.docpart(subject.uri), kb)) ||\n      (subject.termType === 'BlankNode' &&\n        subjectStatement &&\n        subjectStatement.why &&\n        'uri' in subjectStatement.why &&\n        typeof subjectStatement.why.uri === 'string' &&\n        kb.updater.editable(subjectStatement.why.uri))\n      // check the document containing something about of the bnode @@ what about as object?\n      /*  ! && HCIoptions[\"bottom insert highlights\"].enabled  */\n    ) {\n      const holdingTr = dom.createElement('tr') // these are to minimize required changes\n      const holdingTd = dom.createElement('td') // in userinput.js\n      holdingTd.setAttribute('colspan', '2')\n      holdingTd.setAttribute('notSelectable', 'true')\n      const img = dom.createElement('img')\n      img.src = UI.icons.originalIconBase + 'tango/22-list-add-new.png'\n      img.addEventListener('click', function addNewTripleIconMouseDownListener (\n        e\n      ) {\n        outliner.UserInput.addNewPredicateObject(e)\n        e.stopPropagation()\n        e.preventDefault()\n      })\n      img.className = 'bottom-border-active'\n      // img.addEventListener('click', thisOutline.UserInput.addNewPredicateObject,false)\n      div\n        .appendChild(holdingTr)\n        .appendChild(holdingTd)\n        .appendChild(img)\n    }\n    return div\n  }\n}\n\n// ends\n"],"mappings":";;;;AAaA,IAAM,IAAK,EAAG,IAuBD,IAAqC;CAChD,MAAM,EAAG,MAAM,mBAAmB;CAElC,MAAM;CAEN,UAAU,CAAC,EAAG,MAAM,WAAW,CAAC;CAEhC,OAAO,SAAU,GAAsC;EACrD,OAAO;CACT;CAEA,QAAQ,SACN,GACA,GACgB;EAChB,IAAM,IAAM,EAAQ;EAEpB,SAAS,EAA4B,GAA+B;GAClE,IAAM,IAAe,EAAQ,eAAe,CAAC;GAC7C,EAAQ,QAAQ,SAAS,EAAY,UAAU;EACjD;EAEA,IAAM,IAAS,SAAU,GAAiB,GAA2B;GAcnE,OANA,EANS,EAAQ,QAAQ,aAAa,OAAO,UAAU,CAAC,CAAC,WACrD,EAAK,SACD,UAKN,KACA,EAAK,QAAQ;EAKjB,GAEM,IAAW,EAAQ,YAAY,CAAG,GAClC,IAAK,EAAQ,QAAQ;EAG3B,AADA,EAAG,IAAI,KAAK,qCAAqC,EAAI,QAAQ,GAC7D,IAAU,EAAG,MAAM,CAAO;EAC1B,IAAM,IAAM,EAAI,cAAc,KAAK;EAEnC,AADA,EAAI,aAAa,SAAS,aAAa,GACvC,EAA2B,CAAG;EAG9B,IAAI,IAAQ,EAAQ,aAAa,YAAY,CAAC,IAAI,EAAG,mBAAmB,CAAO;EAG/E,AAFA,EAAS,kBAAkB,GAAK,GAAO,IAAO,CAAM,GACpD,IAAQ,EAAG,mBAAmB,KAAA,GAAW,KAAA,GAAW,CAAO,GAC3D,EAAS,kBAAkB,GAAK,GAAO,IAAM,CAAM;EACnD,IAAM,IAAmB,EAAQ,aAAa,cAC1C,EAAG,qBAAqB,CAAO,IAC/B,KAAA;EAYJ,IAVE,EAAQ,aAAa,aACrB,EAAQ,MAAM,MAAM,GAAG,CAAC,MAAM,aAE9B,EAAS,kBACP,GACA,CAAC,EAAK,GAAG,EAAG,IAAI,EAAQ,KAAK,GAAG,EAAG,GAAG,KAAK,KAAK,GAAG,CAAO,CAAC,GAC3D,IACA,CACF,GAGC,EAAQ,aAAa,eACpB,EAAG,QAAQ,SAAS,EAAK,KAAK,IAAI,QAAQ,EAAQ,GAAG,GAAG,CAAE,KAC3D,EAAQ,aAAa,eACpB,KACA,EAAiB,OACjB,SAAS,EAAiB,OAC1B,OAAO,EAAiB,IAAI,OAAQ,YACpC,EAAG,QAAQ,SAAS,EAAiB,IAAI,GAAG,GAG9C;GACA,IAAM,IAAY,EAAI,cAAc,IAAI,GAClC,IAAY,EAAI,cAAc,IAAI;GAExC,AADA,EAAU,aAAa,WAAW,GAAG,GACrC,EAAU,aAAa,iBAAiB,MAAM;GAC9C,IAAM,IAAM,EAAI,cAAc,KAAK;GAWnC,AAVA,EAAI,MAAM,EAAG,MAAM,mBAAmB,6BACtC,EAAI,iBAAiB,SAAS,SAC5B,GACA;IAGA,AAFA,EAAS,UAAU,sBAAsB,CAAC,GAC1C,EAAE,gBAAgB,GAClB,EAAE,eAAe;GACnB,CAAC,GACD,EAAI,YAAY,wBAEhB,EACG,YAAY,CAAS,CAAC,CACtB,YAAY,CAAS,CAAC,CACtB,YAAY,CAAG;EACpB;EACA,OAAO;CACT;AACF"}

package/dist/dev.d.ts

@@ -0,0 +1,10 @@
+import { NamedNode } from '../node_modules/rdflib';
+import { DataBrowserContext } from '../node_modules/pane-registry';
+declare const _default: {
+    icon: string;
+    name: string;
+    label: () => string;
+    render(subject: NamedNode, context: DataBrowserContext): HTMLDivElement;
+};
+export default _default;
+//# sourceMappingURL=dev.d.ts.map

package/dist/dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../src/dev.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAkB,MAAM,eAAe,CAAA;;;;;oBAMpD,SAAS,WAAW,kBAAkB;;AAJzD,wBAgB0B"}

package/dist/dokieli/dokieliPane.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../_virtual/_rolldown/runtime.cjs.js"),t=require("./new.cjs.js");let n=require("solid-ui");n=e.__toESM(n);let r=require("rdflib");r=e.__toESM(r);let i=require("mime-types");i=e.__toESM(i);var a={icon:n.icons.iconBase+`dokieli-logo.png`,name:`Dokieli`,mintClass:n.ns.solid(`DokieliDocument`),label:function(e,t){return null},mintNew:function(e,n){let a=e.session.store,o=n.newInstance;if(!o){let e=n.newBase;e.endsWith(`/`)&&(e=e.slice(0,-1),n.newBase=e),o=a.sym(e)}let s=i.lookup(o.uri);(!s||!s.includes(`html`))&&(o=r.sym(o.uri+`.html`)),n.newInstance=o;let c=t.default,l=o.uri.split(`/`).slice(-1)[0];l=decodeURIComponent(l.split(`.`)[0]);let u=l.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`);return c=c.replace(`<title>`,`<title>`+u),c=c.replace(`</article>`,`<h1>`+u+`</h1></article>`),new Promise(function(e){a.fetcher.webOperation(`PUT`,o.uri,{data:c,contentType:`text/html`}).then(function(){console.log(`new Dokieli document created at `+n.newInstance),e(n)}).catch(function(e){console.log(`Error creating dokieli doc at `+n.newInstance+`: `+e)})})}};exports.default=a;
+//# sourceMappingURL=dokieliPane.cjs.js.map

package/dist/dokieli/dokieliPane.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dokieliPane.cjs.js","names":["UI","mime","$rdf","DOKIELI_TEMPLATE"],"sources":["../../src/dokieli/dokieliPane.js"],"sourcesContent":["/*   Human-readable editable \"Dokieli\" Pane\n **\n **  This outline pane contains the document contents for a Dokieli document\n ** The dokeili system allows the user to edit a document including anotations\n ** review.   It does not use turtle, but RDF/a\n */\n\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nimport * as mime from 'mime-types'\n\n// const DOKIELI_TEMPLATE_URI = 'https://dokie.li/new' // Copy to make new dok\n\nimport DOKIELI_TEMPLATE from './new.js' // Distributed with this library\n\nexport default {\n  icon: UI.icons.iconBase + 'dokieli-logo.png', // @@ improve? more like doccument?\n\n  name: 'Dokieli',\n\n  mintClass: UI.ns.solid('DokieliDocument'), // @@ A better class?\n\n  // Don't provide viewing - let humanReadablePane handle that with appropriate icon\n  label: function (subject, context) {\n    return null // Viewing now handled by humanReadablePane\n  },\n\n  // Create a new folder in a Solid system, with a dokieli editable document in it\n  mintNew: function (context, newPaneOptions) {\n    const kb = context.session.store\n    let newInstance = newPaneOptions.newInstance\n    if (!newInstance) {\n      let uri = newPaneOptions.newBase\n      if (uri.endsWith('/')) {\n        uri = uri.slice(0, -1)\n        newPaneOptions.newBase = uri\n      }\n      newInstance = kb.sym(uri)\n    }\n\n    const contentType = mime.lookup(newInstance.uri)\n    if (!contentType || !contentType.includes('html')) {\n      newInstance = $rdf.sym(newInstance.uri + '.html')\n    }\n    newPaneOptions.newInstance = newInstance // Save for creation system\n\n    // console.log('New dokieli will make: ' + newInstance)\n\n    let htmlContents = DOKIELI_TEMPLATE\n    let filename = newInstance.uri.split('/').slice(-1)[0]\n    filename = decodeURIComponent(filename.split('.')[0])\n    const encodedTitle = filename\n      .replace(/&/g, '&amp;')\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;')\n    htmlContents = htmlContents.replace('<title>', '<title>' + encodedTitle)\n    htmlContents = htmlContents.replace(\n      '</article>',\n      '<h1>' + encodedTitle + '</h1></article>'\n    )\n    // console.log('@@ New HTML for Dok:' + htmlContents)\n    return new Promise(function (resolve) {\n      kb.fetcher\n        .webOperation('PUT', newInstance.uri, {\n          data: htmlContents,\n          contentType: 'text/html'\n        })\n        .then(function () {\n          console.log(\n            'new Dokieli document created at ' + newPaneOptions.newInstance\n          )\n          resolve(newPaneOptions)\n        })\n        .catch(function (err) {\n          console.log(\n            'Error creating dokieli doc at ' +\n              newPaneOptions.newInstance +\n              ': ' +\n              err\n          )\n        })\n    })\n  }\n\n  // render: removed - now handled by humanReadablePane with appropriate dokieli icon\n}\n// ends\n"],"mappings":"6MAeA,IAAA,EAAe,CACb,KAAMA,EAAG,MAAM,SAAW,mBAE1B,KAAM,UAEN,UAAWA,EAAG,GAAG,MAAM,iBAAiB,EAGxC,MAAO,SAAU,EAAS,EAAS,CACjC,OAAO,IACT,EAGA,QAAS,SAAU,EAAS,EAAgB,CAC1C,IAAM,EAAK,EAAQ,QAAQ,MACvB,EAAc,EAAe,YACjC,GAAI,CAAC,EAAa,CAChB,IAAI,EAAM,EAAe,QACrB,EAAI,SAAS,GAAG,IAClB,EAAM,EAAI,MAAM,EAAG,EAAE,EACrB,EAAe,QAAU,GAE3B,EAAc,EAAG,IAAI,CAAG,CAC1B,CAEA,IAAM,EAAcC,EAAK,OAAO,EAAY,GAAG,GAC3C,CAAC,GAAe,CAAC,EAAY,SAAS,MAAM,KAC9C,EAAcC,EAAK,IAAI,EAAY,IAAM,OAAO,GAElD,EAAe,YAAc,EAI7B,IAAI,EAAeC,EAAAA,QACf,EAAW,EAAY,IAAI,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,GACpD,EAAW,mBAAmB,EAAS,MAAM,GAAG,CAAC,CAAC,EAAE,EACpD,IAAM,EAAe,EAClB,QAAQ,KAAM,OAAO,CAAC,CACtB,QAAQ,KAAM,MAAM,CAAC,CACrB,QAAQ,KAAM,MAAM,EAOvB,MANA,GAAe,EAAa,QAAQ,UAAW,UAAY,CAAY,EACvE,EAAe,EAAa,QAC1B,aACA,OAAS,EAAe,iBAC1B,EAEO,IAAI,QAAQ,SAAU,EAAS,CACpC,EAAG,QACA,aAAa,MAAO,EAAY,IAAK,CACpC,KAAM,EACN,YAAa,WACf,CAAC,CAAC,CACD,KAAK,UAAY,CAChB,QAAQ,IACN,mCAAqC,EAAe,WACtD,EACA,EAAQ,CAAc,CACxB,CAAC,CAAC,CACD,MAAM,SAAU,EAAK,CACpB,QAAQ,IACN,iCACE,EAAe,YACf,KACA,CACJ,CACF,CAAC,CACL,CAAC,CACH,CAGF"}

package/dist/dokieli/dokieliPane.esm.js

@@ -0,0 +1,39 @@
+import e from "./new.esm.js";
+import * as t from "solid-ui";
+import * as n from "rdflib";
+import * as r from "mime-types";
+//#region src/dokieli/dokieliPane.js
+var i = {
+	icon: t.icons.iconBase + "dokieli-logo.png",
+	name: "Dokieli",
+	mintClass: t.ns.solid("DokieliDocument"),
+	label: function(e, t) {
+		return null;
+	},
+	mintNew: function(t, i) {
+		let a = t.session.store, o = i.newInstance;
+		if (!o) {
+			let e = i.newBase;
+			e.endsWith("/") && (e = e.slice(0, -1), i.newBase = e), o = a.sym(e);
+		}
+		let s = r.lookup(o.uri);
+		(!s || !s.includes("html")) && (o = n.sym(o.uri + ".html")), i.newInstance = o;
+		let c = e, l = o.uri.split("/").slice(-1)[0];
+		l = decodeURIComponent(l.split(".")[0]);
+		let u = l.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+		return c = c.replace("<title>", "<title>" + u), c = c.replace("</article>", "<h1>" + u + "</h1></article>"), new Promise(function(e) {
+			a.fetcher.webOperation("PUT", o.uri, {
+				data: c,
+				contentType: "text/html"
+			}).then(function() {
+				console.log("new Dokieli document created at " + i.newInstance), e(i);
+			}).catch(function(e) {
+				console.log("Error creating dokieli doc at " + i.newInstance + ": " + e);
+			});
+		});
+	}
+};
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=dokieliPane.esm.js.map

package/dist/dokieli/dokieliPane.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dokieliPane.esm.js","names":[],"sources":["../../src/dokieli/dokieliPane.js"],"sourcesContent":["/*   Human-readable editable \"Dokieli\" Pane\n **\n **  This outline pane contains the document contents for a Dokieli document\n ** The dokeili system allows the user to edit a document including anotations\n ** review.   It does not use turtle, but RDF/a\n */\n\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nimport * as mime from 'mime-types'\n\n// const DOKIELI_TEMPLATE_URI = 'https://dokie.li/new' // Copy to make new dok\n\nimport DOKIELI_TEMPLATE from './new.js' // Distributed with this library\n\nexport default {\n  icon: UI.icons.iconBase + 'dokieli-logo.png', // @@ improve? more like doccument?\n\n  name: 'Dokieli',\n\n  mintClass: UI.ns.solid('DokieliDocument'), // @@ A better class?\n\n  // Don't provide viewing - let humanReadablePane handle that with appropriate icon\n  label: function (subject, context) {\n    return null // Viewing now handled by humanReadablePane\n  },\n\n  // Create a new folder in a Solid system, with a dokieli editable document in it\n  mintNew: function (context, newPaneOptions) {\n    const kb = context.session.store\n    let newInstance = newPaneOptions.newInstance\n    if (!newInstance) {\n      let uri = newPaneOptions.newBase\n      if (uri.endsWith('/')) {\n        uri = uri.slice(0, -1)\n        newPaneOptions.newBase = uri\n      }\n      newInstance = kb.sym(uri)\n    }\n\n    const contentType = mime.lookup(newInstance.uri)\n    if (!contentType || !contentType.includes('html')) {\n      newInstance = $rdf.sym(newInstance.uri + '.html')\n    }\n    newPaneOptions.newInstance = newInstance // Save for creation system\n\n    // console.log('New dokieli will make: ' + newInstance)\n\n    let htmlContents = DOKIELI_TEMPLATE\n    let filename = newInstance.uri.split('/').slice(-1)[0]\n    filename = decodeURIComponent(filename.split('.')[0])\n    const encodedTitle = filename\n      .replace(/&/g, '&amp;')\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;')\n    htmlContents = htmlContents.replace('<title>', '<title>' + encodedTitle)\n    htmlContents = htmlContents.replace(\n      '</article>',\n      '<h1>' + encodedTitle + '</h1></article>'\n    )\n    // console.log('@@ New HTML for Dok:' + htmlContents)\n    return new Promise(function (resolve) {\n      kb.fetcher\n        .webOperation('PUT', newInstance.uri, {\n          data: htmlContents,\n          contentType: 'text/html'\n        })\n        .then(function () {\n          console.log(\n            'new Dokieli document created at ' + newPaneOptions.newInstance\n          )\n          resolve(newPaneOptions)\n        })\n        .catch(function (err) {\n          console.log(\n            'Error creating dokieli doc at ' +\n              newPaneOptions.newInstance +\n              ': ' +\n              err\n          )\n        })\n    })\n  }\n\n  // render: removed - now handled by humanReadablePane with appropriate dokieli icon\n}\n// ends\n"],"mappings":";;;;;AAeA,IAAA,IAAe;CACb,MAAM,EAAG,MAAM,WAAW;CAE1B,MAAM;CAEN,WAAW,EAAG,GAAG,MAAM,iBAAiB;CAGxC,OAAO,SAAU,GAAS,GAAS;EACjC,OAAO;CACT;CAGA,SAAS,SAAU,GAAS,GAAgB;EAC1C,IAAM,IAAK,EAAQ,QAAQ,OACvB,IAAc,EAAe;EACjC,IAAI,CAAC,GAAa;GAChB,IAAI,IAAM,EAAe;GAKzB,AAJI,EAAI,SAAS,GAAG,MAClB,IAAM,EAAI,MAAM,GAAG,EAAE,GACrB,EAAe,UAAU,IAE3B,IAAc,EAAG,IAAI,CAAG;EAC1B;EAEA,IAAM,IAAc,EAAK,OAAO,EAAY,GAAG;EAI/C,CAHI,CAAC,KAAe,CAAC,EAAY,SAAS,MAAM,OAC9C,IAAc,EAAK,IAAI,EAAY,MAAM,OAAO,IAElD,EAAe,cAAc;EAI7B,IAAI,IAAe,GACf,IAAW,EAAY,IAAI,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;EACpD,IAAW,mBAAmB,EAAS,MAAM,GAAG,CAAC,CAAC,EAAE;EACpD,IAAM,IAAe,EAClB,QAAQ,MAAM,OAAO,CAAC,CACtB,QAAQ,MAAM,MAAM,CAAC,CACrB,QAAQ,MAAM,MAAM;EAOvB,OANA,IAAe,EAAa,QAAQ,WAAW,YAAY,CAAY,GACvE,IAAe,EAAa,QAC1B,cACA,SAAS,IAAe,iBAC1B,GAEO,IAAI,QAAQ,SAAU,GAAS;GACpC,EAAG,QACA,aAAa,OAAO,EAAY,KAAK;IACpC,MAAM;IACN,aAAa;GACf,CAAC,CAAC,CACD,KAAK,WAAY;IAIhB,AAHA,QAAQ,IACN,qCAAqC,EAAe,WACtD,GACA,EAAQ,CAAc;GACxB,CAAC,CAAC,CACD,MAAM,SAAU,GAAK;IACpB,QAAQ,IACN,mCACE,EAAe,cACf,OACA,CACJ;GACF,CAAC;EACL,CAAC;CACH;AAGF"}

package/dist/dokieli/{new.js → new.cjs.js}

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const DOKIELI_TEMPLATE = `<!DOCTYPE html>
+var e=`<!DOCTYPE html>
 <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <meta charset="utf-8" />
@@ -12,7 +6,7 @@ const DOKIELI_TEMPLATE = `<!DOCTYPE html>
     <meta content="width=device-width, initial-scale=1" name="viewport" />
     <link href="https://dokie.li/media/css/basic.css" media="all" rel="stylesheet" title="Basic" />
     <link href="https://dokie.li/media/css/dokieli.css" media="all" rel="stylesheet" />
-    <script src="https://dokie.li/scripts/dokieli.js"></script>
+    <script src="https://dokie.li/scripts/dokieli.js"><\/script>
   </head>
 
   <body about="" prefix="rdf: http://www.w3.org/1999/02/22-rdf-syntax-ns# rdfs: http://www.w3.org/2000/01/rdf-schema# owl: http://www.w3.org/2002/07/owl# xsd: http://www.w3.org/2001/XMLSchema# rdfa: http://www.w3.org/ns/rdfa# dcterms: http://purl.org/dc/terms/ dctypes: http://purl.org/dc/dcmitype/ foaf: http://xmlns.com/foaf/0.1/ pimspace: http://www.w3.org/ns/pim/space# skos: http://www.w3.org/2004/02/skos/core# prov: http://www.w3.org/ns/prov# mem: http://mementoweb.org/ns# qb: http://purl.org/linked-data/cube# schema: http://schema.org/ void: http://rdfs.org/ns/void# rsa: http://www.w3.org/ns/auth/rsa# cert: http://www.w3.org/ns/auth/cert# wgs: http://www.w3.org/2003/01/geo/wgs84_pos# bibo: http://purl.org/ontology/bibo/ sioc: http://rdfs.org/sioc/ns# doap: http://usefulinc.com/ns/doap# dbr: http://dbpedia.org/resource/ dbp: http://dbpedia.org/property/ sio: http://semanticscience.org/resource/ opmw: http://www.opmw.org/ontology/ deo: http://purl.org/spar/deo/ doco: http://purl.org/spar/doco/ cito: http://purl.org/spar/cito/ fabio: http://purl.org/spar/fabio/ oa: http://www.w3.org/ns/oa# as: https://www.w3.org/ns/activitystreams# ldp: http://www.w3.org/ns/ldp# solid: http://www.w3.org/ns/solid/terms# acl: http://www.w3.org/ns/auth/acl# earl: http://www.w3.org/ns/earl# spec: http://www.w3.org/ns/spec# odrl: http://www.w3.org/ns/odrl/2/ dio: https://w3id.org/dio# rel: https://www.w3.org/ns/iana/link-relations/relation#" typeof="schema:CreativeWork prov:Entity">
@@ -23,5 +17,5 @@ const DOKIELI_TEMPLATE = `<!DOCTYPE html>
     </main>
   </body>
 </html>
-`;
-var _default = exports.default = DOKIELI_TEMPLATE;
+`;exports.default=e;
+//# sourceMappingURL=new.cjs.js.map

package/dist/dokieli/new.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new.cjs.js","names":[],"sources":["../../src/dokieli/new.js"],"sourcesContent":["const DOKIELI_TEMPLATE = `<!DOCTYPE html>\n<html lang=\"en\" xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <title></title>\n    <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\n    <link href=\"https://dokie.li/media/css/basic.css\" media=\"all\" rel=\"stylesheet\" title=\"Basic\" />\n    <link href=\"https://dokie.li/media/css/dokieli.css\" media=\"all\" rel=\"stylesheet\" />\n    <script src=\"https://dokie.li/scripts/dokieli.js\"></script>\n  </head>\n\n  <body about=\"\" prefix=\"rdf: http://www.w3.org/1999/02/22-rdf-syntax-ns# rdfs: http://www.w3.org/2000/01/rdf-schema# owl: http://www.w3.org/2002/07/owl# xsd: http://www.w3.org/2001/XMLSchema# rdfa: http://www.w3.org/ns/rdfa# dcterms: http://purl.org/dc/terms/ dctypes: http://purl.org/dc/dcmitype/ foaf: http://xmlns.com/foaf/0.1/ pimspace: http://www.w3.org/ns/pim/space# skos: http://www.w3.org/2004/02/skos/core# prov: http://www.w3.org/ns/prov# mem: http://mementoweb.org/ns# qb: http://purl.org/linked-data/cube# schema: http://schema.org/ void: http://rdfs.org/ns/void# rsa: http://www.w3.org/ns/auth/rsa# cert: http://www.w3.org/ns/auth/cert# wgs: http://www.w3.org/2003/01/geo/wgs84_pos# bibo: http://purl.org/ontology/bibo/ sioc: http://rdfs.org/sioc/ns# doap: http://usefulinc.com/ns/doap# dbr: http://dbpedia.org/resource/ dbp: http://dbpedia.org/property/ sio: http://semanticscience.org/resource/ opmw: http://www.opmw.org/ontology/ deo: http://purl.org/spar/deo/ doco: http://purl.org/spar/doco/ cito: http://purl.org/spar/cito/ fabio: http://purl.org/spar/fabio/ oa: http://www.w3.org/ns/oa# as: https://www.w3.org/ns/activitystreams# ldp: http://www.w3.org/ns/ldp# solid: http://www.w3.org/ns/solid/terms# acl: http://www.w3.org/ns/auth/acl# earl: http://www.w3.org/ns/earl# spec: http://www.w3.org/ns/spec# odrl: http://www.w3.org/ns/odrl/2/ dio: https://w3id.org/dio# rel: https://www.w3.org/ns/iana/link-relations/relation#\" typeof=\"schema:CreativeWork prov:Entity\">\n    <main>\n      <article about=\"\" typeof=\"schema:Article\">\n\n      </article>\n    </main>\n  </body>\n</html>\n`\n\nexport default DOKIELI_TEMPLATE\n"],"mappings":"AAAA,IAAM,EAAmB"}

package/dist/dokieli/new.esm.js

@@ -0,0 +1,6 @@
+//#region src/dokieli/new.js
+var e = "<!DOCTYPE html>\n<html lang=\"en\" xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <title></title>\n    <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\n    <link href=\"https://dokie.li/media/css/basic.css\" media=\"all\" rel=\"stylesheet\" title=\"Basic\" />\n    <link href=\"https://dokie.li/media/css/dokieli.css\" media=\"all\" rel=\"stylesheet\" />\n    <script src=\"https://dokie.li/scripts/dokieli.js\"><\/script>\n  </head>\n\n  <body about=\"\" prefix=\"rdf: http://www.w3.org/1999/02/22-rdf-syntax-ns# rdfs: http://www.w3.org/2000/01/rdf-schema# owl: http://www.w3.org/2002/07/owl# xsd: http://www.w3.org/2001/XMLSchema# rdfa: http://www.w3.org/ns/rdfa# dcterms: http://purl.org/dc/terms/ dctypes: http://purl.org/dc/dcmitype/ foaf: http://xmlns.com/foaf/0.1/ pimspace: http://www.w3.org/ns/pim/space# skos: http://www.w3.org/2004/02/skos/core# prov: http://www.w3.org/ns/prov# mem: http://mementoweb.org/ns# qb: http://purl.org/linked-data/cube# schema: http://schema.org/ void: http://rdfs.org/ns/void# rsa: http://www.w3.org/ns/auth/rsa# cert: http://www.w3.org/ns/auth/cert# wgs: http://www.w3.org/2003/01/geo/wgs84_pos# bibo: http://purl.org/ontology/bibo/ sioc: http://rdfs.org/sioc/ns# doap: http://usefulinc.com/ns/doap# dbr: http://dbpedia.org/resource/ dbp: http://dbpedia.org/property/ sio: http://semanticscience.org/resource/ opmw: http://www.opmw.org/ontology/ deo: http://purl.org/spar/deo/ doco: http://purl.org/spar/doco/ cito: http://purl.org/spar/cito/ fabio: http://purl.org/spar/fabio/ oa: http://www.w3.org/ns/oa# as: https://www.w3.org/ns/activitystreams# ldp: http://www.w3.org/ns/ldp# solid: http://www.w3.org/ns/solid/terms# acl: http://www.w3.org/ns/auth/acl# earl: http://www.w3.org/ns/earl# spec: http://www.w3.org/ns/spec# odrl: http://www.w3.org/ns/odrl/2/ dio: https://w3id.org/dio# rel: https://www.w3.org/ns/iana/link-relations/relation#\" typeof=\"schema:CreativeWork prov:Entity\">\n    <main>\n      <article about=\"\" typeof=\"schema:Article\">\n\n      </article>\n    </main>\n  </body>\n</html>\n";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=new.esm.js.map

package/dist/dokieli/new.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new.esm.js","names":[],"sources":["../../src/dokieli/new.js"],"sourcesContent":["const DOKIELI_TEMPLATE = `<!DOCTYPE html>\n<html lang=\"en\" xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <title></title>\n    <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\n    <link href=\"https://dokie.li/media/css/basic.css\" media=\"all\" rel=\"stylesheet\" title=\"Basic\" />\n    <link href=\"https://dokie.li/media/css/dokieli.css\" media=\"all\" rel=\"stylesheet\" />\n    <script src=\"https://dokie.li/scripts/dokieli.js\"></script>\n  </head>\n\n  <body about=\"\" prefix=\"rdf: http://www.w3.org/1999/02/22-rdf-syntax-ns# rdfs: http://www.w3.org/2000/01/rdf-schema# owl: http://www.w3.org/2002/07/owl# xsd: http://www.w3.org/2001/XMLSchema# rdfa: http://www.w3.org/ns/rdfa# dcterms: http://purl.org/dc/terms/ dctypes: http://purl.org/dc/dcmitype/ foaf: http://xmlns.com/foaf/0.1/ pimspace: http://www.w3.org/ns/pim/space# skos: http://www.w3.org/2004/02/skos/core# prov: http://www.w3.org/ns/prov# mem: http://mementoweb.org/ns# qb: http://purl.org/linked-data/cube# schema: http://schema.org/ void: http://rdfs.org/ns/void# rsa: http://www.w3.org/ns/auth/rsa# cert: http://www.w3.org/ns/auth/cert# wgs: http://www.w3.org/2003/01/geo/wgs84_pos# bibo: http://purl.org/ontology/bibo/ sioc: http://rdfs.org/sioc/ns# doap: http://usefulinc.com/ns/doap# dbr: http://dbpedia.org/resource/ dbp: http://dbpedia.org/property/ sio: http://semanticscience.org/resource/ opmw: http://www.opmw.org/ontology/ deo: http://purl.org/spar/deo/ doco: http://purl.org/spar/doco/ cito: http://purl.org/spar/cito/ fabio: http://purl.org/spar/fabio/ oa: http://www.w3.org/ns/oa# as: https://www.w3.org/ns/activitystreams# ldp: http://www.w3.org/ns/ldp# solid: http://www.w3.org/ns/solid/terms# acl: http://www.w3.org/ns/auth/acl# earl: http://www.w3.org/ns/earl# spec: http://www.w3.org/ns/spec# odrl: http://www.w3.org/ns/odrl/2/ dio: https://w3id.org/dio# rel: https://www.w3.org/ns/iana/link-relations/relation#\" typeof=\"schema:CreativeWork prov:Entity\">\n    <main>\n      <article about=\"\" typeof=\"schema:Article\">\n\n      </article>\n    </main>\n  </body>\n</html>\n`\n\nexport default DOKIELI_TEMPLATE\n"],"mappings":";AAAA,IAAM,IAAmB"}

package/dist/form/pane.cjs.js

@@ -0,0 +1,4 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.formPane a,.formPane a:link{color:var(--color-text-link,#3b5998);text-decoration:none}.formPane a:visited{color:var(--color-text-link-visited,#3b5998);text-decoration:none}.formPane a:hover{color:var(--color-text-link-hover,#3b5998);font-weight:700}.formPane a:active{color:var(--color-text-link-active,#888);text-decoration:none}.formPane__message,.formPaneMessage{color:#666;margin:var(--spacing-xs,.5em) 0;padding:var(--spacing-xs,.35em) var(--spacing-xs,.5em)}.formPane__message--info{background-color:var(--color-main-block-bg,#eee)}.formPane__message--error{background-color:var(--color-log-error-bg,#fee)}.formPane__editButton{padding:var(--spacing-xs,.5rem);float:none;border:.5rem solid #fff;align-self:center;margin-left:auto;font-size:100%}.formPane .formPane__mobileTextareaValue>div{min-width:0;display:block;position:relative}.formPane .formPane__mobileTextareaValue>div>textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.formPane .formPane__mobileTextareaValue>div>button[type=button]{position:absolute;top:0;right:0;float:none!important}.formPane[data-layout=mobile] .formPane__mobileTextareaRow{align-items:stretch;flex-direction:column!important}.formPane[data-layout=mobile] .formPane__mobileTextareaLabel{padding-bottom:0;width:auto!important}.formPane[data-layout=mobile] .formPane__mobileTextareaValue{box-sizing:border-box;min-width:0;padding-right:var(--spacing-sm,.75rem);width:100%}.formPane[data-layout=mobile] .formPane__mobileTextareaValue textarea{box-sizing:border-box;width:100%;max-width:100%;margin-left:0!important;margin-right:0!important}@media (width<=960px){.formPane .formPane__mobileTextareaRow{align-items:stretch;flex-direction:column!important}.formPane .formPane__mobileTextareaLabel{padding-bottom:0;width:auto!important}.formPane .formPane__mobileTextareaValue{box-sizing:border-box;min-width:0;padding-right:var(--spacing-sm,.75rem);width:100%}.formPane .formPane__mobileTextareaValue textarea{box-sizing:border-box;width:100%;max-width:100%;margin-left:0!important;margin-right:0!important}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();const e=require("../_virtual/_rolldown/runtime.cjs.js");;let t=require("solid-ui");t=e.__toESM(t);let n=require("solid-logic"),r=require("rdflib");r=e.__toESM(r);var i=t.ns;function a(e){return e?.termType===`NamedNode`}function o(e,t){let n=t.doc?t.doc():void 0,r=e.each(t,i.rdf(`type`),void 0,n).filter(a),s=r.some(e=>e.sameTerm(i.ui(`Group`))),c=r.some(e=>!e.sameTerm(i.ui(`Group`))&&!e.sameTerm(i.ui(`Form`))),l=!!e.any(t,i.ui(`property`),void 0,n),u=e.any(t,i.ui(`parts`),void 0,n),d=!!u?.elements?.length||e.each(t,i.ui(`part`),void 0,n).length>0;s&&c&&l&&!d&&e.removeMany(t,i.rdf(`type`),i.ui(`Group`),n);let f=u?.elements??[];for(let t of f)a(t)&&o(e,t);let p=e.each(t,i.ui(`part`),void 0,n);for(let t of p)a(t)&&o(e,t)}function s(e){let t=Array.from(e.querySelectorAll(`textarea`));for(let e of t){let t=e.parentElement;for(;t;){let e=t.firstElementChild;if(e&&(e.classList.contains(`formFieldName`)||e.querySelector(`a`)!==null)&&t.children.length>=2){t.classList.add(`formPane__mobileTextareaRow`),e.classList.add(`formPane__mobileTextareaLabel`),t.children[1].classList.add(`formPane__mobileTextareaValue`);break}t=t.parentElement}}}var c={icon:t.icons.iconBase+`noun_122196.svg`,name:`form`,audience:[i.solid(`PowerUser`)],label:function(e,n){let r=t.widgets.formsFor(e).length;return t.log.debug(`Form pane: forms for `+e+`: `+r),r?``+r+` forms`:null},render:function(e,c){let l=c.session.store,u=c.dom,d=u.createElement(`div`);d.setAttribute(`class`,`formPane`);function f(e){let t=c.environment??{};e.dataset.layout=t.layout??`desktop`}f(d);let p=function(e,t=`info`){let n=u.createElement(`p`);return n.className=`formPane__message formPane__message--${t}`,d.appendChild(n).textContent=e,n},m=function(e){return p(e,`error`)},h=function(e,t){e||m(`Sorry, failed to save your change:
+`+t)},g=n.authn.currentUser();g?l.each(g,i.ui(`workspace`)).length===0&&p(`You don't seem to have any workspaces defined.  A workspace is a place on the web (http://..) or in the file system (file:///) to store application data.
+`):p(`You are not logged in. If you log in and have workspaces then you would be able to select workspace in which to put this new information`);let _=function(e,n){l.fetcher.nowOrWhenFetched(e.uri,n,function(i,a){if(!i)return m(`Cannot load store `+e.uri+`: `+a);let c=t.widgets.formsFor(n);for(let i of c){o(l,i);let a=u.createElement(`h4`);if(a.classList.add(`formPane__heading`),d.appendChild(a),i.uri){let e=r.Util.uri.document(i.uri);e.uri!==i.uri&&d.appendChild(t.widgets.editFormButton(u,d,i,e,h)).classList.add(`formPane__editButton`)}let c=u.createElement(`a`);c.classList.add(`formPane__headingLink`),c.setAttribute(`href`,i.uri),a.insertBefore(c,a.firstChild),c.textContent=t.utils.label(i,!0),t.widgets.appendForm(u,d,{},n,i,e,h),s(d)}})},v=null,y=r.Util.uri.docpart(e.uri);l.updater.editable(y,l)&&(v=e.doc());let b=l.any(l.sym(y),i.link(`annotationStore`));if(!v&&a(b)&&(v=b),!v){let t=new Map;l.statementsMatching(e).forEach(function(e){e.why.value&&t.set(e.why.value,1)}),l.statementsMatching(void 0,void 0,e).forEach(function(e){e.why.value&&t.set(e.why.value,2)});let n=Array.from(t.entries()).sort(function([e,t],[n,r]){return t-r||e.localeCompare(n)});for(let[e]of n)if(e&&l.updater.editable(e,l)){v=l.sym(e);break}}let x=`2014`;if(v)_(v,e);else{m(`No suitable store is known, to edit <`+e.uri+`>.`);let n=t.login.selectWorkspace(u,{noun:`form`,appPathSegment:`form`},function(t){let n=t?l.sym(t):null;if(!n){m(`Workspace selection was cancelled.`);return}p(`Workspace selected OK: `+n.uri);let r=l.each(void 0,i.space(`workspace`),n).filter(a);for(let t=0;t<r.length;t++){let n=r[t],o=l.any(n,i.space(`store`)),s=l.any(n,i.cal(`dtstart`))?.value,c=l.any(n,i.cal(`dtend`))?.value;if(a(o)&&s&&c&&s<=x&&c>x){_(o,e);break}m(`Note no suitable annotation store in activity: `+n)}});d.appendChild(n)}return d}};exports.formPane=c;
+//# sourceMappingURL=pane.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pane.cjs.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/form/pane.d.ts

@@ -1,4 +1,3 @@
-import type { PaneDefinition } from 'pane-registry';
-import './formPane.css';
+import { PaneDefinition } from '../../node_modules/pane-registry';
 export declare const formPane: PaneDefinition;
 //# sourceMappingURL=pane.d.ts.map

package/dist/form/pane.esm.js

@@ -0,0 +1,122 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.formPane a,.formPane a:link{color:var(--color-text-link,#3b5998);text-decoration:none}.formPane a:visited{color:var(--color-text-link-visited,#3b5998);text-decoration:none}.formPane a:hover{color:var(--color-text-link-hover,#3b5998);font-weight:700}.formPane a:active{color:var(--color-text-link-active,#888);text-decoration:none}.formPane__message,.formPaneMessage{color:#666;margin:var(--spacing-xs,.5em) 0;padding:var(--spacing-xs,.35em) var(--spacing-xs,.5em)}.formPane__message--info{background-color:var(--color-main-block-bg,#eee)}.formPane__message--error{background-color:var(--color-log-error-bg,#fee)}.formPane__editButton{padding:var(--spacing-xs,.5rem);float:none;border:.5rem solid #fff;align-self:center;margin-left:auto;font-size:100%}.formPane .formPane__mobileTextareaValue>div{min-width:0;display:block;position:relative}.formPane .formPane__mobileTextareaValue>div>textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.formPane .formPane__mobileTextareaValue>div>button[type=button]{position:absolute;top:0;right:0;float:none!important}.formPane[data-layout=mobile] .formPane__mobileTextareaRow{align-items:stretch;flex-direction:column!important}.formPane[data-layout=mobile] .formPane__mobileTextareaLabel{padding-bottom:0;width:auto!important}.formPane[data-layout=mobile] .formPane__mobileTextareaValue{box-sizing:border-box;min-width:0;padding-right:var(--spacing-sm,.75rem);width:100%}.formPane[data-layout=mobile] .formPane__mobileTextareaValue textarea{box-sizing:border-box;width:100%;max-width:100%;margin-left:0!important;margin-right:0!important}@media (width<=960px){.formPane .formPane__mobileTextareaRow{align-items:stretch;flex-direction:column!important}.formPane .formPane__mobileTextareaLabel{padding-bottom:0;width:auto!important}.formPane .formPane__mobileTextareaValue{box-sizing:border-box;min-width:0;padding-right:var(--spacing-sm,.75rem);width:100%}.formPane .formPane__mobileTextareaValue textarea{box-sizing:border-box;width:100%;max-width:100%;margin-left:0!important;margin-right:0!important}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+import * as e from "solid-ui";
+import { authn as t } from "solid-logic";
+import * as n from "rdflib";
+//#region src/form/pane.ts
+var r = e.ns;
+function i(e) {
+	return e?.termType === "NamedNode";
+}
+function a(e, t) {
+	let n = t.doc ? t.doc() : void 0, o = e.each(t, r.rdf("type"), void 0, n).filter(i), s = o.some((e) => e.sameTerm(r.ui("Group"))), c = o.some((e) => !e.sameTerm(r.ui("Group")) && !e.sameTerm(r.ui("Form"))), l = !!e.any(t, r.ui("property"), void 0, n), u = e.any(t, r.ui("parts"), void 0, n), d = !!u?.elements?.length || e.each(t, r.ui("part"), void 0, n).length > 0;
+	s && c && l && !d && e.removeMany(t, r.rdf("type"), r.ui("Group"), n);
+	let f = u?.elements ?? [];
+	for (let t of f) i(t) && a(e, t);
+	let p = e.each(t, r.ui("part"), void 0, n);
+	for (let t of p) i(t) && a(e, t);
+}
+function o(e) {
+	let t = Array.from(e.querySelectorAll("textarea"));
+	for (let e of t) {
+		let t = e.parentElement;
+		for (; t;) {
+			let e = t.firstElementChild;
+			if (e && (e.classList.contains("formFieldName") || e.querySelector("a") !== null) && t.children.length >= 2) {
+				t.classList.add("formPane__mobileTextareaRow"), e.classList.add("formPane__mobileTextareaLabel"), t.children[1].classList.add("formPane__mobileTextareaValue");
+				break;
+			}
+			t = t.parentElement;
+		}
+	}
+}
+var s = {
+	icon: e.icons.iconBase + "noun_122196.svg",
+	name: "form",
+	audience: [r.solid("PowerUser")],
+	label: function(t, n) {
+		let r = e.widgets.formsFor(t).length;
+		return e.log.debug("Form pane: forms for " + t + ": " + r), r ? "" + r + " forms" : null;
+	},
+	render: function(s, c) {
+		let l = c.session.store, u = c.dom, d = u.createElement("div");
+		d.setAttribute("class", "formPane");
+		function f(e) {
+			let t = c.environment ?? {};
+			e.dataset.layout = t.layout ?? "desktop";
+		}
+		f(d);
+		let p = function(e, t = "info") {
+			let n = u.createElement("p");
+			return n.className = `formPane__message formPane__message--${t}`, d.appendChild(n).textContent = e, n;
+		}, m = function(e) {
+			return p(e, "error");
+		}, h = function(e, t) {
+			e || m("Sorry, failed to save your change:\n" + t);
+		}, g = t.currentUser();
+		g ? l.each(g, r.ui("workspace")).length === 0 && p("You don't seem to have any workspaces defined.  A workspace is a place on the web (http://..) or in the file system (file:///) to store application data.\n") : p("You are not logged in. If you log in and have workspaces then you would be able to select workspace in which to put this new information");
+		let _ = function(t, r) {
+			l.fetcher.nowOrWhenFetched(t.uri, r, function(i, s) {
+				if (!i) return m("Cannot load store " + t.uri + ": " + s);
+				let c = e.widgets.formsFor(r);
+				for (let i of c) {
+					a(l, i);
+					let s = u.createElement("h4");
+					if (s.classList.add("formPane__heading"), d.appendChild(s), i.uri) {
+						let t = n.Util.uri.document(i.uri);
+						t.uri !== i.uri && d.appendChild(e.widgets.editFormButton(u, d, i, t, h)).classList.add("formPane__editButton");
+					}
+					let c = u.createElement("a");
+					c.classList.add("formPane__headingLink"), c.setAttribute("href", i.uri), s.insertBefore(c, s.firstChild), c.textContent = e.utils.label(i, !0), e.widgets.appendForm(u, d, {}, r, i, t, h), o(d);
+				}
+			});
+		}, v = null, y = n.Util.uri.docpart(s.uri);
+		l.updater.editable(y, l) && (v = s.doc());
+		let b = l.any(l.sym(y), r.link("annotationStore"));
+		if (!v && i(b) && (v = b), !v) {
+			let e = /* @__PURE__ */ new Map();
+			l.statementsMatching(s).forEach(function(t) {
+				t.why.value && e.set(t.why.value, 1);
+			}), l.statementsMatching(void 0, void 0, s).forEach(function(t) {
+				t.why.value && e.set(t.why.value, 2);
+			});
+			let t = Array.from(e.entries()).sort(function([e, t], [n, r]) {
+				return t - r || e.localeCompare(n);
+			});
+			for (let [e] of t) if (e && l.updater.editable(e, l)) {
+				v = l.sym(e);
+				break;
+			}
+		}
+		let x = "2014";
+		if (v) _(v, s);
+		else {
+			m("No suitable store is known, to edit <" + s.uri + ">.");
+			let t = e.login.selectWorkspace(u, {
+				noun: "form",
+				appPathSegment: "form"
+			}, function(e) {
+				let t = e ? l.sym(e) : null;
+				if (!t) {
+					m("Workspace selection was cancelled.");
+					return;
+				}
+				p("Workspace selected OK: " + t.uri);
+				let n = l.each(void 0, r.space("workspace"), t).filter(i);
+				for (let e = 0; e < n.length; e++) {
+					let t = n[e], a = l.any(t, r.space("store")), o = l.any(t, r.cal("dtstart"))?.value, c = l.any(t, r.cal("dtend"))?.value;
+					if (i(a) && o && c && o <= x && c > x) {
+						_(a, s);
+						break;
+					}
+					m("Note no suitable annotation store in activity: " + t);
+				}
+			});
+			d.appendChild(t);
+		}
+		return d;
+	}
+};
+//#endregion
+export { s as formPane };
+
+//# sourceMappingURL=pane.esm.js.map

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

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

package/dist/home/homePane.cjs.js

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

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

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

package/dist/home/homePane.d.ts

@@ -1,4 +1,4 @@
-import { PaneDefinition } from 'pane-registry';
+import { PaneDefinition } from '../../node_modules/pane-registry';
 declare const HomePaneSource: PaneDefinition;
 export default HomePaneSource;
 //# sourceMappingURL=homePane.d.ts.map

package/dist/home/homePane.esm.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"homePane.esm.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":";;;AAgBA,IAAM,IAAiC;CACrC,MAAM,EAAM,WAAW;CAEvB,QAAQ;CAER,MAAM;CAMN,OAAO,WAAY;EACjB,OAAO;CACT;CAEA,UAAU,CAAC,EAAG,MAAM,WAAW,CAAC;CAEhC,QAAQ,SAAU,GAAS,GAA6B;EACtD,IAAM,IAAM,EAAQ,KACd,IAAc,iBAAkB;GACpC,IAAM,IAAkB;IAAE;IAAK;IAAK,YAAY;IAAK;GAAG;GAUxD,EAAI,YAAY,EAAI,cAAc,IAAI,CAAC,CAAC,CAAC,cACvC;GAEF,IAAM,IAAiC;IACrC,KAFkB,EAAI,YAAY,EAAI,cAAc,KAAK,CAEpD;IACL;IACA,YAAY;IACZ;GACF,GACM,IAAgB,MAAM,EAAM,qBAChC,EAAQ,QAAQ,aAAa,IAC/B;GAIA,AAFA,EAAO,WAAW,GAAiB,GAAS,CAAa,GAEzD,EAAM,iBAAiB,GAAiB,CAAC,CAAC,CAAC,CAAC,KAAK,WAAY,CAAC,CAAC;EACjE,GAEM,IAAM,EAAI,cAAc,KAAK,GAC7B,IAAgB,EAAM,YAAY;EAIxC,OAFA,EAAY,GAEL;CACT;AACF"}

package/dist/humanReadablePane.d.ts

@@ -1,6 +1,5 @@
-import type { DataBrowserContext } from 'pane-registry';
-import type { NamedNode } from 'rdflib';
-import './humanReadablePane.css';
+import { DataBrowserContext } from '../node_modules/pane-registry';
+import { NamedNode } from '../node_modules/rdflib';
 type HumanReadableIcon = string | Promise<string>;
 type HumanReadablePaneDefinition = {
     icon: (subject: NamedNode, context: DataBrowserContext) => HumanReadableIcon;

package/dist/humanReadablePane2.cjs.js

@@ -0,0 +1,2 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.human-readable-pane{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block}.human-readable-pane__container{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block;overflow-x:hidden}.human-readable-pane__frame{height:var(--human-readable-pane-height,30rem);box-sizing:border-box;resize:both;border:1px solid;width:100%;min-width:0;max-width:100%;padding:1rem;display:block;overflow:auto}.human-readable-pane__frame--iframe{background:var(--color-background,white);width:100%;max-width:100%;min-height:18rem;padding:0;overflow:hidden}.human-readable-pane__frame--markdown{overflow-wrap:anywhere;word-break:break-word}.human-readable-pane__frame--plain-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:monospace}.human-readable-pane__frame--markdown>*{box-sizing:border-box;max-width:100%}.human-readable-pane__frame--markdown img,.human-readable-pane__frame--markdown video,.human-readable-pane__frame--markdown canvas,.human-readable-pane__frame--markdown iframe{max-width:100%;height:auto}.human-readable-pane__frame--markdown pre,.human-readable-pane__frame--markdown code{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.human-readable-pane__frame--markdown pre{white-space:pre-wrap}.human-readable-pane__frame--markdown table{box-sizing:border-box;width:100%;max-width:100%;display:block;overflow-x:auto}.human-readable-pane__frame--markdown th,.human-readable-pane__frame--markdown td{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.human-readable-pane[data-layout=mobile] .human-readable-pane__frame{resize:none;min-width:0;padding:.75rem}.human-readable-pane[data-layout=mobile] .human-readable-pane__frame--markdown,.human-readable-pane[data-layout=mobile] .human-readable-pane__frame--plain-text{overflow-wrap:anywhere;word-break:break-word}.human-readable-pane[data-layout=mobile] .human-readable-pane__frame--iframe{width:100%;max-width:100%;min-height:16rem;height:min(var(--human-readable-pane-height,30rem), 75vh)}@media (width<=576px){.human-readable-pane__frame{resize:none;min-width:0;padding:.75rem}.human-readable-pane__frame--markdown,.human-readable-pane__frame--plain-text{overflow-wrap:anywhere;word-break:break-word}.human-readable-pane__frame--iframe{width:100%;max-width:100%;min-height:16rem;height:min(var(--human-readable-pane-height,30rem), 75vh)}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();const e=require("./_virtual/_rolldown/runtime.cjs.js");;let t=require("solid-ui"),n=require("rdflib"),r=require("marked"),i=require("dompurify");i=e.__toESM(i);var a=e=>{if(!e)return!1;let t=e.split(`?`)[0].split(`#`)[0];return/\.(md|markdown|mdown|mkd|mkdn)$/i.test(t)},o=new Map;function s(e,t,n){e.className=``,e.classList.add(`human-readable-pane__frame`),e.classList.add(`human-readable-pane__frame--${t}`),e.style.setProperty(`--human-readable-pane-height`,`${n}em`)}var c={icon:function(e,n){if(e&&a(e.uri))return t.icons.iconBase+`markdown.svg`;if(e){let r=n.session.store,i=o.get(e.uri);if(i===`dokieli`)return t.icons.iconBase+`dokieli-logo.png`;if(i===`html`)return t.icons.originalIconBase+`tango/22-text-x-generic.png`;let a=r.fetcher.getHeader(e.doc(),`content`);if(a&&a.length>0){let n=a[0],r=n.includes(`<script src="https://dokie.li/scripts/dokieli.js">`)||n.includes(`dokieli.css`);return o.set(e.uri,r?`dokieli`:`html`),r?t.icons.iconBase+`dokieli-logo.png`:t.icons.originalIconBase+`tango/22-text-x-generic.png`}let s=r.fetcher.getHeader(e.doc(),`content-type`);if((s?s[0].split(`;`,1)[0].trim():null)===`text/html`)return r.fetcher._fetch(e.uri).then(e=>e.text()).then(n=>{let r=n.includes(`<script src="https://dokie.li/scripts/dokieli.js">`)||n.includes(`dokieli.css`);return o.set(e.uri,r?`dokieli`:`html`),r?t.icons.iconBase+`dokieli-logo.png`:t.icons.originalIconBase+`tango/22-text-x-generic.png`}).catch(()=>(o.set(e.uri,`html`),t.icons.originalIconBase+`tango/22-text-x-generic.png`))}return t.icons.originalIconBase+`tango/22-text-x-generic.png`},name:`humanReadable`,label:function(e,r){let i=r.session.store,s=[`text/plain`,`text/html`,`text/markdown`,`application/xhtml+xml`,`image/png`,`image/jpeg`,`application/pdf`,`video/mp4`],c=function(e,t,n){let r=e.fetcher.getHeader(t,`content-type`);if(r){for(let e=0;e<r.length;e++)for(let t=0;t<n.length;t++)if(r[e].indexOf(n[t])>=0)return!0}return!1},l=function(e,t,r){let i=e.findTypeURIs(t);for(let e=0;e<r.length;e++)if(n.Util.mediaTypeClass(r[e]).uri in i)return!0;return!1};if(!e.uri)return null;if(i.findTypeURIs(e)[t.ns.link(`WebPage`).uri])return`view`;if(a(e.uri))return`View`;if(c(i,e,s)||l(i,e,s)){let t=i.fetcher.getHeader(e.doc(),`content-type`);return(t?t[0].split(`;`,1)[0].trim():null)===`text/html`&&!o.has(e.uri)&&i.fetcher._fetch(e.uri).then(e=>e.text()).then(t=>{let n=t.includes(`<script src="https://dokie.li/scripts/dokieli.js">`)||t.includes(`dokieli.css`);o.set(e.uri,n?`dokieli`:`html`)}).catch(()=>{o.set(e.uri,`html`)}),`View`}return null},render:function(e,t){let n=t.dom,c=n.createElement(`div`),l=t.session.store;function u(e){let n=t.environment??{};e.dataset.layout=n.layout??`desktop`}let d=l.fetcher.getHeader(e.doc(),`content-type`),f=d?d[0].split(`;`,1)[0].trim():null,p=f===`text/markdown`||a(e.uri),m=f===`text/plain`;f||console.log(`humanReadablePane: unknown content-type?`),c.classList.add(`human-readable-pane`),u(c);let h=function(t){l.fetcher.webOperation(`GET`,e.uri).then(e=>{let n=e.responseText??``,a=Math.min(30,n.split(/\n/).length+5),o=r.marked.parse(n,{async:!1});t.innerHTML=i.default.sanitize(o),s(t,`markdown`,a)}).catch(e=>{console.error(`Error fetching markdown content:`,e),t.innerHTML=`<p>Error loading content</p>`})},g=function(t){l.fetcher.webOperation(`GET`,e.uri).then(e=>{let n=e.responseText??``,r=Math.min(30,n.split(/\n/).length+5);t.textContent=n,s(t,`plain-text`,r)}).catch(e=>{console.error(`Error fetching plain text content:`,e),t.textContent=`Error loading content`})},_=(t,n)=>{t.setAttribute(`src`,e.uri),s(t,`iframe`,n)};if(p){let e=n.createElement(`div`);h(e);let t=n.createElement(`div`);t.classList.add(`human-readable-pane__container`),t.appendChild(e),c.appendChild(t)}else if(m){let e=n.createElement(`pre`);g(e);let t=n.createElement(`div`);t.classList.add(`human-readable-pane__container`),t.appendChild(e),c.appendChild(t)}else{let t=n.createElement(`iframe`);(f===`text/html`||f===`application/xhtml+xml`)&&t.setAttribute(`sandbox`,`allow-scripts allow-same-origin allow-forms`),l.fetcher.webOperation(`GET`,e.uri).then(n=>{let r=n.responseText??``,i=r.includes(`<script src="https://dokie.li/scripts/dokieli.js">`)?-10:5,a=Math.min(30,r.split(/\n/).length+i),s=r.includes(`<script src="https://dokie.li/scripts/dokieli.js">`)||r.includes(`dokieli.css`);o.set(e.uri,s?`dokieli`:`html`),_(t,a)}).catch(e=>{console.error(`Error fetching content for line calculation:`,e),_(t,30)});let r=n.createElement(`div`);r.classList.add(`human-readable-pane__container`),r.appendChild(t),c.appendChild(r)}return c}};exports.default=c;
+//# sourceMappingURL=humanReadablePane2.cjs.js.map