solid-panes 5.0.0-0 → 5.0.0-1

package/dist/pad/padPane2.cjs.js

@@ -1,2 +1,2 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.pad-layout{box-sizing:border-box;background-color:#fff;flex-direction:column;min-width:94%;min-height:13rem;margin-left:3%;margin-right:3%;display:flex}.pad-row{flex-wrap:wrap;width:100%;display:flex}.pad-main{flex:100%;width:100%}.pad-controls{align-items:center;gap:.5rem}.pad-cell{flex:auto}.pad-new-instance-message{font-size:140%}@media (width<=600px){.pad-controls .pad-cell{flex:100%}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();;let e=require("solid-ui"),t=require("solid-logic"),n=require("rdflib");var r={icon:e.icons.iconBase+`noun_79217.svg`,name:`pad`,audience:[e.ns.solid(`PowerUser`)],label:function(e,t){return t.session.store.findTypeURIs(e)[`http://www.w3.org/ns/pim/pad#Notepad`]?`pad`:null},mintClass:e.ns.pad(`Notepad`),mintNew:function(t,n){let r=t.session.store,i=r.updater;if(n.me&&!n.me.uri)throw Error(`notepad mintNew:  Invalid userid`);let a=n.newInstance=n.newInstance||r.sym(n.newBase+`index.ttl#this`),o=a.doc();r.add(a,e.ns.rdf(`type`),e.ns.pad(`Notepad`),o),r.add(a,e.ns.dc(`title`),`Shared Notes`,o),r.add(a,e.ns.dc(`created`),new Date,o),n.me&&r.add(a,e.ns.dc(`author`),n.me,o);let s=r.sym(a.uri+`_line0`);return r.add(a,e.ns.pad(`next`),s,o),r.add(s,e.ns.pad(`next`),a,o),r.add(s,e.ns.dc(`author`),n.me,o),r.add(s,e.ns.sioc(`content`),``,o),new Promise(function(e,t){if(!i){t(Error(`Have no updater`));return}i.put(o,r.statementsMatching(void 0,void 0,void 0,o),`text/turtle`,function(r,i,a){i?e(n):t(Error(`FAILED to save new tool at: `+r+` : `+a))})})},render:function(r,i,a){let o=i.dom,s=i.session.store,c=function(t,n){t||E.appendChild(e.widgets.errorMessageBlock(o,n,`pink`))},l=function(e){for(;e.firstChild;)e.removeChild(e.firstChild);return e},u=function(t,r,i){let a=(0,n.graph)(),o=(0,n.Namespace)(`http://www.w3.org/ns/auth/acl#`),s=a.sym(r+`#a1`),c=a.sym(r),l=a.sym(t);return a.add(s,e.ns.rdf(`type`),o(`Authorization`),c),a.add(s,o(`accessTo`),l,c),a.add(s,o(`agent`),x,c),a.add(s,o(`mode`),o(`Read`),c),a.add(s,o(`mode`),o(`Write`),c),a.add(s,o(`mode`),o(`Control`),c),s=a.sym(r+`#a2`),a.add(s,e.ns.rdf(`type`),o(`Authorization`),c),a.add(s,o(`accessTo`),l,c),a.add(s,o(`agentClass`),e.ns.foaf(`Agent`),c),a.add(s,o(`mode`),o(`Read`),c),i&&a.add(s,o(`mode`),o(`Write`),c),(0,n.serialize)(c,a,r,`text/turtle`)},d=function(e,t,r){let i=s.any((0,n.sym)(e),(0,n.sym)(`http://www.iana.org/assignments/link-relations/acl`));if(!y)throw Error(`Have no fetcher`);if(i){let n=u(e,i.uri,t);return y.webOperation(`PUT`,i.uri,{data:n,contentType:`text/turtle`}).then(()=>r(!0)).catch(e=>{r(!1,e.message)})}return y.load(e).catch(e=>{r(!1,`Getting headers for ACL: `+e)}).then(()=>{let r=s.any((0,n.sym)(e),(0,n.sym)(`http://www.iana.org/assignments/link-relations/acl`));if(!r)throw Error(`No Link rel=ACL header for `+e);let i=u(e,r.uri,t);return y.webOperation(`PUT`,r.uri,{data:i,contentType:`text/turtle`})}).then(()=>r(!0)).catch(e=>{r(!1,e.message)})},f=function(){let e=E.appendChild(o.createElement(`button`));return e.textContent=`Start another pad`,e.addEventListener(`click`,function(){return p(r,R,`pad`)}),e},p=function(t,r,i){let a=l(r);a.appendChild(e.login.newAppInstance(o,{noun:`notepad`},(e,t)=>m(new n.NamedNode(e||t)))),a.appendChild(o.createElement(`hr`));let s=a.appendChild(o.createElement(`p`));s.textContent=`Where would you like to store the data for the `+i+`?  Give the URL of the directory where you would like the data stored.`;let c=a.appendChild(o.createElement(`input`));c.setAttribute(`type`,`text`),c.size=80,c.label=`base URL`,c.autocomplete=`on`,a.appendChild(o.createElement(`br`));let u=a.appendChild(o.createElement(`button`));u.textContent=`Start new `+i+` at this URI`,u.addEventListener(`click`,function(e){let n=c.value;n.slice(-1)!==`/`&&(n+=`/`),h(t,n)})},m=function(t){let r=s.any(t,e.ns.space(`uriPrefix`));r=r?r.value:t.uri.split(`#`)[0],r.slice(-1)!==`/`&&(n.log.error(v+`: No / at end of uriPrefix `+r),r+=`/`);let i=new Date;r+=v+`/id`+i.getTime()+`/`,h(C,r)},h=function(r,i){let a=(0,n.sym)(r.uri.split(`#`)[0]),l=s.sym(i+`pad.ttl`),u=s.sym(i+`index.html`),f=[{local:`index.html`,contentType:`text/html`}],p=s.sym(l.uri+`#thisPad`),m=[],h;for(h=0;h<f.length;h++)(function(e){m.push(function(){let n=i+e.local;console.log(`Copying `+a+e.local+` to `+n);let r=function(){d(n,!1,function(e,t){e?m.shift()():(c(e,`FAILED to set ACL `+n+` : `+t),console.log(`FAILED to set ACL `+n+` : `+t))})};if(!s.fetcher)throw Error(`Store has no fetcher`);s.fetcher.webCopy(a+e.local,i+e.local,e.contentType).then(()=>t.authn.checkUser()).then(e=>{x=e,r()}).catch(t=>{console.log(`FAILED to copy `+a+e.local+` : `+t.message),c(!1,`FAILED to copy `+a+e.local+` : `+t.message)})})})(f[h]);m.push(function(){if(s.add(p,e.ns.rdf(`type`),S(`Notepad`),l),s.add(p,e.ns.dc(`created`),new Date,l),x&&s.add(p,e.ns.dc(`author`),x,l),s.add(p,S(`next`),p,l),s.add(p,e.ns.space(`inspiration`),r,w),s.add(p,e.ns.space(`inspiration`),r,l),!b)throw Error(`Have no updater`);b.put(l,s.statementsMatching(void 0,void 0,void 0,l),`text/turtle`,function(e,t,n){t?m.shift()():(c(t,`FAILED to save new notepad at: `+l.uri+` : `+n),console.log(`FAILED to save new notepad at: `+l.uri+` : `+n))})}),m.push(function(){d(l.uri,!0,function(e,t){c(e,`Failed to set Read-Write ACL on pad data file: `+t),e&&m.shift()()})}),m.push(function(){let e=E.appendChild(o.createElement(`p`));e.classList.add(`pad-new-instance-message`),e.innerHTML=`Your <a href='`+u.uri+`'><b>new notepad</b></a> is ready. <br/><br/><a href='`+u.uri+`'>Go to new pad</a>`}),m.shift()()},g=function(n){console.log(`showResults()`),x=t.authn.currentUser(),t.authn.checkUser().then(e=>{x=e});let i=s.any(r,e.ns.dc(`title`))||s.any(r,e.ns.vcard(`fn`));a.solo&&typeof window<`u`&&i&&(window.document.title=i.value),B.exists=n,T=e.pad.notepad(o,w,r,x,B),A.appendChild(T);let c=s.any(r,e.ns.meeting(`parentMeeting`))||r;if(e.pad.manageParticipation(o,N,w,c,x,B),!s.updater)throw Error(`Store has no updater`);s.updater.setRefreshHandler(w,T.reloadAndSync)},_=function(){if(!y)throw Error(`Have no fetcher`);y.nowOrWhenFetched(w.uri,void 0,function(t,n,i){if(t)l(A),s.holds(r,e.ns.rdf(`type`),e.ns.wf(`TemplateInstance`))&&p(r,A,`pad`),g(!0),P.appendChild(f());else if(i.status===404){if(console.log(`Initializing results file `+w),!b)throw Error(`Have no updater`);b.put(w,[],`text/turtle`,function(e,t,n){t?(l(A),g(!1)):(c(t,`FAILED to create results file at: `+w.uri+` : `+n),console.log(`FAILED to craete results file at: `+w.uri+` : `+n))})}else c(t,`FAILED to read results file: `+n)})},v=`app-pad.timbl.com`,y=s.fetcher,b=s.updater,x,S=(0,n.Namespace)(`http://www.w3.org/ns/pim/pad#`),C=r,w=r.doc(),T,E=o.createElement(`div`),D=E.appendChild(o.createElement(`div`));D.className=`pad-layout`;let O=D.appendChild(o.createElement(`div`));O.className=`pad-row`,O.appendChild(o.createElement(`div`)),O.appendChild(o.createElement(`div`)),O.appendChild(o.createElement(`div`));let k=D.appendChild(o.createElement(`div`));k.className=`pad-row`;let A=k.appendChild(o.createElement(`div`));A.className=`pad-main`;let j=D.appendChild(o.createElement(`div`));j.className=`pad-row pad-controls`;let M=j.appendChild(o.createElement(`div`));M.className=`pad-cell`;let N=j.appendChild(o.createElement(`div`));N.className=`pad-cell`;let P=j.appendChild(o.createElement(`div`));P.className=`pad-cell`;let F=D.appendChild(o.createElement(`div`));F.className=`pad-row`;let I=F.appendChild(o.createElement(`div`)),L=D.appendChild(o.createElement(`div`));L.className=`pad-row`;let R=L.appendChild(o.createElement(`div`)),z=D.appendChild(o.createElement(`div`));z.setAttribute(`class`,`pad-row naviMenu`),z.appendChild(o.createElement(`div`)),z.appendChild(o.createElement(`div`)),z.appendChild(o.createElement(`div`));let B={statusArea:I,timingArea:M};return _(),E}};exports.default=r;
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.pad-layout{box-sizing:border-box;background-color:#fff;flex-direction:column;min-width:94%;min-height:13rem;margin-left:3%;margin-right:3%;display:flex}.pad-row{flex-wrap:wrap;width:100%;display:flex}.pad-main{flex:100%;width:100%}.pad-controls{align-items:center;gap:.5rem}.pad-cell{flex:auto}.pad-new-instance-message{font-size:140%}@media (width<=600px){.pad-controls .pad-cell{flex:100%}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();;let e=require("solid-ui"),t=require("solid-logic"),n=require("rdflib");var r={icon:e.icons.iconBase+`noun_79217.svg`,name:`pad`,audience:[e.ns.solid(`PowerUser`)],label:function(e,t){return t.session.store.findTypeURIs(e)[`http://www.w3.org/ns/pim/pad#Notepad`]?`Notepad`:null},mintClass:e.ns.pad(`Notepad`),mintNew:function(t,n){let r=t.session.store,i=r.updater;if(n.me&&!n.me.uri)throw Error(`notepad mintNew:  Invalid userid`);let a=n.newInstance=n.newInstance||r.sym(n.newBase+`index.ttl#this`),o=a.doc();r.add(a,e.ns.rdf(`type`),e.ns.pad(`Notepad`),o),r.add(a,e.ns.dc(`title`),`Shared Notes`,o),r.add(a,e.ns.dc(`created`),new Date,o),n.me&&r.add(a,e.ns.dc(`author`),n.me,o);let s=r.sym(a.uri+`_line0`);return r.add(a,e.ns.pad(`next`),s,o),r.add(s,e.ns.pad(`next`),a,o),r.add(s,e.ns.dc(`author`),n.me,o),r.add(s,e.ns.sioc(`content`),``,o),new Promise(function(e,t){if(!i){t(Error(`Have no updater`));return}i.put(o,r.statementsMatching(void 0,void 0,void 0,o),`text/turtle`,function(r,i,a){i?e(n):t(Error(`FAILED to save new tool at: `+r+` : `+a))})})},render:function(r,i,a){let o=i.dom,s=i.session.store,c=function(t,n){t||E.appendChild(e.widgets.errorMessageBlock(o,n,`pink`))},l=function(e){for(;e.firstChild;)e.removeChild(e.firstChild);return e},u=function(t,r,i){let a=(0,n.graph)(),o=(0,n.Namespace)(`http://www.w3.org/ns/auth/acl#`),s=a.sym(r+`#a1`),c=a.sym(r),l=a.sym(t);return a.add(s,e.ns.rdf(`type`),o(`Authorization`),c),a.add(s,o(`accessTo`),l,c),a.add(s,o(`agent`),x,c),a.add(s,o(`mode`),o(`Read`),c),a.add(s,o(`mode`),o(`Write`),c),a.add(s,o(`mode`),o(`Control`),c),s=a.sym(r+`#a2`),a.add(s,e.ns.rdf(`type`),o(`Authorization`),c),a.add(s,o(`accessTo`),l,c),a.add(s,o(`agentClass`),e.ns.foaf(`Agent`),c),a.add(s,o(`mode`),o(`Read`),c),i&&a.add(s,o(`mode`),o(`Write`),c),(0,n.serialize)(c,a,r,`text/turtle`)},d=function(e,t,r){let i=s.any((0,n.sym)(e),(0,n.sym)(`http://www.iana.org/assignments/link-relations/acl`));if(!y)throw Error(`Have no fetcher`);if(i){let n=u(e,i.uri,t);return y.webOperation(`PUT`,i.uri,{data:n,contentType:`text/turtle`}).then(()=>r(!0)).catch(e=>{r(!1,e.message)})}return y.load(e).catch(e=>{r(!1,`Getting headers for ACL: `+e)}).then(()=>{let r=s.any((0,n.sym)(e),(0,n.sym)(`http://www.iana.org/assignments/link-relations/acl`));if(!r)throw Error(`No Link rel=ACL header for `+e);let i=u(e,r.uri,t);return y.webOperation(`PUT`,r.uri,{data:i,contentType:`text/turtle`})}).then(()=>r(!0)).catch(e=>{r(!1,e.message)})},f=function(){let e=E.appendChild(o.createElement(`button`));return e.textContent=`Start another pad`,e.addEventListener(`click`,function(){return p(r,R,`pad`)}),e},p=function(t,r,i){let a=l(r);a.appendChild(e.login.newAppInstance(o,{noun:`notepad`},(e,t)=>m(new n.NamedNode(e||t)))),a.appendChild(o.createElement(`hr`));let s=a.appendChild(o.createElement(`p`));s.textContent=`Where would you like to store the data for the `+i+`?  Give the URL of the directory where you would like the data stored.`;let c=a.appendChild(o.createElement(`input`));c.setAttribute(`type`,`text`),c.size=80,c.label=`base URL`,c.autocomplete=`on`,a.appendChild(o.createElement(`br`));let u=a.appendChild(o.createElement(`button`));u.textContent=`Start new `+i+` at this URI`,u.addEventListener(`click`,function(e){let n=c.value;n.slice(-1)!==`/`&&(n+=`/`),h(t,n)})},m=function(t){let r=s.any(t,e.ns.space(`uriPrefix`));r=r?r.value:t.uri.split(`#`)[0],r.slice(-1)!==`/`&&(n.log.error(v+`: No / at end of uriPrefix `+r),r+=`/`);let i=new Date;r+=v+`/id`+i.getTime()+`/`,h(C,r)},h=function(r,i){let a=(0,n.sym)(r.uri.split(`#`)[0]),l=s.sym(i+`pad.ttl`),u=s.sym(i+`index.html`),f=[{local:`index.html`,contentType:`text/html`}],p=s.sym(l.uri+`#thisPad`),m=[],h=0;for(;h<f.length;h++)(function(e){m.push(function(){let n=i+e.local;console.log(`Copying `+a+e.local+` to `+n);let r=function(){d(n,!1,function(e,t){e?m.shift()():(c(e,`FAILED to set ACL `+n+` : `+t),console.log(`FAILED to set ACL `+n+` : `+t))})};if(!s.fetcher)throw Error(`Store has no fetcher`);s.fetcher.webCopy(a+e.local,i+e.local,e.contentType).then(()=>t.authn.checkUser()).then(e=>{x=e,r()}).catch(t=>{console.log(`FAILED to copy `+a+e.local+` : `+t.message),c(!1,`FAILED to copy `+a+e.local+` : `+t.message)})})})(f[h]);m.push(function(){if(s.add(p,e.ns.rdf(`type`),S(`Notepad`),l),s.add(p,e.ns.dc(`created`),new Date,l),x&&s.add(p,e.ns.dc(`author`),x,l),s.add(p,S(`next`),p,l),s.add(p,e.ns.space(`inspiration`),r,w),s.add(p,e.ns.space(`inspiration`),r,l),!b)throw Error(`Have no updater`);b.put(l,s.statementsMatching(void 0,void 0,void 0,l),`text/turtle`,function(e,t,n){t?m.shift()():(c(t,`FAILED to save new notepad at: `+l.uri+` : `+n),console.log(`FAILED to save new notepad at: `+l.uri+` : `+n))})}),m.push(function(){d(l.uri,!0,function(e,t){c(e,`Failed to set Read-Write ACL on pad data file: `+t),e&&m.shift()()})}),m.push(function(){let e=E.appendChild(o.createElement(`p`));e.classList.add(`pad-new-instance-message`),e.innerHTML=`Your <a href='`+u.uri+`'><b>new notepad</b></a> is ready. <br/><br/><a href='`+u.uri+`'>Go to new pad</a>`}),m.shift()()},g=function(n){console.log(`showResults()`),x=t.authn.currentUser(),t.authn.checkUser().then(e=>{x=e});let i=s.any(r,e.ns.dc(`title`))||s.any(r,e.ns.vcard(`fn`));a.solo&&typeof window<`u`&&i&&(window.document.title=i.value),B.exists=n,T=e.pad.notepad(o,w,r,x,B),A.appendChild(T);let c=s.any(r,e.ns.meeting(`parentMeeting`))||r;if(e.pad.manageParticipation(o,N,w,c,x,B),!s.updater)throw Error(`Store has no updater`);s.updater.setRefreshHandler(w,T.reloadAndSync)},_=function(){if(!y)throw Error(`Have no fetcher`);y.nowOrWhenFetched(w.uri,void 0,function(t,n,i){if(t)l(A),s.holds(r,e.ns.rdf(`type`),e.ns.wf(`TemplateInstance`))&&p(r,A,`pad`),g(!0),P.appendChild(f());else if(i.status===404){if(console.log(`Initializing results file `+w),!b)throw Error(`Have no updater`);b.put(w,[],`text/turtle`,function(e,t,n){t?(l(A),g(!1)):(c(t,`FAILED to create results file at: `+w.uri+` : `+n),console.log(`FAILED to craete results file at: `+w.uri+` : `+n))})}else c(t,`FAILED to read results file: `+n)})},v=`app-pad.timbl.com`,y=s.fetcher,b=s.updater,x,S=(0,n.Namespace)(`http://www.w3.org/ns/pim/pad#`),C=r,w=r.doc(),T,E=o.createElement(`div`),D=E.appendChild(o.createElement(`div`));D.className=`pad-layout`;let O=D.appendChild(o.createElement(`div`));O.className=`pad-row`,O.appendChild(o.createElement(`div`)),O.appendChild(o.createElement(`div`)),O.appendChild(o.createElement(`div`));let k=D.appendChild(o.createElement(`div`));k.className=`pad-row`;let A=k.appendChild(o.createElement(`div`));A.className=`pad-main`;let j=D.appendChild(o.createElement(`div`));j.className=`pad-row pad-controls`;let M=j.appendChild(o.createElement(`div`));M.className=`pad-cell`;let N=j.appendChild(o.createElement(`div`));N.className=`pad-cell`;let P=j.appendChild(o.createElement(`div`));P.className=`pad-cell`;let F=D.appendChild(o.createElement(`div`));F.className=`pad-row`;let I=F.appendChild(o.createElement(`div`)),L=D.appendChild(o.createElement(`div`));L.className=`pad-row`;let R=L.appendChild(o.createElement(`div`)),z=D.appendChild(o.createElement(`div`));z.setAttribute(`class`,`pad-row naviMenu`),z.appendChild(o.createElement(`div`)),z.appendChild(o.createElement(`div`)),z.appendChild(o.createElement(`div`));let B={statusArea:I,timingArea:M};return _(),E}};exports.default=r;
 //# sourceMappingURL=padPane2.cjs.js.map

package/dist/pad/padPane2.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"padPane2.cjs.js","names":[],"sources":["../../src/pad/padPane.ts"],"sourcesContent":["import { icons, ns, pad, widgets, login } from 'solid-ui'\nimport { authn, AppDetails } from 'solid-logic'\nimport { graph, log, NamedNode, Namespace, sym, serialize, Store } from 'rdflib'\nimport { PaneDefinition } from 'pane-registry'\nimport './padPane.css'\n/*   pad Pane\n **\n */\n\nconst paneDef: PaneDefinition = {\n  // icon:  (module.__dirname || __dirname) + 'images/ColourOn.png',\n  icon: icons.iconBase + 'noun_79217.svg',\n\n  name: 'pad',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve an pad pane?\n  label: function (subject, context) {\n    // @ts-ignore\n    const t = (context.session.store as Store).findTypeURIs(subject)\n    if (t['http://www.w3.org/ns/pim/pad#Notepad']) {\n      return 'pad'\n    }\n    return null // No under other circumstances\n  },\n\n  mintClass: ns.pad('Notepad'),\n\n  mintNew: function (context, newPaneOptions: any) {\n    // @ts-ignore\n    const store = context.session.store as Store\n    const updater = store.updater\n    if (newPaneOptions.me && !newPaneOptions.me.uri) {\n      throw new Error('notepad mintNew:  Invalid userid')\n    }\n\n    const newInstance = (newPaneOptions.newInstance =\n      newPaneOptions.newInstance ||\n      store.sym(newPaneOptions.newBase + 'index.ttl#this'))\n    // const newInstance = kb.sym(newBase + 'pad.ttl#thisPad');\n    const newPadDoc = newInstance.doc()\n\n    store.add(newInstance, ns.rdf('type'), ns.pad('Notepad'), newPadDoc)\n    store.add(newInstance, ns.dc('title'), 'Shared Notes', newPadDoc)\n    store.add(newInstance, ns.dc('created'), new Date() as any, newPadDoc) // @@ TODO Remove casting\n    if (newPaneOptions.me) {\n      store.add(newInstance, ns.dc('author'), newPaneOptions.me, newPadDoc)\n    }\n    // kb.add(newInstance, ns.pad('next'), newInstance, newPadDoc);\n    // linked list empty @@\n    const chunk = store.sym(newInstance.uri + '_line0')\n    store.add(newInstance, ns.pad('next'), chunk, newPadDoc) // Linked list has one entry\n    store.add(chunk, ns.pad('next'), newInstance, newPadDoc)\n    store.add(chunk, ns.dc('author'), newPaneOptions.me, newPadDoc)\n    store.add(chunk, ns.sioc('content'), '', newPadDoc)\n\n    return new Promise(function (resolve, reject) {\n      if (!updater) {\n        reject(new Error('Have no updater'))\n        return\n      }\n      updater.put(\n        newPadDoc,\n        store.statementsMatching(undefined, undefined, undefined, newPadDoc),\n        'text/turtle',\n        function (uri2, ok, message) {\n          if (ok) {\n            resolve(newPaneOptions)\n          } else {\n            reject(\n              new Error('FAILED to save new tool at: ' + uri2 + ' : ' + message)\n            )\n          }\n        }\n      )\n    })\n  },\n  // and follow instructions there\n  // @@ TODO Set better type for paneOptions\n  render: function (subject, context, paneOptions: any) {\n    const dom = context.dom\n    // @ts-ignore\n    const store = context.session.store as Store\n    // Utility functions\n    const complainIfBad = function (ok: boolean, message: string) {\n      if (!ok) {\n        div.appendChild(widgets.errorMessageBlock(dom, message, 'pink'))\n      }\n    }\n\n    const clearElement = function (ele: HTMLElement) {\n      while (ele.firstChild) {\n        ele.removeChild(ele.firstChild)\n      }\n      return ele\n    }\n\n    // Access control\n\n    // Two constiations of ACL for this app, public read and public read/write\n    // In all cases owner has read write control\n    const genACLtext = function (\n      docURI: string,\n      aclURI: string,\n      allWrite: boolean\n    ) {\n      const g = graph()\n      const auth = Namespace('http://www.w3.org/ns/auth/acl#')\n      let a = g.sym(aclURI + '#a1')\n      const acl = g.sym(aclURI)\n      const doc = g.sym(docURI)\n      g.add(a, ns.rdf('type'), auth('Authorization'), acl)\n      g.add(a, auth('accessTo'), doc, acl)\n      g.add(a, auth('agent'), me, acl)\n      g.add(a, auth('mode'), auth('Read'), acl)\n      g.add(a, auth('mode'), auth('Write'), acl)\n      g.add(a, auth('mode'), auth('Control'), acl)\n\n      a = g.sym(aclURI + '#a2')\n      g.add(a, ns.rdf('type'), auth('Authorization'), acl)\n      g.add(a, auth('accessTo'), doc, acl)\n      g.add(a, auth('agentClass'), ns.foaf('Agent'), acl)\n      g.add(a, auth('mode'), auth('Read'), acl)\n      if (allWrite) {\n        g.add(a, auth('mode'), auth('Write'), acl)\n      }\n      // TODO: Figure out why `serialize` isn't on the type definition according to TypeScript:\n      return serialize(acl, g, aclURI, 'text/turtle')\n    }\n\n    /**\n     * @param docURI\n     * @param allWrite\n     * @param callbackFunction\n     *\n     * @returns {Promise<Response>}\n     */\n    const setACL = function setACL (\n      docURI: string,\n      allWrite: boolean,\n      callbackFunction: Function\n    ) {\n      const aclDoc = store.any(\n        sym(docURI),\n        sym('http://www.iana.org/assignments/link-relations/acl')\n      ) as NamedNode // @@ check that this get set by web.js\n      if (!fetcher) {\n        throw new Error('Have no fetcher')\n      }\n      if (aclDoc) {\n        // Great we already know where it is\n        const aclText = genACLtext(docURI, aclDoc.uri, allWrite)\n        return fetcher\n          .webOperation('PUT', aclDoc.uri, {\n            data: aclText,\n            contentType: 'text/turtle'\n          })\n          .then(() => callbackFunction(true))\n          .catch(err => {\n            callbackFunction(false, err.message)\n          })\n      } else {\n        return fetcher\n          .load(docURI)\n          .catch((err: Error) => {\n            callbackFunction(false, 'Getting headers for ACL: ' + err)\n          })\n          .then(() => {\n            const aclDoc = store.any(\n              sym(docURI),\n              sym('http://www.iana.org/assignments/link-relations/acl')\n            ) as NamedNode\n\n            if (!aclDoc) {\n              // complainIfBad(false, \"No Link rel=ACL header for \" + docURI);\n              throw new Error('No Link rel=ACL header for ' + docURI)\n            }\n\n            const aclText = genACLtext(docURI, aclDoc.uri, allWrite)\n\n            return fetcher.webOperation('PUT', aclDoc.uri, {\n              data: aclText,\n              contentType: 'text/turtle'\n            })\n          })\n          .then(() => callbackFunction(true))\n          .catch(err => {\n            callbackFunction(false, err.message)\n          })\n      }\n    }\n\n    //  Reproduction: spawn a new instance\n    //\n    // Viral growth path: user of app decides to make another instance\n    const newInstanceButton = function () {\n      const button = div.appendChild(dom.createElement('button'))\n      button.textContent = 'Start another pad'\n      button.addEventListener('click', function () {\n        return showBootstrap(subject, spawnArea, 'pad')\n      })\n      return button\n    }\n\n    // Option of either using the workspace system or just typing in a URI\n    const showBootstrap = function showBootstrap (\n      thisInstance: any,\n      container: HTMLElement,\n      noun: string\n    ) {\n      const div = clearElement(container)\n      const appDetails = { noun: 'notepad' } as AppDetails\n      div.appendChild(\n        login.newAppInstance(dom, appDetails, (workspace: string | null, newBase) => {\n          // FIXME: not sure if this will work at all, just\n          // trying to get the types to match - Michiel.\n          return initializeNewInstanceInWorkspace(new NamedNode(workspace || newBase))\n        })\n      )\n\n      div.appendChild(dom.createElement('hr')) // @@\n\n      const p = div.appendChild(dom.createElement('p'))\n      p.textContent =\n        'Where would you like to store the data for the ' +\n        noun +\n        '?  ' +\n        'Give the URL of the directory where you would like the data stored.'\n      const baseField = div.appendChild(dom.createElement('input'))\n      baseField.setAttribute('type', 'text')\n      baseField.size = 80 // really a string\n      ;(baseField as any).label = 'base URL'\n      baseField.autocomplete = 'on'\n\n      div.appendChild(dom.createElement('br')) // @@\n\n      const button = div.appendChild(dom.createElement('button'))\n      button.textContent = 'Start new ' + noun + ' at this URI'\n      button.addEventListener('click', function (_e) {\n        let newBase = baseField.value\n        if (newBase.slice(-1) !== '/') {\n          newBase += '/'\n        }\n        initializeNewInstanceAtBase(thisInstance, newBase)\n      })\n    }\n\n    //  Create new document files for new instance of app\n    const initializeNewInstanceInWorkspace = function (ws: NamedNode) {\n      // @@ TODO Clean up type for newBase\n      let newBase: any = store.any(ws, ns.space('uriPrefix'))\n      if (!newBase) {\n        newBase = ws.uri.split('#')[0]\n      } else {\n        newBase = newBase.value\n      }\n      if (newBase.slice(-1) !== '/') {\n        log.error(appPathSegment + ': No / at end of uriPrefix ' + newBase) // @@ paramater?\n        newBase = newBase + '/'\n      }\n      const now = new Date()\n      newBase += appPathSegment + '/id' + now.getTime() + '/' // unique id\n\n      initializeNewInstanceAtBase(thisInstance, newBase)\n    }\n\n    const initializeNewInstanceAtBase = function (\n      thisInstance: any,\n      newBase: string\n    ) {\n      const here = sym(thisInstance.uri.split('#')[0])\n      const base = here // @@ ???\n\n      const newPadDoc = store.sym(newBase + 'pad.ttl')\n      const newIndexDoc = store.sym(newBase + 'index.html')\n\n      const toBeCopied = [{ local: 'index.html', contentType: 'text/html' }]\n\n      const newInstance = store.sym(newPadDoc.uri + '#thisPad')\n\n      // log.debug(\"\\n Ready to put \" + kb.statementsMatching(undefined, undefined, undefined, there)); //@@\n\n      const agenda: Function[] = []\n\n      let f //   @@ This needs some form of visible progress bar\n      for (f = 0; f < toBeCopied.length; f++) {\n        const item = toBeCopied[f]\n        const fun = function copyItem (item: any) {\n          agenda.push(function () {\n            const newURI = newBase + item.local\n            console.log('Copying ' + base + item.local + ' to ' + newURI)\n\n            const setThatACL = function () {\n              setACL(newURI, false, function (ok: boolean, message: string) {\n                if (!ok) {\n                  complainIfBad(\n                    ok,\n                    'FAILED to set ACL ' + newURI + ' : ' + message\n                  )\n                  console.log('FAILED to set ACL ' + newURI + ' : ' + message)\n                } else {\n                  agenda.shift()!() // beware too much nesting\n                }\n              })\n            }\n            if (!store.fetcher) {\n              throw new Error('Store has no fetcher')\n            }\n            store.fetcher\n              .webCopy(\n                base + item.local,\n                newBase + item.local,\n                item.contentType\n              )\n              .then(() => authn.checkUser())\n              .then(webId => {\n                me = webId\n\n                setThatACL()\n              })\n              .catch(err => {\n                console.log(\n                  'FAILED to copy ' + base + item.local + ' : ' + err.message\n                )\n                complainIfBad(\n                  false,\n                  'FAILED to copy ' + base + item.local + ' : ' + err.message\n                )\n              })\n          })\n        }\n        fun(item)\n      }\n\n      agenda.push(function createNewPadDataFile () {\n        store.add(newInstance, ns.rdf('type'), PAD('Notepad'), newPadDoc)\n\n        // TODO @@ Remove casting of add\n        store.add(\n          newInstance,\n          ns.dc('created'),\n          new Date() as any, // @@ TODO Remove casting\n          newPadDoc\n        )\n        if (me) {\n          store.add(newInstance, ns.dc('author'), me, newPadDoc)\n        }\n        store.add(newInstance, PAD('next'), newInstance, newPadDoc) // linked list empty\n\n        // Keep a paper trail   @@ Revisit when we have non-public ones @@ Privacy\n        store.add(newInstance, ns.space('inspiration'), thisInstance, padDoc)\n        store.add(newInstance, ns.space('inspiration'), thisInstance, newPadDoc)\n        if (!updater) {\n          throw new Error('Have no updater')\n        }\n        updater.put(\n          newPadDoc,\n          store.statementsMatching(undefined, undefined, undefined, newPadDoc),\n          'text/turtle',\n          function (_uri2, ok, message) {\n            if (ok) {\n              agenda.shift()!()\n            } else {\n              complainIfBad(\n                ok,\n                'FAILED to save new notepad at: ' +\n                  newPadDoc.uri +\n                  ' : ' +\n                  message\n              )\n              console.log(\n                'FAILED to save new notepad at: ' +\n                  newPadDoc.uri +\n                  ' : ' +\n                  message\n              )\n            }\n          }\n        )\n      })\n\n      agenda.push(function () {\n        setACL(newPadDoc.uri, true, function (ok: boolean, body: string) {\n          complainIfBad(\n            ok,\n            'Failed to set Read-Write ACL on pad data file: ' + body\n          )\n          if (ok) agenda.shift()!()\n        })\n      })\n\n      agenda.push(function () {\n        // give the user links to the new app\n\n        const p = div.appendChild(dom.createElement('p'))\n        p.classList.add('pad-new-instance-message')\n        p.innerHTML =\n          'Your <a href=\\'' +\n          newIndexDoc.uri +\n          '\\'><b>new notepad</b></a> is ready. ' +\n          '<br/><br/><a href=\\'' +\n          newIndexDoc.uri +\n          '\\'>Go to new pad</a>'\n      })\n\n      agenda.shift()!()\n      // Created new data files.\n    }\n\n    //  Update on incoming changes\n    const showResults = function (exists: boolean) {\n      console.log('showResults()')\n\n      me = authn.currentUser()\n\n      authn.checkUser().then((webId: unknown) => {\n        me = webId as string\n      })\n\n      const title =\n        store.any(subject, ns.dc('title')) || store.any(subject, ns.vcard('fn'))\n      if (paneOptions.solo && typeof window !== 'undefined' && title) {\n        window.document.title = title.value\n      }\n      options.exists = exists\n      padEle = pad.notepad(dom, padDoc, subject, me, options)\n      naviMain.appendChild(padEle)\n\n      const partipationTarget =\n        store.any(subject, ns.meeting('parentMeeting')) || subject\n      pad.manageParticipation(\n        dom,\n        naviMiddle2,\n        padDoc,\n        partipationTarget as any,\n        me,\n        options\n      )\n      if (!store.updater) {\n        throw new Error('Store has no updater')\n      }\n\n      store.updater.setRefreshHandler(padDoc, padEle.reloadAndSync) // initiated =\n    }\n\n    // Read or create empty data file\n    const loadPadData = function () {\n      if (!fetcher) {\n        throw new Error('Have no fetcher')\n      }\n      fetcher.nowOrWhenFetched(padDoc.uri, undefined, function (\n        ok: boolean,\n        body: string,\n        response: any\n      ) {\n        if (!ok) {\n          if (response.status === 404) {\n            // /  Check explicitly for 404 error\n            console.log('Initializing results file ' + padDoc)\n            if (!updater) {\n              throw new Error('Have no updater')\n            }\n            updater.put(padDoc, [], 'text/turtle', function (\n              _uri2,\n              ok,\n              message\n            ) {\n              if (ok) {\n                clearElement(naviMain)\n                showResults(false)\n              } else {\n                complainIfBad(\n                  ok,\n                  'FAILED to create results file at: ' +\n                    padDoc.uri +\n                    ' : ' +\n                    message\n                )\n                console.log(\n                  'FAILED to craete results file at: ' +\n                    padDoc.uri +\n                    ' : ' +\n                    message\n                )\n              }\n            })\n          } else {\n            // Other error, not 404 -- do not try to overwite the file\n            complainIfBad(ok, 'FAILED to read results file: ' + body)\n          }\n        } else {\n          // Happy read\n          clearElement(naviMain)\n          if (store.holds(subject, ns.rdf('type'), ns.wf('TemplateInstance'))) {\n            showBootstrap(subject, naviMain, 'pad')\n          }\n          showResults(true)\n          naviMiddle3.appendChild(newInstanceButton())\n        }\n      })\n    }\n\n    //  Body of Pane\n    const appPathSegment = 'app-pad.timbl.com' // how to allocate this string and connect to\n\n    const fetcher = store.fetcher\n    const updater = store.updater\n    let me: any\n\n    const PAD = Namespace('http://www.w3.org/ns/pim/pad#')\n\n    const thisInstance = subject\n    const padDoc = subject.doc()\n\n    let padEle\n\n    const div = dom.createElement('div')\n\n    //  Build the DOM\n    const structure = div.appendChild(dom.createElement('div')) // responsive flex layout\n    structure.className = 'pad-layout'\n\n    const naviLoginoutTR = structure.appendChild(dom.createElement('div'))\n    naviLoginoutTR.className = 'pad-row'\n    naviLoginoutTR.appendChild(dom.createElement('div')) // naviLoginout1\n    naviLoginoutTR.appendChild(dom.createElement('div'))\n    naviLoginoutTR.appendChild(dom.createElement('div'))\n\n    const naviTop = structure.appendChild(dom.createElement('div')) // stuff\n    naviTop.className = 'pad-row'\n    const naviMain = naviTop.appendChild(dom.createElement('div'))\n    naviMain.className = 'pad-main'\n\n    const naviMiddle = structure.appendChild(dom.createElement('div')) // controls\n    naviMiddle.className = 'pad-row pad-controls'\n    const naviMiddle1 = naviMiddle.appendChild(dom.createElement('div'))\n    naviMiddle1.className = 'pad-cell'\n    const naviMiddle2 = naviMiddle.appendChild(dom.createElement('div'))\n    naviMiddle2.className = 'pad-cell'\n    const naviMiddle3 = naviMiddle.appendChild(dom.createElement('div'))\n    naviMiddle3.className = 'pad-cell'\n\n    const naviStatus = structure.appendChild(dom.createElement('div')) // status etc\n    naviStatus.className = 'pad-row'\n    const statusArea = naviStatus.appendChild(dom.createElement('div'))\n\n    const naviSpawn = structure.appendChild(dom.createElement('div')) // create new\n    naviSpawn.className = 'pad-row'\n    const spawnArea = naviSpawn.appendChild(dom.createElement('div'))\n\n    const naviMenu = structure.appendChild(dom.createElement('div'))\n    naviMenu.setAttribute('class', 'pad-row naviMenu')\n    naviMenu.appendChild(dom.createElement('div')) // naviLeft\n    naviMenu.appendChild(dom.createElement('div'))\n    naviMenu.appendChild(dom.createElement('div'))\n\n    const options: any = { statusArea, timingArea: naviMiddle1 }\n\n    loadPadData()\n\n    return div\n  }\n}\n// ends\n\nexport default paneDef\n"],"mappings":"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"}
+{"version":3,"file":"padPane2.cjs.js","names":[],"sources":["../../src/pad/padPane.ts"],"sourcesContent":["import { icons, ns, pad, widgets, login } from 'solid-ui'\nimport { authn, AppDetails } from 'solid-logic'\nimport { graph, log, NamedNode, Namespace, sym, serialize, Store } from 'rdflib'\nimport { PaneDefinition } from 'pane-registry'\nimport './padPane.css'\n/*   pad Pane\n **\n */\n\nconst paneDef: PaneDefinition = {\n  // icon:  (module.__dirname || __dirname) + 'images/ColourOn.png',\n  icon: icons.iconBase + 'noun_79217.svg',\n\n  name: 'pad',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve an pad pane?\n  label: function (subject, context) {\n    // @ts-ignore\n    const t = (context.session.store as Store).findTypeURIs(subject)\n    if (t['http://www.w3.org/ns/pim/pad#Notepad']) {\n      return 'Notepad'\n    }\n    return null // No under other circumstances\n  },\n\n  mintClass: ns.pad('Notepad'),\n\n  mintNew: function (context, newPaneOptions: any) {\n    // @ts-ignore\n    const store = context.session.store as Store\n    const updater = store.updater\n    if (newPaneOptions.me && !newPaneOptions.me.uri) {\n      throw new Error('notepad mintNew:  Invalid userid')\n    }\n\n    const newInstance = (newPaneOptions.newInstance =\n      newPaneOptions.newInstance ||\n      store.sym(newPaneOptions.newBase + 'index.ttl#this'))\n    // const newInstance = kb.sym(newBase + 'pad.ttl#thisPad');\n    const newPadDoc = newInstance.doc()\n\n    store.add(newInstance, ns.rdf('type'), ns.pad('Notepad'), newPadDoc)\n    store.add(newInstance, ns.dc('title'), 'Shared Notes', newPadDoc)\n    store.add(newInstance, ns.dc('created'), new Date() as any, newPadDoc) // @@ TODO Remove casting\n    if (newPaneOptions.me) {\n      store.add(newInstance, ns.dc('author'), newPaneOptions.me, newPadDoc)\n    }\n    // kb.add(newInstance, ns.pad('next'), newInstance, newPadDoc);\n    // linked list empty @@\n    const chunk = store.sym(newInstance.uri + '_line0')\n    store.add(newInstance, ns.pad('next'), chunk, newPadDoc) // Linked list has one entry\n    store.add(chunk, ns.pad('next'), newInstance, newPadDoc)\n    store.add(chunk, ns.dc('author'), newPaneOptions.me, newPadDoc)\n    store.add(chunk, ns.sioc('content'), '', newPadDoc)\n\n    return new Promise(function (resolve, reject) {\n      if (!updater) {\n        reject(new Error('Have no updater'))\n        return\n      }\n      updater.put(\n        newPadDoc,\n        store.statementsMatching(undefined, undefined, undefined, newPadDoc),\n        'text/turtle',\n        function (uri2, ok, message) {\n          if (ok) {\n            resolve(newPaneOptions)\n          } else {\n            reject(\n              new Error('FAILED to save new tool at: ' + uri2 + ' : ' + message)\n            )\n          }\n        }\n      )\n    })\n  },\n  // and follow instructions there\n  // @@ TODO Set better type for paneOptions\n  render: function (subject, context, paneOptions: any) {\n    const dom = context.dom\n    // @ts-ignore\n    const store = context.session.store as Store\n    // Utility functions\n    const complainIfBad = function (ok: boolean, message: string) {\n      if (!ok) {\n        div.appendChild(widgets.errorMessageBlock(dom, message, 'pink'))\n      }\n    }\n\n    const clearElement = function (ele: HTMLElement) {\n      while (ele.firstChild) {\n        ele.removeChild(ele.firstChild)\n      }\n      return ele\n    }\n\n    // Access control\n\n    // Two constiations of ACL for this app, public read and public read/write\n    // In all cases owner has read write control\n    const genACLtext = function (\n      docURI: string,\n      aclURI: string,\n      allWrite: boolean\n    ) {\n      const g = graph()\n      const auth = Namespace('http://www.w3.org/ns/auth/acl#')\n      let a = g.sym(aclURI + '#a1')\n      const acl = g.sym(aclURI)\n      const doc = g.sym(docURI)\n      g.add(a, ns.rdf('type'), auth('Authorization'), acl)\n      g.add(a, auth('accessTo'), doc, acl)\n      g.add(a, auth('agent'), me, acl)\n      g.add(a, auth('mode'), auth('Read'), acl)\n      g.add(a, auth('mode'), auth('Write'), acl)\n      g.add(a, auth('mode'), auth('Control'), acl)\n\n      a = g.sym(aclURI + '#a2')\n      g.add(a, ns.rdf('type'), auth('Authorization'), acl)\n      g.add(a, auth('accessTo'), doc, acl)\n      g.add(a, auth('agentClass'), ns.foaf('Agent'), acl)\n      g.add(a, auth('mode'), auth('Read'), acl)\n      if (allWrite) {\n        g.add(a, auth('mode'), auth('Write'), acl)\n      }\n      // TODO: Figure out why `serialize` isn't on the type definition according to TypeScript:\n      return serialize(acl, g, aclURI, 'text/turtle')\n    }\n\n    /**\n     * @param docURI\n     * @param allWrite\n     * @param callbackFunction\n     *\n     * @returns {Promise<Response>}\n     */\n    const setACL = function setACL (\n      docURI: string,\n      allWrite: boolean,\n      callbackFunction: Function\n    ) {\n      const aclDoc = store.any(\n        sym(docURI),\n        sym('http://www.iana.org/assignments/link-relations/acl')\n      ) as NamedNode // @@ check that this get set by web.js\n      if (!fetcher) {\n        throw new Error('Have no fetcher')\n      }\n      if (aclDoc) {\n        // Great we already know where it is\n        const aclText = genACLtext(docURI, aclDoc.uri, allWrite)\n        return fetcher\n          .webOperation('PUT', aclDoc.uri, {\n            data: aclText,\n            contentType: 'text/turtle'\n          })\n          .then(() => callbackFunction(true))\n          .catch(err => {\n            callbackFunction(false, err.message)\n          })\n      } else {\n        return fetcher\n          .load(docURI)\n          .catch((err: Error) => {\n            callbackFunction(false, 'Getting headers for ACL: ' + err)\n          })\n          .then(() => {\n            const aclDoc = store.any(\n              sym(docURI),\n              sym('http://www.iana.org/assignments/link-relations/acl')\n            ) as NamedNode\n\n            if (!aclDoc) {\n              // complainIfBad(false, \"No Link rel=ACL header for \" + docURI);\n              throw new Error('No Link rel=ACL header for ' + docURI)\n            }\n\n            const aclText = genACLtext(docURI, aclDoc.uri, allWrite)\n\n            return fetcher.webOperation('PUT', aclDoc.uri, {\n              data: aclText,\n              contentType: 'text/turtle'\n            })\n          })\n          .then(() => callbackFunction(true))\n          .catch(err => {\n            callbackFunction(false, err.message)\n          })\n      }\n    }\n\n    //  Reproduction: spawn a new instance\n    //\n    // Viral growth path: user of app decides to make another instance\n    const newInstanceButton = function () {\n      const button = div.appendChild(dom.createElement('button'))\n      button.textContent = 'Start another pad'\n      button.addEventListener('click', function () {\n        return showBootstrap(subject, spawnArea, 'pad')\n      })\n      return button\n    }\n\n    // Option of either using the workspace system or just typing in a URI\n    const showBootstrap = function showBootstrap (\n      thisInstance: any,\n      container: HTMLElement,\n      noun: string\n    ) {\n      const div = clearElement(container)\n      const appDetails = { noun: 'notepad' } as AppDetails\n      div.appendChild(\n        login.newAppInstance(dom, appDetails, (workspace: string | null, newBase) => {\n          // FIXME: not sure if this will work at all, just\n          // trying to get the types to match - Michiel.\n          return initializeNewInstanceInWorkspace(new NamedNode(workspace || newBase))\n        })\n      )\n\n      div.appendChild(dom.createElement('hr')) // @@\n\n      const p = div.appendChild(dom.createElement('p'))\n      p.textContent =\n        'Where would you like to store the data for the ' +\n        noun +\n        '?  ' +\n        'Give the URL of the directory where you would like the data stored.'\n      const baseField = div.appendChild(dom.createElement('input'))\n      baseField.setAttribute('type', 'text')\n      baseField.size = 80 // really a string\n      ;(baseField as any).label = 'base URL'\n      baseField.autocomplete = 'on'\n\n      div.appendChild(dom.createElement('br')) // @@\n\n      const button = div.appendChild(dom.createElement('button'))\n      button.textContent = 'Start new ' + noun + ' at this URI'\n      button.addEventListener('click', function (_e) {\n        let newBase = baseField.value\n        if (newBase.slice(-1) !== '/') {\n          newBase += '/'\n        }\n        initializeNewInstanceAtBase(thisInstance, newBase)\n      })\n    }\n\n    //  Create new document files for new instance of app\n    const initializeNewInstanceInWorkspace = function (ws: NamedNode) {\n      // @@ TODO Clean up type for newBase\n      let newBase: any = store.any(ws, ns.space('uriPrefix'))\n      if (!newBase) {\n        newBase = ws.uri.split('#')[0]\n      } else {\n        newBase = newBase.value\n      }\n      if (newBase.slice(-1) !== '/') {\n        log.error(appPathSegment + ': No / at end of uriPrefix ' + newBase) // @@ paramater?\n        newBase = newBase + '/'\n      }\n      const now = new Date()\n      newBase += appPathSegment + '/id' + now.getTime() + '/' // unique id\n\n      initializeNewInstanceAtBase(thisInstance, newBase)\n    }\n\n    const initializeNewInstanceAtBase = function (\n      thisInstance: any,\n      newBase: string\n    ) {\n      const here = sym(thisInstance.uri.split('#')[0])\n      const base = here // @@ ???\n\n      const newPadDoc = store.sym(newBase + 'pad.ttl')\n      const newIndexDoc = store.sym(newBase + 'index.html')\n\n      const toBeCopied = [{ local: 'index.html', contentType: 'text/html' }]\n\n      const newInstance = store.sym(newPadDoc.uri + '#thisPad')\n\n      // log.debug(\"\\n Ready to put \" + kb.statementsMatching(undefined, undefined, undefined, there)); //@@\n\n      const agenda: Function[] = []\n\n      let f //   @@ This needs some form of visible progress bar\n      for (f = 0; f < toBeCopied.length; f++) {\n        const item = toBeCopied[f]\n        const fun = function copyItem (item: any) {\n          agenda.push(function () {\n            const newURI = newBase + item.local\n            console.log('Copying ' + base + item.local + ' to ' + newURI)\n\n            const setThatACL = function () {\n              setACL(newURI, false, function (ok: boolean, message: string) {\n                if (!ok) {\n                  complainIfBad(\n                    ok,\n                    'FAILED to set ACL ' + newURI + ' : ' + message\n                  )\n                  console.log('FAILED to set ACL ' + newURI + ' : ' + message)\n                } else {\n                  agenda.shift()!() // beware too much nesting\n                }\n              })\n            }\n            if (!store.fetcher) {\n              throw new Error('Store has no fetcher')\n            }\n            store.fetcher\n              .webCopy(\n                base + item.local,\n                newBase + item.local,\n                item.contentType\n              )\n              .then(() => authn.checkUser())\n              .then(webId => {\n                me = webId\n\n                setThatACL()\n              })\n              .catch(err => {\n                console.log(\n                  'FAILED to copy ' + base + item.local + ' : ' + err.message\n                )\n                complainIfBad(\n                  false,\n                  'FAILED to copy ' + base + item.local + ' : ' + err.message\n                )\n              })\n          })\n        }\n        fun(item)\n      }\n\n      agenda.push(function createNewPadDataFile () {\n        store.add(newInstance, ns.rdf('type'), PAD('Notepad'), newPadDoc)\n\n        // TODO @@ Remove casting of add\n        store.add(\n          newInstance,\n          ns.dc('created'),\n          new Date() as any, // @@ TODO Remove casting\n          newPadDoc\n        )\n        if (me) {\n          store.add(newInstance, ns.dc('author'), me, newPadDoc)\n        }\n        store.add(newInstance, PAD('next'), newInstance, newPadDoc) // linked list empty\n\n        // Keep a paper trail   @@ Revisit when we have non-public ones @@ Privacy\n        store.add(newInstance, ns.space('inspiration'), thisInstance, padDoc)\n        store.add(newInstance, ns.space('inspiration'), thisInstance, newPadDoc)\n        if (!updater) {\n          throw new Error('Have no updater')\n        }\n        updater.put(\n          newPadDoc,\n          store.statementsMatching(undefined, undefined, undefined, newPadDoc),\n          'text/turtle',\n          function (_uri2, ok, message) {\n            if (ok) {\n              agenda.shift()!()\n            } else {\n              complainIfBad(\n                ok,\n                'FAILED to save new notepad at: ' +\n                  newPadDoc.uri +\n                  ' : ' +\n                  message\n              )\n              console.log(\n                'FAILED to save new notepad at: ' +\n                  newPadDoc.uri +\n                  ' : ' +\n                  message\n              )\n            }\n          }\n        )\n      })\n\n      agenda.push(function () {\n        setACL(newPadDoc.uri, true, function (ok: boolean, body: string) {\n          complainIfBad(\n            ok,\n            'Failed to set Read-Write ACL on pad data file: ' + body\n          )\n          if (ok) agenda.shift()!()\n        })\n      })\n\n      agenda.push(function () {\n        // give the user links to the new app\n\n        const p = div.appendChild(dom.createElement('p'))\n        p.classList.add('pad-new-instance-message')\n        p.innerHTML =\n          'Your <a href=\\'' +\n          newIndexDoc.uri +\n          '\\'><b>new notepad</b></a> is ready. ' +\n          '<br/><br/><a href=\\'' +\n          newIndexDoc.uri +\n          '\\'>Go to new pad</a>'\n      })\n\n      agenda.shift()!()\n      // Created new data files.\n    }\n\n    //  Update on incoming changes\n    const showResults = function (exists: boolean) {\n      console.log('showResults()')\n\n      me = authn.currentUser()\n\n      authn.checkUser().then((webId: unknown) => {\n        me = webId as string\n      })\n\n      const title =\n        store.any(subject, ns.dc('title')) || store.any(subject, ns.vcard('fn'))\n      if (paneOptions.solo && typeof window !== 'undefined' && title) {\n        window.document.title = title.value\n      }\n      options.exists = exists\n      padEle = pad.notepad(dom, padDoc, subject, me, options)\n      naviMain.appendChild(padEle)\n\n      const partipationTarget =\n        store.any(subject, ns.meeting('parentMeeting')) || subject\n      pad.manageParticipation(\n        dom,\n        naviMiddle2,\n        padDoc,\n        partipationTarget as any,\n        me,\n        options\n      )\n      if (!store.updater) {\n        throw new Error('Store has no updater')\n      }\n\n      store.updater.setRefreshHandler(padDoc, padEle.reloadAndSync) // initiated =\n    }\n\n    // Read or create empty data file\n    const loadPadData = function () {\n      if (!fetcher) {\n        throw new Error('Have no fetcher')\n      }\n      fetcher.nowOrWhenFetched(padDoc.uri, undefined, function (\n        ok: boolean,\n        body: string,\n        response: any\n      ) {\n        if (!ok) {\n          if (response.status === 404) {\n            // /  Check explicitly for 404 error\n            console.log('Initializing results file ' + padDoc)\n            if (!updater) {\n              throw new Error('Have no updater')\n            }\n            updater.put(padDoc, [], 'text/turtle', function (\n              _uri2,\n              ok,\n              message\n            ) {\n              if (ok) {\n                clearElement(naviMain)\n                showResults(false)\n              } else {\n                complainIfBad(\n                  ok,\n                  'FAILED to create results file at: ' +\n                    padDoc.uri +\n                    ' : ' +\n                    message\n                )\n                console.log(\n                  'FAILED to craete results file at: ' +\n                    padDoc.uri +\n                    ' : ' +\n                    message\n                )\n              }\n            })\n          } else {\n            // Other error, not 404 -- do not try to overwite the file\n            complainIfBad(ok, 'FAILED to read results file: ' + body)\n          }\n        } else {\n          // Happy read\n          clearElement(naviMain)\n          if (store.holds(subject, ns.rdf('type'), ns.wf('TemplateInstance'))) {\n            showBootstrap(subject, naviMain, 'pad')\n          }\n          showResults(true)\n          naviMiddle3.appendChild(newInstanceButton())\n        }\n      })\n    }\n\n    //  Body of Pane\n    const appPathSegment = 'app-pad.timbl.com' // how to allocate this string and connect to\n\n    const fetcher = store.fetcher\n    const updater = store.updater\n    let me: any\n\n    const PAD = Namespace('http://www.w3.org/ns/pim/pad#')\n\n    const thisInstance = subject\n    const padDoc = subject.doc()\n\n    let padEle\n\n    const div = dom.createElement('div')\n\n    //  Build the DOM\n    const structure = div.appendChild(dom.createElement('div')) // responsive flex layout\n    structure.className = 'pad-layout'\n\n    const naviLoginoutTR = structure.appendChild(dom.createElement('div'))\n    naviLoginoutTR.className = 'pad-row'\n    naviLoginoutTR.appendChild(dom.createElement('div')) // naviLoginout1\n    naviLoginoutTR.appendChild(dom.createElement('div'))\n    naviLoginoutTR.appendChild(dom.createElement('div'))\n\n    const naviTop = structure.appendChild(dom.createElement('div')) // stuff\n    naviTop.className = 'pad-row'\n    const naviMain = naviTop.appendChild(dom.createElement('div'))\n    naviMain.className = 'pad-main'\n\n    const naviMiddle = structure.appendChild(dom.createElement('div')) // controls\n    naviMiddle.className = 'pad-row pad-controls'\n    const naviMiddle1 = naviMiddle.appendChild(dom.createElement('div'))\n    naviMiddle1.className = 'pad-cell'\n    const naviMiddle2 = naviMiddle.appendChild(dom.createElement('div'))\n    naviMiddle2.className = 'pad-cell'\n    const naviMiddle3 = naviMiddle.appendChild(dom.createElement('div'))\n    naviMiddle3.className = 'pad-cell'\n\n    const naviStatus = structure.appendChild(dom.createElement('div')) // status etc\n    naviStatus.className = 'pad-row'\n    const statusArea = naviStatus.appendChild(dom.createElement('div'))\n\n    const naviSpawn = structure.appendChild(dom.createElement('div')) // create new\n    naviSpawn.className = 'pad-row'\n    const spawnArea = naviSpawn.appendChild(dom.createElement('div'))\n\n    const naviMenu = structure.appendChild(dom.createElement('div'))\n    naviMenu.setAttribute('class', 'pad-row naviMenu')\n    naviMenu.appendChild(dom.createElement('div')) // naviLeft\n    naviMenu.appendChild(dom.createElement('div'))\n    naviMenu.appendChild(dom.createElement('div'))\n\n    const options: any = { statusArea, timingArea: naviMiddle1 }\n\n    loadPadData()\n\n    return div\n  }\n}\n// ends\n\nexport default paneDef\n"],"mappings":"mGASA,IAAM,EAA0B,CAE9B,KAAM,EAAA,MAAM,SAAW,iBAEvB,KAAM,MAEN,SAAU,CAAC,EAAA,GAAG,MAAM,WAAW,CAAC,EAGhC,MAAO,SAAU,EAAS,EAAS,CAMjC,OAJW,EAAQ,QAAQ,MAAgB,aAAa,CACpD,CAAA,CAAE,wCACG,UAEF,IACT,EAEA,UAAW,EAAA,GAAG,IAAI,SAAS,EAE3B,QAAS,SAAU,EAAS,EAAqB,CAE/C,IAAM,EAAQ,EAAQ,QAAQ,MACxB,EAAU,EAAM,QACtB,GAAI,EAAe,IAAM,CAAC,EAAe,GAAG,IAC1C,MAAU,MAAM,kCAAkC,EAGpD,IAAM,EAAe,EAAe,YAClC,EAAe,aACf,EAAM,IAAI,EAAe,QAAU,gBAAgB,EAE/C,EAAY,EAAY,IAAI,EAElC,EAAM,IAAI,EAAa,EAAA,GAAG,IAAI,MAAM,EAAG,EAAA,GAAG,IAAI,SAAS,EAAG,CAAS,EACnE,EAAM,IAAI,EAAa,EAAA,GAAG,GAAG,OAAO,EAAG,eAAgB,CAAS,EAChE,EAAM,IAAI,EAAa,EAAA,GAAG,GAAG,SAAS,EAAG,IAAI,KAAe,CAAS,EACjE,EAAe,IACjB,EAAM,IAAI,EAAa,EAAA,GAAG,GAAG,QAAQ,EAAG,EAAe,GAAI,CAAS,EAItE,IAAM,EAAQ,EAAM,IAAI,EAAY,IAAM,QAAQ,EAMlD,OALA,EAAM,IAAI,EAAa,EAAA,GAAG,IAAI,MAAM,EAAG,EAAO,CAAS,EACvD,EAAM,IAAI,EAAO,EAAA,GAAG,IAAI,MAAM,EAAG,EAAa,CAAS,EACvD,EAAM,IAAI,EAAO,EAAA,GAAG,GAAG,QAAQ,EAAG,EAAe,GAAI,CAAS,EAC9D,EAAM,IAAI,EAAO,EAAA,GAAG,KAAK,SAAS,EAAG,GAAI,CAAS,EAE3C,IAAI,QAAQ,SAAU,EAAS,EAAQ,CAC5C,GAAI,CAAC,EAAS,CACZ,EAAW,MAAM,iBAAiB,CAAC,EACnC,MACF,CACA,EAAQ,IACN,EACA,EAAM,mBAAmB,IAAA,GAAW,IAAA,GAAW,IAAA,GAAW,CAAS,EACnE,cACA,SAAU,EAAM,EAAI,EAAS,CACvB,EACF,EAAQ,CAAc,EAEtB,EACM,MAAM,+BAAiC,EAAO,MAAQ,CAAO,CACnE,CAEJ,CACF,CACF,CAAC,CACH,EAGA,OAAQ,SAAU,EAAS,EAAS,EAAkB,CACpD,IAAM,EAAM,EAAQ,IAEd,EAAQ,EAAQ,QAAQ,MAExB,EAAgB,SAAU,EAAa,EAAiB,CACvD,GACH,EAAI,YAAY,EAAA,QAAQ,kBAAkB,EAAK,EAAS,MAAM,CAAC,CAEnE,EAEM,EAAe,SAAU,EAAkB,CAC/C,KAAO,EAAI,YACT,EAAI,YAAY,EAAI,UAAU,EAEhC,OAAO,CACT,EAMM,EAAa,SACjB,EACA,EACA,EACA,CACA,IAAM,GAAA,EAAI,EAAA,MAAA,CAAM,EACV,GAAA,EAAO,EAAA,UAAA,CAAU,gCAAgC,EACnD,EAAI,EAAE,IAAI,EAAS,KAAK,EACtB,EAAM,EAAE,IAAI,CAAM,EAClB,EAAM,EAAE,IAAI,CAAM,EAiBxB,OAhBA,EAAE,IAAI,EAAG,EAAA,GAAG,IAAI,MAAM,EAAG,EAAK,eAAe,EAAG,CAAG,EACnD,EAAE,IAAI,EAAG,EAAK,UAAU,EAAG,EAAK,CAAG,EACnC,EAAE,IAAI,EAAG,EAAK,OAAO,EAAG,EAAI,CAAG,EAC/B,EAAE,IAAI,EAAG,EAAK,MAAM,EAAG,EAAK,MAAM,EAAG,CAAG,EACxC,EAAE,IAAI,EAAG,EAAK,MAAM,EAAG,EAAK,OAAO,EAAG,CAAG,EACzC,EAAE,IAAI,EAAG,EAAK,MAAM,EAAG,EAAK,SAAS,EAAG,CAAG,EAE3C,EAAI,EAAE,IAAI,EAAS,KAAK,EACxB,EAAE,IAAI,EAAG,EAAA,GAAG,IAAI,MAAM,EAAG,EAAK,eAAe,EAAG,CAAG,EACnD,EAAE,IAAI,EAAG,EAAK,UAAU,EAAG,EAAK,CAAG,EACnC,EAAE,IAAI,EAAG,EAAK,YAAY,EAAG,EAAA,GAAG,KAAK,OAAO,EAAG,CAAG,EAClD,EAAE,IAAI,EAAG,EAAK,MAAM,EAAG,EAAK,MAAM,EAAG,CAAG,EACpC,GACF,EAAE,IAAI,EAAG,EAAK,MAAM,EAAG,EAAK,OAAO,EAAG,CAAG,GAG3C,EAAO,EAAA,UAAA,CAAU,EAAK,EAAG,EAAQ,aAAa,CAChD,EASM,EAAS,SACb,EACA,EACA,EACA,CACA,IAAM,EAAS,EAAM,KAAA,EACnB,EAAA,IAAA,CAAI,CAAM,GAAA,EACV,EAAA,IAAA,CAAI,oDAAoD,CAC1D,EACA,GAAI,CAAC,EACH,MAAU,MAAM,iBAAiB,EAEnC,GAAI,EAAQ,CAEV,IAAM,EAAU,EAAW,EAAQ,EAAO,IAAK,CAAQ,EACvD,OAAO,EACJ,aAAa,MAAO,EAAO,IAAK,CAC/B,KAAM,EACN,YAAa,aACf,CAAC,CAAC,CACD,SAAW,EAAiB,EAAI,CAAC,CAAC,CAClC,MAAM,GAAO,CACZ,EAAiB,GAAO,EAAI,OAAO,CACrC,CAAC,CACL,CACE,OAAO,EACJ,KAAK,CAAM,CAAC,CACZ,MAAO,GAAe,CACrB,EAAiB,GAAO,4BAA8B,CAAG,CAC3D,CAAC,CAAC,CACD,SAAW,CACV,IAAM,EAAS,EAAM,KAAA,EACnB,EAAA,IAAA,CAAI,CAAM,GAAA,EACV,EAAA,IAAA,CAAI,oDAAoD,CAC1D,EAEA,GAAI,CAAC,EAEH,MAAU,MAAM,8BAAgC,CAAM,EAGxD,IAAM,EAAU,EAAW,EAAQ,EAAO,IAAK,CAAQ,EAEvD,OAAO,EAAQ,aAAa,MAAO,EAAO,IAAK,CAC7C,KAAM,EACN,YAAa,aACf,CAAC,CACH,CAAC,CAAC,CACD,SAAW,EAAiB,EAAI,CAAC,CAAC,CAClC,MAAM,GAAO,CACZ,EAAiB,GAAO,EAAI,OAAO,CACrC,CAAC,CAEP,EAKM,EAAoB,UAAY,CACpC,IAAM,EAAS,EAAI,YAAY,EAAI,cAAc,QAAQ,CAAC,EAK1D,MAJA,GAAO,YAAc,oBACrB,EAAO,iBAAiB,QAAS,UAAY,CAC3C,OAAO,EAAc,EAAS,EAAW,KAAK,CAChD,CAAC,EACM,CACT,EAGM,EAAgB,SACpB,EACA,EACA,EACA,CACA,IAAM,EAAM,EAAa,CAAS,EAElC,EAAI,YACF,EAAA,MAAM,eAAe,EAAK,CAFP,KAAM,SAEC,GAAa,EAA0B,IAGxD,EAAiC,IAAI,EAAA,UAAU,GAAa,CAAO,CAAC,CAC5E,CACH,EAEA,EAAI,YAAY,EAAI,cAAc,IAAI,CAAC,EAEvC,IAAM,EAAI,EAAI,YAAY,EAAI,cAAc,GAAG,CAAC,EAChD,EAAE,YACA,kDACA,EACA,yEAEF,IAAM,EAAY,EAAI,YAAY,EAAI,cAAc,OAAO,CAAC,EAC5D,EAAU,aAAa,OAAQ,MAAM,EACrC,EAAU,KAAO,GAChB,EAAmB,MAAQ,WAC5B,EAAU,aAAe,KAEzB,EAAI,YAAY,EAAI,cAAc,IAAI,CAAC,EAEvC,IAAM,EAAS,EAAI,YAAY,EAAI,cAAc,QAAQ,CAAC,EAC1D,EAAO,YAAc,aAAe,EAAO,eAC3C,EAAO,iBAAiB,QAAS,SAAU,EAAI,CAC7C,IAAI,EAAU,EAAU,MACpB,EAAQ,MAAM,EAAE,IAAM,MACxB,GAAW,KAEb,EAA4B,EAAc,CAAO,CACnD,CAAC,CACH,EAGM,EAAmC,SAAU,EAAe,CAEhE,IAAI,EAAe,EAAM,IAAI,EAAI,EAAA,GAAG,MAAM,WAAW,CAAC,EACtD,AACE,EADG,EAGO,EAAQ,MAFR,EAAG,IAAI,MAAM,GAAG,CAAC,CAAC,GAI1B,EAAQ,MAAM,EAAE,IAAM,MACxB,EAAA,IAAI,MAAM,EAAiB,8BAAgC,CAAO,EAClE,GAAoB,KAEtB,IAAM,EAAM,IAAI,KAChB,GAAW,EAAiB,MAAQ,EAAI,QAAQ,EAAI,IAEpD,EAA4B,EAAc,CAAO,CACnD,EAEM,EAA8B,SAClC,EACA,EACA,CAEA,IAAM,GAAA,EADO,EAAA,IAAA,CAAI,EAAa,IAAI,MAAM,GAAG,CAAC,CAAC,EAChC,EAEP,EAAY,EAAM,IAAI,EAAU,SAAS,EACzC,EAAc,EAAM,IAAI,EAAU,YAAY,EAE9C,EAAa,CAAC,CAAE,MAAO,aAAc,YAAa,WAAY,CAAC,EAE/D,EAAc,EAAM,IAAI,EAAU,IAAM,UAAU,EAIlD,EAAqB,CAAC,EAExB,EACK,EAAT,KAAY,EAAI,EAAW,OAAQ,KA8CjC,SA5C+B,EAAW,CACxC,EAAO,KAAK,UAAY,CACtB,IAAM,EAAS,EAAU,EAAK,MAC9B,QAAQ,IAAI,WAAa,EAAO,EAAK,MAAQ,OAAS,CAAM,EAE5D,IAAM,EAAa,UAAY,CAC7B,EAAO,EAAQ,GAAO,SAAU,EAAa,EAAiB,CACvD,EAOH,EAAO,MAAM,CAAC,CAAE,GANhB,EACE,EACA,qBAAuB,EAAS,MAAQ,CAC1C,EACA,QAAQ,IAAI,qBAAuB,EAAS,MAAQ,CAAO,EAI/D,CAAC,CACH,EACA,GAAI,CAAC,EAAM,QACT,MAAU,MAAM,sBAAsB,EAExC,EAAM,QACH,QACC,EAAO,EAAK,MACZ,EAAU,EAAK,MACf,EAAK,WACP,CAAC,CACA,SAAW,EAAA,MAAM,UAAU,CAAC,CAAC,CAC7B,KAAK,GAAS,CACb,EAAK,EAEL,EAAW,CACb,CAAC,CAAC,CACD,MAAM,GAAO,CACZ,QAAQ,IACN,kBAAoB,EAAO,EAAK,MAAQ,MAAQ,EAAI,OACtD,EACA,EACE,GACA,kBAAoB,EAAO,EAAK,MAAQ,MAAQ,EAAI,OACtD,CACF,CAAC,CACL,CAAC,CACH,EAAA,CA5Ca,EAAW,EA6ChB,EAGV,EAAO,KAAK,UAAiC,CAkB3C,GAjBA,EAAM,IAAI,EAAa,EAAA,GAAG,IAAI,MAAM,EAAG,EAAI,SAAS,EAAG,CAAS,EAGhE,EAAM,IACJ,EACA,EAAA,GAAG,GAAG,SAAS,EACf,IAAI,KACJ,CACF,EACI,GACF,EAAM,IAAI,EAAa,EAAA,GAAG,GAAG,QAAQ,EAAG,EAAI,CAAS,EAEvD,EAAM,IAAI,EAAa,EAAI,MAAM,EAAG,EAAa,CAAS,EAG1D,EAAM,IAAI,EAAa,EAAA,GAAG,MAAM,aAAa,EAAG,EAAc,CAAM,EACpE,EAAM,IAAI,EAAa,EAAA,GAAG,MAAM,aAAa,EAAG,EAAc,CAAS,EACnE,CAAC,EACH,MAAU,MAAM,iBAAiB,EAEnC,EAAQ,IACN,EACA,EAAM,mBAAmB,IAAA,GAAW,IAAA,GAAW,IAAA,GAAW,CAAS,EACnE,cACA,SAAU,EAAO,EAAI,EAAS,CACxB,EACF,EAAO,MAAM,CAAC,CAAE,GAEhB,EACE,EACA,kCACE,EAAU,IACV,MACA,CACJ,EACA,QAAQ,IACN,kCACE,EAAU,IACV,MACA,CACJ,EAEJ,CACF,CACF,CAAC,EAED,EAAO,KAAK,UAAY,CACtB,EAAO,EAAU,IAAK,GAAM,SAAU,EAAa,EAAc,CAC/D,EACE,EACA,kDAAoD,CACtD,EACI,GAAI,EAAO,MAAM,CAAC,CAAE,CAC1B,CAAC,CACH,CAAC,EAED,EAAO,KAAK,UAAY,CAGtB,IAAM,EAAI,EAAI,YAAY,EAAI,cAAc,GAAG,CAAC,EAChD,EAAE,UAAU,IAAI,0BAA0B,EAC1C,EAAE,UACA,iBACA,EAAY,IACZ,yDAEA,EAAY,IACZ,qBACJ,CAAC,EAED,EAAO,MAAM,CAAC,CAAE,CAElB,EAGM,EAAc,SAAU,EAAiB,CAC7C,QAAQ,IAAI,eAAe,EAE3B,EAAK,EAAA,MAAM,YAAY,EAEvB,EAAA,MAAM,UAAU,CAAC,CAAC,KAAM,GAAmB,CACzC,EAAK,CACP,CAAC,EAED,IAAM,EACJ,EAAM,IAAI,EAAS,EAAA,GAAG,GAAG,OAAO,CAAC,GAAK,EAAM,IAAI,EAAS,EAAA,GAAG,MAAM,IAAI,CAAC,EACrE,EAAY,MAAQ,OAAO,OAAW,KAAe,IACvD,OAAO,SAAS,MAAQ,EAAM,OAEhC,EAAQ,OAAS,EACjB,EAAS,EAAA,IAAI,QAAQ,EAAK,EAAQ,EAAS,EAAI,CAAO,EACtD,EAAS,YAAY,CAAM,EAE3B,IAAM,EACJ,EAAM,IAAI,EAAS,EAAA,GAAG,QAAQ,eAAe,CAAC,GAAK,EASrD,GARA,EAAA,IAAI,oBACF,EACA,EACA,EACA,EACA,EACA,CACF,EACI,CAAC,EAAM,QACT,MAAU,MAAM,sBAAsB,EAGxC,EAAM,QAAQ,kBAAkB,EAAQ,EAAO,aAAa,CAC9D,EAGM,EAAc,UAAY,CAC9B,GAAI,CAAC,EACH,MAAU,MAAM,iBAAiB,EAEnC,EAAQ,iBAAiB,EAAO,IAAK,IAAA,GAAW,SAC9C,EACA,EACA,EACA,CACA,GAAK,EAqCH,EAAa,CAAQ,EACjB,EAAM,MAAM,EAAS,EAAA,GAAG,IAAI,MAAM,EAAG,EAAA,GAAG,GAAG,kBAAkB,CAAC,GAChE,EAAc,EAAS,EAAU,KAAK,EAExC,EAAY,EAAI,EAChB,EAAY,YAAY,EAAkB,CAAC,OAzC3C,GAAI,EAAS,SAAW,IAAK,CAG3B,GADA,QAAQ,IAAI,6BAA+B,CAAM,EAC7C,CAAC,EACH,MAAU,MAAM,iBAAiB,EAEnC,EAAQ,IAAI,EAAQ,CAAC,EAAG,cAAe,SACrC,EACA,EACA,EACA,CACI,GACF,EAAa,CAAQ,EACrB,EAAY,EAAK,IAEjB,EACE,EACA,qCACE,EAAO,IACP,MACA,CACJ,EACA,QAAQ,IACN,qCACE,EAAO,IACP,MACA,CACJ,EAEJ,CAAC,CACH,MAEE,EAAc,EAAI,gCAAkC,CAAI,CAW9D,CAAC,CACH,EAGM,EAAiB,oBAEjB,EAAU,EAAM,QAChB,EAAU,EAAM,QAClB,EAEE,GAAA,EAAM,EAAA,UAAA,CAAU,+BAA+B,EAE/C,EAAe,EACf,EAAS,EAAQ,IAAI,EAEvB,EAEE,EAAM,EAAI,cAAc,KAAK,EAG7B,EAAY,EAAI,YAAY,EAAI,cAAc,KAAK,CAAC,EAC1D,EAAU,UAAY,aAEtB,IAAM,EAAiB,EAAU,YAAY,EAAI,cAAc,KAAK,CAAC,EACrE,EAAe,UAAY,UAC3B,EAAe,YAAY,EAAI,cAAc,KAAK,CAAC,EACnD,EAAe,YAAY,EAAI,cAAc,KAAK,CAAC,EACnD,EAAe,YAAY,EAAI,cAAc,KAAK,CAAC,EAEnD,IAAM,EAAU,EAAU,YAAY,EAAI,cAAc,KAAK,CAAC,EAC9D,EAAQ,UAAY,UACpB,IAAM,EAAW,EAAQ,YAAY,EAAI,cAAc,KAAK,CAAC,EAC7D,EAAS,UAAY,WAErB,IAAM,EAAa,EAAU,YAAY,EAAI,cAAc,KAAK,CAAC,EACjE,EAAW,UAAY,uBACvB,IAAM,EAAc,EAAW,YAAY,EAAI,cAAc,KAAK,CAAC,EACnE,EAAY,UAAY,WACxB,IAAM,EAAc,EAAW,YAAY,EAAI,cAAc,KAAK,CAAC,EACnE,EAAY,UAAY,WACxB,IAAM,EAAc,EAAW,YAAY,EAAI,cAAc,KAAK,CAAC,EACnE,EAAY,UAAY,WAExB,IAAM,EAAa,EAAU,YAAY,EAAI,cAAc,KAAK,CAAC,EACjE,EAAW,UAAY,UACvB,IAAM,EAAa,EAAW,YAAY,EAAI,cAAc,KAAK,CAAC,EAE5D,EAAY,EAAU,YAAY,EAAI,cAAc,KAAK,CAAC,EAChE,EAAU,UAAY,UACtB,IAAM,EAAY,EAAU,YAAY,EAAI,cAAc,KAAK,CAAC,EAE1D,EAAW,EAAU,YAAY,EAAI,cAAc,KAAK,CAAC,EAC/D,EAAS,aAAa,QAAS,kBAAkB,EACjD,EAAS,YAAY,EAAI,cAAc,KAAK,CAAC,EAC7C,EAAS,YAAY,EAAI,cAAc,KAAK,CAAC,EAC7C,EAAS,YAAY,EAAI,cAAc,KAAK,CAAC,EAE7C,IAAM,EAAe,CAAE,aAAY,WAAY,CAAY,EAI3D,OAFA,EAAY,EAEL,CACT,CACF"}

package/dist/pad/padPane2.esm.js

@@ -8,7 +8,7 @@ var f = {
 	name: "pad",
 	audience: [n.solid("PowerUser")],
 	label: function(e, t) {
-		return t.session.store.findTypeURIs(e)["http://www.w3.org/ns/pim/pad#Notepad"] ? "pad" : null;
+		return t.session.store.findTypeURIs(e)["http://www.w3.org/ns/pim/pad#Notepad"] ? "Notepad" : null;
 	},
 	mintClass: n.pad("Notepad"),
 	mintNew: function(e, t) {
@@ -87,8 +87,8 @@ var f = {
 			let r = d(e.uri.split("#")[0]), i = h.sym(t + "pad.ttl"), o = h.sym(t + "index.html"), s = [{
 				local: "index.html",
 				contentType: "text/html"
-			}], c = h.sym(i.uri + "#thisPad"), l = [], u;
-			for (u = 0; u < s.length; u++) (function(e) {
+			}], c = h.sym(i.uri + "#thisPad"), l = [], u = 0;
+			for (; u < s.length; u++) (function(e) {
 				l.push(function() {
 					let n = t + e.local;
 					console.log("Copying " + r + e.local + " to " + n);

package/dist/pad/padPane2.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"padPane2.esm.js","names":[],"sources":["../../src/pad/padPane.ts"],"sourcesContent":["import { icons, ns, pad, widgets, login } from 'solid-ui'\nimport { authn, AppDetails } from 'solid-logic'\nimport { graph, log, NamedNode, Namespace, sym, serialize, Store } from 'rdflib'\nimport { PaneDefinition } from 'pane-registry'\nimport './padPane.css'\n/*   pad Pane\n **\n */\n\nconst paneDef: PaneDefinition = {\n  // icon:  (module.__dirname || __dirname) + 'images/ColourOn.png',\n  icon: icons.iconBase + 'noun_79217.svg',\n\n  name: 'pad',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve an pad pane?\n  label: function (subject, context) {\n    // @ts-ignore\n    const t = (context.session.store as Store).findTypeURIs(subject)\n    if (t['http://www.w3.org/ns/pim/pad#Notepad']) {\n      return 'pad'\n    }\n    return null // No under other circumstances\n  },\n\n  mintClass: ns.pad('Notepad'),\n\n  mintNew: function (context, newPaneOptions: any) {\n    // @ts-ignore\n    const store = context.session.store as Store\n    const updater = store.updater\n    if (newPaneOptions.me && !newPaneOptions.me.uri) {\n      throw new Error('notepad mintNew:  Invalid userid')\n    }\n\n    const newInstance = (newPaneOptions.newInstance =\n      newPaneOptions.newInstance ||\n      store.sym(newPaneOptions.newBase + 'index.ttl#this'))\n    // const newInstance = kb.sym(newBase + 'pad.ttl#thisPad');\n    const newPadDoc = newInstance.doc()\n\n    store.add(newInstance, ns.rdf('type'), ns.pad('Notepad'), newPadDoc)\n    store.add(newInstance, ns.dc('title'), 'Shared Notes', newPadDoc)\n    store.add(newInstance, ns.dc('created'), new Date() as any, newPadDoc) // @@ TODO Remove casting\n    if (newPaneOptions.me) {\n      store.add(newInstance, ns.dc('author'), newPaneOptions.me, newPadDoc)\n    }\n    // kb.add(newInstance, ns.pad('next'), newInstance, newPadDoc);\n    // linked list empty @@\n    const chunk = store.sym(newInstance.uri + '_line0')\n    store.add(newInstance, ns.pad('next'), chunk, newPadDoc) // Linked list has one entry\n    store.add(chunk, ns.pad('next'), newInstance, newPadDoc)\n    store.add(chunk, ns.dc('author'), newPaneOptions.me, newPadDoc)\n    store.add(chunk, ns.sioc('content'), '', newPadDoc)\n\n    return new Promise(function (resolve, reject) {\n      if (!updater) {\n        reject(new Error('Have no updater'))\n        return\n      }\n      updater.put(\n        newPadDoc,\n        store.statementsMatching(undefined, undefined, undefined, newPadDoc),\n        'text/turtle',\n        function (uri2, ok, message) {\n          if (ok) {\n            resolve(newPaneOptions)\n          } else {\n            reject(\n              new Error('FAILED to save new tool at: ' + uri2 + ' : ' + message)\n            )\n          }\n        }\n      )\n    })\n  },\n  // and follow instructions there\n  // @@ TODO Set better type for paneOptions\n  render: function (subject, context, paneOptions: any) {\n    const dom = context.dom\n    // @ts-ignore\n    const store = context.session.store as Store\n    // Utility functions\n    const complainIfBad = function (ok: boolean, message: string) {\n      if (!ok) {\n        div.appendChild(widgets.errorMessageBlock(dom, message, 'pink'))\n      }\n    }\n\n    const clearElement = function (ele: HTMLElement) {\n      while (ele.firstChild) {\n        ele.removeChild(ele.firstChild)\n      }\n      return ele\n    }\n\n    // Access control\n\n    // Two constiations of ACL for this app, public read and public read/write\n    // In all cases owner has read write control\n    const genACLtext = function (\n      docURI: string,\n      aclURI: string,\n      allWrite: boolean\n    ) {\n      const g = graph()\n      const auth = Namespace('http://www.w3.org/ns/auth/acl#')\n      let a = g.sym(aclURI + '#a1')\n      const acl = g.sym(aclURI)\n      const doc = g.sym(docURI)\n      g.add(a, ns.rdf('type'), auth('Authorization'), acl)\n      g.add(a, auth('accessTo'), doc, acl)\n      g.add(a, auth('agent'), me, acl)\n      g.add(a, auth('mode'), auth('Read'), acl)\n      g.add(a, auth('mode'), auth('Write'), acl)\n      g.add(a, auth('mode'), auth('Control'), acl)\n\n      a = g.sym(aclURI + '#a2')\n      g.add(a, ns.rdf('type'), auth('Authorization'), acl)\n      g.add(a, auth('accessTo'), doc, acl)\n      g.add(a, auth('agentClass'), ns.foaf('Agent'), acl)\n      g.add(a, auth('mode'), auth('Read'), acl)\n      if (allWrite) {\n        g.add(a, auth('mode'), auth('Write'), acl)\n      }\n      // TODO: Figure out why `serialize` isn't on the type definition according to TypeScript:\n      return serialize(acl, g, aclURI, 'text/turtle')\n    }\n\n    /**\n     * @param docURI\n     * @param allWrite\n     * @param callbackFunction\n     *\n     * @returns {Promise<Response>}\n     */\n    const setACL = function setACL (\n      docURI: string,\n      allWrite: boolean,\n      callbackFunction: Function\n    ) {\n      const aclDoc = store.any(\n        sym(docURI),\n        sym('http://www.iana.org/assignments/link-relations/acl')\n      ) as NamedNode // @@ check that this get set by web.js\n      if (!fetcher) {\n        throw new Error('Have no fetcher')\n      }\n      if (aclDoc) {\n        // Great we already know where it is\n        const aclText = genACLtext(docURI, aclDoc.uri, allWrite)\n        return fetcher\n          .webOperation('PUT', aclDoc.uri, {\n            data: aclText,\n            contentType: 'text/turtle'\n          })\n          .then(() => callbackFunction(true))\n          .catch(err => {\n            callbackFunction(false, err.message)\n          })\n      } else {\n        return fetcher\n          .load(docURI)\n          .catch((err: Error) => {\n            callbackFunction(false, 'Getting headers for ACL: ' + err)\n          })\n          .then(() => {\n            const aclDoc = store.any(\n              sym(docURI),\n              sym('http://www.iana.org/assignments/link-relations/acl')\n            ) as NamedNode\n\n            if (!aclDoc) {\n              // complainIfBad(false, \"No Link rel=ACL header for \" + docURI);\n              throw new Error('No Link rel=ACL header for ' + docURI)\n            }\n\n            const aclText = genACLtext(docURI, aclDoc.uri, allWrite)\n\n            return fetcher.webOperation('PUT', aclDoc.uri, {\n              data: aclText,\n              contentType: 'text/turtle'\n            })\n          })\n          .then(() => callbackFunction(true))\n          .catch(err => {\n            callbackFunction(false, err.message)\n          })\n      }\n    }\n\n    //  Reproduction: spawn a new instance\n    //\n    // Viral growth path: user of app decides to make another instance\n    const newInstanceButton = function () {\n      const button = div.appendChild(dom.createElement('button'))\n      button.textContent = 'Start another pad'\n      button.addEventListener('click', function () {\n        return showBootstrap(subject, spawnArea, 'pad')\n      })\n      return button\n    }\n\n    // Option of either using the workspace system or just typing in a URI\n    const showBootstrap = function showBootstrap (\n      thisInstance: any,\n      container: HTMLElement,\n      noun: string\n    ) {\n      const div = clearElement(container)\n      const appDetails = { noun: 'notepad' } as AppDetails\n      div.appendChild(\n        login.newAppInstance(dom, appDetails, (workspace: string | null, newBase) => {\n          // FIXME: not sure if this will work at all, just\n          // trying to get the types to match - Michiel.\n          return initializeNewInstanceInWorkspace(new NamedNode(workspace || newBase))\n        })\n      )\n\n      div.appendChild(dom.createElement('hr')) // @@\n\n      const p = div.appendChild(dom.createElement('p'))\n      p.textContent =\n        'Where would you like to store the data for the ' +\n        noun +\n        '?  ' +\n        'Give the URL of the directory where you would like the data stored.'\n      const baseField = div.appendChild(dom.createElement('input'))\n      baseField.setAttribute('type', 'text')\n      baseField.size = 80 // really a string\n      ;(baseField as any).label = 'base URL'\n      baseField.autocomplete = 'on'\n\n      div.appendChild(dom.createElement('br')) // @@\n\n      const button = div.appendChild(dom.createElement('button'))\n      button.textContent = 'Start new ' + noun + ' at this URI'\n      button.addEventListener('click', function (_e) {\n        let newBase = baseField.value\n        if (newBase.slice(-1) !== '/') {\n          newBase += '/'\n        }\n        initializeNewInstanceAtBase(thisInstance, newBase)\n      })\n    }\n\n    //  Create new document files for new instance of app\n    const initializeNewInstanceInWorkspace = function (ws: NamedNode) {\n      // @@ TODO Clean up type for newBase\n      let newBase: any = store.any(ws, ns.space('uriPrefix'))\n      if (!newBase) {\n        newBase = ws.uri.split('#')[0]\n      } else {\n        newBase = newBase.value\n      }\n      if (newBase.slice(-1) !== '/') {\n        log.error(appPathSegment + ': No / at end of uriPrefix ' + newBase) // @@ paramater?\n        newBase = newBase + '/'\n      }\n      const now = new Date()\n      newBase += appPathSegment + '/id' + now.getTime() + '/' // unique id\n\n      initializeNewInstanceAtBase(thisInstance, newBase)\n    }\n\n    const initializeNewInstanceAtBase = function (\n      thisInstance: any,\n      newBase: string\n    ) {\n      const here = sym(thisInstance.uri.split('#')[0])\n      const base = here // @@ ???\n\n      const newPadDoc = store.sym(newBase + 'pad.ttl')\n      const newIndexDoc = store.sym(newBase + 'index.html')\n\n      const toBeCopied = [{ local: 'index.html', contentType: 'text/html' }]\n\n      const newInstance = store.sym(newPadDoc.uri + '#thisPad')\n\n      // log.debug(\"\\n Ready to put \" + kb.statementsMatching(undefined, undefined, undefined, there)); //@@\n\n      const agenda: Function[] = []\n\n      let f //   @@ This needs some form of visible progress bar\n      for (f = 0; f < toBeCopied.length; f++) {\n        const item = toBeCopied[f]\n        const fun = function copyItem (item: any) {\n          agenda.push(function () {\n            const newURI = newBase + item.local\n            console.log('Copying ' + base + item.local + ' to ' + newURI)\n\n            const setThatACL = function () {\n              setACL(newURI, false, function (ok: boolean, message: string) {\n                if (!ok) {\n                  complainIfBad(\n                    ok,\n                    'FAILED to set ACL ' + newURI + ' : ' + message\n                  )\n                  console.log('FAILED to set ACL ' + newURI + ' : ' + message)\n                } else {\n                  agenda.shift()!() // beware too much nesting\n                }\n              })\n            }\n            if (!store.fetcher) {\n              throw new Error('Store has no fetcher')\n            }\n            store.fetcher\n              .webCopy(\n                base + item.local,\n                newBase + item.local,\n                item.contentType\n              )\n              .then(() => authn.checkUser())\n              .then(webId => {\n                me = webId\n\n                setThatACL()\n              })\n              .catch(err => {\n                console.log(\n                  'FAILED to copy ' + base + item.local + ' : ' + err.message\n                )\n                complainIfBad(\n                  false,\n                  'FAILED to copy ' + base + item.local + ' : ' + err.message\n                )\n              })\n          })\n        }\n        fun(item)\n      }\n\n      agenda.push(function createNewPadDataFile () {\n        store.add(newInstance, ns.rdf('type'), PAD('Notepad'), newPadDoc)\n\n        // TODO @@ Remove casting of add\n        store.add(\n          newInstance,\n          ns.dc('created'),\n          new Date() as any, // @@ TODO Remove casting\n          newPadDoc\n        )\n        if (me) {\n          store.add(newInstance, ns.dc('author'), me, newPadDoc)\n        }\n        store.add(newInstance, PAD('next'), newInstance, newPadDoc) // linked list empty\n\n        // Keep a paper trail   @@ Revisit when we have non-public ones @@ Privacy\n        store.add(newInstance, ns.space('inspiration'), thisInstance, padDoc)\n        store.add(newInstance, ns.space('inspiration'), thisInstance, newPadDoc)\n        if (!updater) {\n          throw new Error('Have no updater')\n        }\n        updater.put(\n          newPadDoc,\n          store.statementsMatching(undefined, undefined, undefined, newPadDoc),\n          'text/turtle',\n          function (_uri2, ok, message) {\n            if (ok) {\n              agenda.shift()!()\n            } else {\n              complainIfBad(\n                ok,\n                'FAILED to save new notepad at: ' +\n                  newPadDoc.uri +\n                  ' : ' +\n                  message\n              )\n              console.log(\n                'FAILED to save new notepad at: ' +\n                  newPadDoc.uri +\n                  ' : ' +\n                  message\n              )\n            }\n          }\n        )\n      })\n\n      agenda.push(function () {\n        setACL(newPadDoc.uri, true, function (ok: boolean, body: string) {\n          complainIfBad(\n            ok,\n            'Failed to set Read-Write ACL on pad data file: ' + body\n          )\n          if (ok) agenda.shift()!()\n        })\n      })\n\n      agenda.push(function () {\n        // give the user links to the new app\n\n        const p = div.appendChild(dom.createElement('p'))\n        p.classList.add('pad-new-instance-message')\n        p.innerHTML =\n          'Your <a href=\\'' +\n          newIndexDoc.uri +\n          '\\'><b>new notepad</b></a> is ready. ' +\n          '<br/><br/><a href=\\'' +\n          newIndexDoc.uri +\n          '\\'>Go to new pad</a>'\n      })\n\n      agenda.shift()!()\n      // Created new data files.\n    }\n\n    //  Update on incoming changes\n    const showResults = function (exists: boolean) {\n      console.log('showResults()')\n\n      me = authn.currentUser()\n\n      authn.checkUser().then((webId: unknown) => {\n        me = webId as string\n      })\n\n      const title =\n        store.any(subject, ns.dc('title')) || store.any(subject, ns.vcard('fn'))\n      if (paneOptions.solo && typeof window !== 'undefined' && title) {\n        window.document.title = title.value\n      }\n      options.exists = exists\n      padEle = pad.notepad(dom, padDoc, subject, me, options)\n      naviMain.appendChild(padEle)\n\n      const partipationTarget =\n        store.any(subject, ns.meeting('parentMeeting')) || subject\n      pad.manageParticipation(\n        dom,\n        naviMiddle2,\n        padDoc,\n        partipationTarget as any,\n        me,\n        options\n      )\n      if (!store.updater) {\n        throw new Error('Store has no updater')\n      }\n\n      store.updater.setRefreshHandler(padDoc, padEle.reloadAndSync) // initiated =\n    }\n\n    // Read or create empty data file\n    const loadPadData = function () {\n      if (!fetcher) {\n        throw new Error('Have no fetcher')\n      }\n      fetcher.nowOrWhenFetched(padDoc.uri, undefined, function (\n        ok: boolean,\n        body: string,\n        response: any\n      ) {\n        if (!ok) {\n          if (response.status === 404) {\n            // /  Check explicitly for 404 error\n            console.log('Initializing results file ' + padDoc)\n            if (!updater) {\n              throw new Error('Have no updater')\n            }\n            updater.put(padDoc, [], 'text/turtle', function (\n              _uri2,\n              ok,\n              message\n            ) {\n              if (ok) {\n                clearElement(naviMain)\n                showResults(false)\n              } else {\n                complainIfBad(\n                  ok,\n                  'FAILED to create results file at: ' +\n                    padDoc.uri +\n                    ' : ' +\n                    message\n                )\n                console.log(\n                  'FAILED to craete results file at: ' +\n                    padDoc.uri +\n                    ' : ' +\n                    message\n                )\n              }\n            })\n          } else {\n            // Other error, not 404 -- do not try to overwite the file\n            complainIfBad(ok, 'FAILED to read results file: ' + body)\n          }\n        } else {\n          // Happy read\n          clearElement(naviMain)\n          if (store.holds(subject, ns.rdf('type'), ns.wf('TemplateInstance'))) {\n            showBootstrap(subject, naviMain, 'pad')\n          }\n          showResults(true)\n          naviMiddle3.appendChild(newInstanceButton())\n        }\n      })\n    }\n\n    //  Body of Pane\n    const appPathSegment = 'app-pad.timbl.com' // how to allocate this string and connect to\n\n    const fetcher = store.fetcher\n    const updater = store.updater\n    let me: any\n\n    const PAD = Namespace('http://www.w3.org/ns/pim/pad#')\n\n    const thisInstance = subject\n    const padDoc = subject.doc()\n\n    let padEle\n\n    const div = dom.createElement('div')\n\n    //  Build the DOM\n    const structure = div.appendChild(dom.createElement('div')) // responsive flex layout\n    structure.className = 'pad-layout'\n\n    const naviLoginoutTR = structure.appendChild(dom.createElement('div'))\n    naviLoginoutTR.className = 'pad-row'\n    naviLoginoutTR.appendChild(dom.createElement('div')) // naviLoginout1\n    naviLoginoutTR.appendChild(dom.createElement('div'))\n    naviLoginoutTR.appendChild(dom.createElement('div'))\n\n    const naviTop = structure.appendChild(dom.createElement('div')) // stuff\n    naviTop.className = 'pad-row'\n    const naviMain = naviTop.appendChild(dom.createElement('div'))\n    naviMain.className = 'pad-main'\n\n    const naviMiddle = structure.appendChild(dom.createElement('div')) // controls\n    naviMiddle.className = 'pad-row pad-controls'\n    const naviMiddle1 = naviMiddle.appendChild(dom.createElement('div'))\n    naviMiddle1.className = 'pad-cell'\n    const naviMiddle2 = naviMiddle.appendChild(dom.createElement('div'))\n    naviMiddle2.className = 'pad-cell'\n    const naviMiddle3 = naviMiddle.appendChild(dom.createElement('div'))\n    naviMiddle3.className = 'pad-cell'\n\n    const naviStatus = structure.appendChild(dom.createElement('div')) // status etc\n    naviStatus.className = 'pad-row'\n    const statusArea = naviStatus.appendChild(dom.createElement('div'))\n\n    const naviSpawn = structure.appendChild(dom.createElement('div')) // create new\n    naviSpawn.className = 'pad-row'\n    const spawnArea = naviSpawn.appendChild(dom.createElement('div'))\n\n    const naviMenu = structure.appendChild(dom.createElement('div'))\n    naviMenu.setAttribute('class', 'pad-row naviMenu')\n    naviMenu.appendChild(dom.createElement('div')) // naviLeft\n    naviMenu.appendChild(dom.createElement('div'))\n    naviMenu.appendChild(dom.createElement('div'))\n\n    const options: any = { statusArea, timingArea: naviMiddle1 }\n\n    loadPadData()\n\n    return div\n  }\n}\n// ends\n\nexport default paneDef\n"],"mappings":"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"}
+{"version":3,"file":"padPane2.esm.js","names":[],"sources":["../../src/pad/padPane.ts"],"sourcesContent":["import { icons, ns, pad, widgets, login } from 'solid-ui'\nimport { authn, AppDetails } from 'solid-logic'\nimport { graph, log, NamedNode, Namespace, sym, serialize, Store } from 'rdflib'\nimport { PaneDefinition } from 'pane-registry'\nimport './padPane.css'\n/*   pad Pane\n **\n */\n\nconst paneDef: PaneDefinition = {\n  // icon:  (module.__dirname || __dirname) + 'images/ColourOn.png',\n  icon: icons.iconBase + 'noun_79217.svg',\n\n  name: 'pad',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve an pad pane?\n  label: function (subject, context) {\n    // @ts-ignore\n    const t = (context.session.store as Store).findTypeURIs(subject)\n    if (t['http://www.w3.org/ns/pim/pad#Notepad']) {\n      return 'Notepad'\n    }\n    return null // No under other circumstances\n  },\n\n  mintClass: ns.pad('Notepad'),\n\n  mintNew: function (context, newPaneOptions: any) {\n    // @ts-ignore\n    const store = context.session.store as Store\n    const updater = store.updater\n    if (newPaneOptions.me && !newPaneOptions.me.uri) {\n      throw new Error('notepad mintNew:  Invalid userid')\n    }\n\n    const newInstance = (newPaneOptions.newInstance =\n      newPaneOptions.newInstance ||\n      store.sym(newPaneOptions.newBase + 'index.ttl#this'))\n    // const newInstance = kb.sym(newBase + 'pad.ttl#thisPad');\n    const newPadDoc = newInstance.doc()\n\n    store.add(newInstance, ns.rdf('type'), ns.pad('Notepad'), newPadDoc)\n    store.add(newInstance, ns.dc('title'), 'Shared Notes', newPadDoc)\n    store.add(newInstance, ns.dc('created'), new Date() as any, newPadDoc) // @@ TODO Remove casting\n    if (newPaneOptions.me) {\n      store.add(newInstance, ns.dc('author'), newPaneOptions.me, newPadDoc)\n    }\n    // kb.add(newInstance, ns.pad('next'), newInstance, newPadDoc);\n    // linked list empty @@\n    const chunk = store.sym(newInstance.uri + '_line0')\n    store.add(newInstance, ns.pad('next'), chunk, newPadDoc) // Linked list has one entry\n    store.add(chunk, ns.pad('next'), newInstance, newPadDoc)\n    store.add(chunk, ns.dc('author'), newPaneOptions.me, newPadDoc)\n    store.add(chunk, ns.sioc('content'), '', newPadDoc)\n\n    return new Promise(function (resolve, reject) {\n      if (!updater) {\n        reject(new Error('Have no updater'))\n        return\n      }\n      updater.put(\n        newPadDoc,\n        store.statementsMatching(undefined, undefined, undefined, newPadDoc),\n        'text/turtle',\n        function (uri2, ok, message) {\n          if (ok) {\n            resolve(newPaneOptions)\n          } else {\n            reject(\n              new Error('FAILED to save new tool at: ' + uri2 + ' : ' + message)\n            )\n          }\n        }\n      )\n    })\n  },\n  // and follow instructions there\n  // @@ TODO Set better type for paneOptions\n  render: function (subject, context, paneOptions: any) {\n    const dom = context.dom\n    // @ts-ignore\n    const store = context.session.store as Store\n    // Utility functions\n    const complainIfBad = function (ok: boolean, message: string) {\n      if (!ok) {\n        div.appendChild(widgets.errorMessageBlock(dom, message, 'pink'))\n      }\n    }\n\n    const clearElement = function (ele: HTMLElement) {\n      while (ele.firstChild) {\n        ele.removeChild(ele.firstChild)\n      }\n      return ele\n    }\n\n    // Access control\n\n    // Two constiations of ACL for this app, public read and public read/write\n    // In all cases owner has read write control\n    const genACLtext = function (\n      docURI: string,\n      aclURI: string,\n      allWrite: boolean\n    ) {\n      const g = graph()\n      const auth = Namespace('http://www.w3.org/ns/auth/acl#')\n      let a = g.sym(aclURI + '#a1')\n      const acl = g.sym(aclURI)\n      const doc = g.sym(docURI)\n      g.add(a, ns.rdf('type'), auth('Authorization'), acl)\n      g.add(a, auth('accessTo'), doc, acl)\n      g.add(a, auth('agent'), me, acl)\n      g.add(a, auth('mode'), auth('Read'), acl)\n      g.add(a, auth('mode'), auth('Write'), acl)\n      g.add(a, auth('mode'), auth('Control'), acl)\n\n      a = g.sym(aclURI + '#a2')\n      g.add(a, ns.rdf('type'), auth('Authorization'), acl)\n      g.add(a, auth('accessTo'), doc, acl)\n      g.add(a, auth('agentClass'), ns.foaf('Agent'), acl)\n      g.add(a, auth('mode'), auth('Read'), acl)\n      if (allWrite) {\n        g.add(a, auth('mode'), auth('Write'), acl)\n      }\n      // TODO: Figure out why `serialize` isn't on the type definition according to TypeScript:\n      return serialize(acl, g, aclURI, 'text/turtle')\n    }\n\n    /**\n     * @param docURI\n     * @param allWrite\n     * @param callbackFunction\n     *\n     * @returns {Promise<Response>}\n     */\n    const setACL = function setACL (\n      docURI: string,\n      allWrite: boolean,\n      callbackFunction: Function\n    ) {\n      const aclDoc = store.any(\n        sym(docURI),\n        sym('http://www.iana.org/assignments/link-relations/acl')\n      ) as NamedNode // @@ check that this get set by web.js\n      if (!fetcher) {\n        throw new Error('Have no fetcher')\n      }\n      if (aclDoc) {\n        // Great we already know where it is\n        const aclText = genACLtext(docURI, aclDoc.uri, allWrite)\n        return fetcher\n          .webOperation('PUT', aclDoc.uri, {\n            data: aclText,\n            contentType: 'text/turtle'\n          })\n          .then(() => callbackFunction(true))\n          .catch(err => {\n            callbackFunction(false, err.message)\n          })\n      } else {\n        return fetcher\n          .load(docURI)\n          .catch((err: Error) => {\n            callbackFunction(false, 'Getting headers for ACL: ' + err)\n          })\n          .then(() => {\n            const aclDoc = store.any(\n              sym(docURI),\n              sym('http://www.iana.org/assignments/link-relations/acl')\n            ) as NamedNode\n\n            if (!aclDoc) {\n              // complainIfBad(false, \"No Link rel=ACL header for \" + docURI);\n              throw new Error('No Link rel=ACL header for ' + docURI)\n            }\n\n            const aclText = genACLtext(docURI, aclDoc.uri, allWrite)\n\n            return fetcher.webOperation('PUT', aclDoc.uri, {\n              data: aclText,\n              contentType: 'text/turtle'\n            })\n          })\n          .then(() => callbackFunction(true))\n          .catch(err => {\n            callbackFunction(false, err.message)\n          })\n      }\n    }\n\n    //  Reproduction: spawn a new instance\n    //\n    // Viral growth path: user of app decides to make another instance\n    const newInstanceButton = function () {\n      const button = div.appendChild(dom.createElement('button'))\n      button.textContent = 'Start another pad'\n      button.addEventListener('click', function () {\n        return showBootstrap(subject, spawnArea, 'pad')\n      })\n      return button\n    }\n\n    // Option of either using the workspace system or just typing in a URI\n    const showBootstrap = function showBootstrap (\n      thisInstance: any,\n      container: HTMLElement,\n      noun: string\n    ) {\n      const div = clearElement(container)\n      const appDetails = { noun: 'notepad' } as AppDetails\n      div.appendChild(\n        login.newAppInstance(dom, appDetails, (workspace: string | null, newBase) => {\n          // FIXME: not sure if this will work at all, just\n          // trying to get the types to match - Michiel.\n          return initializeNewInstanceInWorkspace(new NamedNode(workspace || newBase))\n        })\n      )\n\n      div.appendChild(dom.createElement('hr')) // @@\n\n      const p = div.appendChild(dom.createElement('p'))\n      p.textContent =\n        'Where would you like to store the data for the ' +\n        noun +\n        '?  ' +\n        'Give the URL of the directory where you would like the data stored.'\n      const baseField = div.appendChild(dom.createElement('input'))\n      baseField.setAttribute('type', 'text')\n      baseField.size = 80 // really a string\n      ;(baseField as any).label = 'base URL'\n      baseField.autocomplete = 'on'\n\n      div.appendChild(dom.createElement('br')) // @@\n\n      const button = div.appendChild(dom.createElement('button'))\n      button.textContent = 'Start new ' + noun + ' at this URI'\n      button.addEventListener('click', function (_e) {\n        let newBase = baseField.value\n        if (newBase.slice(-1) !== '/') {\n          newBase += '/'\n        }\n        initializeNewInstanceAtBase(thisInstance, newBase)\n      })\n    }\n\n    //  Create new document files for new instance of app\n    const initializeNewInstanceInWorkspace = function (ws: NamedNode) {\n      // @@ TODO Clean up type for newBase\n      let newBase: any = store.any(ws, ns.space('uriPrefix'))\n      if (!newBase) {\n        newBase = ws.uri.split('#')[0]\n      } else {\n        newBase = newBase.value\n      }\n      if (newBase.slice(-1) !== '/') {\n        log.error(appPathSegment + ': No / at end of uriPrefix ' + newBase) // @@ paramater?\n        newBase = newBase + '/'\n      }\n      const now = new Date()\n      newBase += appPathSegment + '/id' + now.getTime() + '/' // unique id\n\n      initializeNewInstanceAtBase(thisInstance, newBase)\n    }\n\n    const initializeNewInstanceAtBase = function (\n      thisInstance: any,\n      newBase: string\n    ) {\n      const here = sym(thisInstance.uri.split('#')[0])\n      const base = here // @@ ???\n\n      const newPadDoc = store.sym(newBase + 'pad.ttl')\n      const newIndexDoc = store.sym(newBase + 'index.html')\n\n      const toBeCopied = [{ local: 'index.html', contentType: 'text/html' }]\n\n      const newInstance = store.sym(newPadDoc.uri + '#thisPad')\n\n      // log.debug(\"\\n Ready to put \" + kb.statementsMatching(undefined, undefined, undefined, there)); //@@\n\n      const agenda: Function[] = []\n\n      let f //   @@ This needs some form of visible progress bar\n      for (f = 0; f < toBeCopied.length; f++) {\n        const item = toBeCopied[f]\n        const fun = function copyItem (item: any) {\n          agenda.push(function () {\n            const newURI = newBase + item.local\n            console.log('Copying ' + base + item.local + ' to ' + newURI)\n\n            const setThatACL = function () {\n              setACL(newURI, false, function (ok: boolean, message: string) {\n                if (!ok) {\n                  complainIfBad(\n                    ok,\n                    'FAILED to set ACL ' + newURI + ' : ' + message\n                  )\n                  console.log('FAILED to set ACL ' + newURI + ' : ' + message)\n                } else {\n                  agenda.shift()!() // beware too much nesting\n                }\n              })\n            }\n            if (!store.fetcher) {\n              throw new Error('Store has no fetcher')\n            }\n            store.fetcher\n              .webCopy(\n                base + item.local,\n                newBase + item.local,\n                item.contentType\n              )\n              .then(() => authn.checkUser())\n              .then(webId => {\n                me = webId\n\n                setThatACL()\n              })\n              .catch(err => {\n                console.log(\n                  'FAILED to copy ' + base + item.local + ' : ' + err.message\n                )\n                complainIfBad(\n                  false,\n                  'FAILED to copy ' + base + item.local + ' : ' + err.message\n                )\n              })\n          })\n        }\n        fun(item)\n      }\n\n      agenda.push(function createNewPadDataFile () {\n        store.add(newInstance, ns.rdf('type'), PAD('Notepad'), newPadDoc)\n\n        // TODO @@ Remove casting of add\n        store.add(\n          newInstance,\n          ns.dc('created'),\n          new Date() as any, // @@ TODO Remove casting\n          newPadDoc\n        )\n        if (me) {\n          store.add(newInstance, ns.dc('author'), me, newPadDoc)\n        }\n        store.add(newInstance, PAD('next'), newInstance, newPadDoc) // linked list empty\n\n        // Keep a paper trail   @@ Revisit when we have non-public ones @@ Privacy\n        store.add(newInstance, ns.space('inspiration'), thisInstance, padDoc)\n        store.add(newInstance, ns.space('inspiration'), thisInstance, newPadDoc)\n        if (!updater) {\n          throw new Error('Have no updater')\n        }\n        updater.put(\n          newPadDoc,\n          store.statementsMatching(undefined, undefined, undefined, newPadDoc),\n          'text/turtle',\n          function (_uri2, ok, message) {\n            if (ok) {\n              agenda.shift()!()\n            } else {\n              complainIfBad(\n                ok,\n                'FAILED to save new notepad at: ' +\n                  newPadDoc.uri +\n                  ' : ' +\n                  message\n              )\n              console.log(\n                'FAILED to save new notepad at: ' +\n                  newPadDoc.uri +\n                  ' : ' +\n                  message\n              )\n            }\n          }\n        )\n      })\n\n      agenda.push(function () {\n        setACL(newPadDoc.uri, true, function (ok: boolean, body: string) {\n          complainIfBad(\n            ok,\n            'Failed to set Read-Write ACL on pad data file: ' + body\n          )\n          if (ok) agenda.shift()!()\n        })\n      })\n\n      agenda.push(function () {\n        // give the user links to the new app\n\n        const p = div.appendChild(dom.createElement('p'))\n        p.classList.add('pad-new-instance-message')\n        p.innerHTML =\n          'Your <a href=\\'' +\n          newIndexDoc.uri +\n          '\\'><b>new notepad</b></a> is ready. ' +\n          '<br/><br/><a href=\\'' +\n          newIndexDoc.uri +\n          '\\'>Go to new pad</a>'\n      })\n\n      agenda.shift()!()\n      // Created new data files.\n    }\n\n    //  Update on incoming changes\n    const showResults = function (exists: boolean) {\n      console.log('showResults()')\n\n      me = authn.currentUser()\n\n      authn.checkUser().then((webId: unknown) => {\n        me = webId as string\n      })\n\n      const title =\n        store.any(subject, ns.dc('title')) || store.any(subject, ns.vcard('fn'))\n      if (paneOptions.solo && typeof window !== 'undefined' && title) {\n        window.document.title = title.value\n      }\n      options.exists = exists\n      padEle = pad.notepad(dom, padDoc, subject, me, options)\n      naviMain.appendChild(padEle)\n\n      const partipationTarget =\n        store.any(subject, ns.meeting('parentMeeting')) || subject\n      pad.manageParticipation(\n        dom,\n        naviMiddle2,\n        padDoc,\n        partipationTarget as any,\n        me,\n        options\n      )\n      if (!store.updater) {\n        throw new Error('Store has no updater')\n      }\n\n      store.updater.setRefreshHandler(padDoc, padEle.reloadAndSync) // initiated =\n    }\n\n    // Read or create empty data file\n    const loadPadData = function () {\n      if (!fetcher) {\n        throw new Error('Have no fetcher')\n      }\n      fetcher.nowOrWhenFetched(padDoc.uri, undefined, function (\n        ok: boolean,\n        body: string,\n        response: any\n      ) {\n        if (!ok) {\n          if (response.status === 404) {\n            // /  Check explicitly for 404 error\n            console.log('Initializing results file ' + padDoc)\n            if (!updater) {\n              throw new Error('Have no updater')\n            }\n            updater.put(padDoc, [], 'text/turtle', function (\n              _uri2,\n              ok,\n              message\n            ) {\n              if (ok) {\n                clearElement(naviMain)\n                showResults(false)\n              } else {\n                complainIfBad(\n                  ok,\n                  'FAILED to create results file at: ' +\n                    padDoc.uri +\n                    ' : ' +\n                    message\n                )\n                console.log(\n                  'FAILED to craete results file at: ' +\n                    padDoc.uri +\n                    ' : ' +\n                    message\n                )\n              }\n            })\n          } else {\n            // Other error, not 404 -- do not try to overwite the file\n            complainIfBad(ok, 'FAILED to read results file: ' + body)\n          }\n        } else {\n          // Happy read\n          clearElement(naviMain)\n          if (store.holds(subject, ns.rdf('type'), ns.wf('TemplateInstance'))) {\n            showBootstrap(subject, naviMain, 'pad')\n          }\n          showResults(true)\n          naviMiddle3.appendChild(newInstanceButton())\n        }\n      })\n    }\n\n    //  Body of Pane\n    const appPathSegment = 'app-pad.timbl.com' // how to allocate this string and connect to\n\n    const fetcher = store.fetcher\n    const updater = store.updater\n    let me: any\n\n    const PAD = Namespace('http://www.w3.org/ns/pim/pad#')\n\n    const thisInstance = subject\n    const padDoc = subject.doc()\n\n    let padEle\n\n    const div = dom.createElement('div')\n\n    //  Build the DOM\n    const structure = div.appendChild(dom.createElement('div')) // responsive flex layout\n    structure.className = 'pad-layout'\n\n    const naviLoginoutTR = structure.appendChild(dom.createElement('div'))\n    naviLoginoutTR.className = 'pad-row'\n    naviLoginoutTR.appendChild(dom.createElement('div')) // naviLoginout1\n    naviLoginoutTR.appendChild(dom.createElement('div'))\n    naviLoginoutTR.appendChild(dom.createElement('div'))\n\n    const naviTop = structure.appendChild(dom.createElement('div')) // stuff\n    naviTop.className = 'pad-row'\n    const naviMain = naviTop.appendChild(dom.createElement('div'))\n    naviMain.className = 'pad-main'\n\n    const naviMiddle = structure.appendChild(dom.createElement('div')) // controls\n    naviMiddle.className = 'pad-row pad-controls'\n    const naviMiddle1 = naviMiddle.appendChild(dom.createElement('div'))\n    naviMiddle1.className = 'pad-cell'\n    const naviMiddle2 = naviMiddle.appendChild(dom.createElement('div'))\n    naviMiddle2.className = 'pad-cell'\n    const naviMiddle3 = naviMiddle.appendChild(dom.createElement('div'))\n    naviMiddle3.className = 'pad-cell'\n\n    const naviStatus = structure.appendChild(dom.createElement('div')) // status etc\n    naviStatus.className = 'pad-row'\n    const statusArea = naviStatus.appendChild(dom.createElement('div'))\n\n    const naviSpawn = structure.appendChild(dom.createElement('div')) // create new\n    naviSpawn.className = 'pad-row'\n    const spawnArea = naviSpawn.appendChild(dom.createElement('div'))\n\n    const naviMenu = structure.appendChild(dom.createElement('div'))\n    naviMenu.setAttribute('class', 'pad-row naviMenu')\n    naviMenu.appendChild(dom.createElement('div')) // naviLeft\n    naviMenu.appendChild(dom.createElement('div'))\n    naviMenu.appendChild(dom.createElement('div'))\n\n    const options: any = { statusArea, timingArea: naviMiddle1 }\n\n    loadPadData()\n\n    return div\n  }\n}\n// ends\n\nexport default paneDef\n"],"mappings":"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"}

package/dist/playlist/playlistPane.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../_virtual/_rolldown/runtime.cjs.js");let t=require("solid-ui");t=e.__toESM(t);let n=require("rdflib");n=e.__toESM(n);var r=t.ns,i={icon:t.icons.iconBase+`noun_1619.svg`,name:`playlistSlot`,audience:[r.solid(`PowerUser`)],label:function(e,n){let r=n.session.store;return r.anyStatementMatching(e,t.ns.rdf(`type`),r.sym(`http://purl.org/ontology/pbo/core#PlaylistSlot`))?`playlist slot`:null},render:function(e,r){let i=r.dom;function a(e,t){if(!e)return{html5:!0};let n=e.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-_%]+)/i),r=e.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i),i=e.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i),a=e.match(/\/\/(?:www\.)?(?:vk\.com|vkontakte\.ru)\/(?:video_ext\.php\?)(.*)/i);if(n)return{youtube:n};if(r)return{vimeo:r};if(i)return{dailymotion:i};if(a)return{vk:a}}let o=function(e,n){if(!n)return e;let r=i.createElement(`a`);return r.setAttribute(`href`,n),r.appendChild(e),r.addEventListener(`click`,t.widgets.openHrefInOutlineMode,!0),r},s=function(e){return i.createTextNode(e)},c=r.session.store,l=c.any(e,n.sym(`http://purl.org/ontology/pbo/core#playlist_item`)),u=c.any(e,n.sym(`http://purl.org/ontology/olo/core#index`)),d=l.uri,f=a(d),p=i.createElement(`div`),m;f&&f.youtube?(d=d.replace(`watch?v=`,`embed/`),p.setAttribute(`class`,`imageView`),m=i.createElement(`IFRAME`),m.setAttribute(`src`,d),m.setAttribute(`frameborder`,0),m.setAttribute(`style`,`width: 100%; aspect-ratio: 16/9; max-width: 100%; border: 0;`),m.setAttribute(`allowfullscreen`,`true`)):(p.setAttribute(`class`,`imageView`),m=i.createElement(`IMG`),m.setAttribute(`src`,l.value),m.setAttribute(`style`,`max-width: 100%; height: auto;`));let h;if(u){let t=c.statementsMatching(null,n.sym(`http://purl.org/ontology/olo/core#index`)),r=[];for(let e=0;e<t.length;e++)t[e]&&r.push(parseInt(t[e].object.value,10));u=parseInt(u.value,10),h=i.createElement(`div`);let a=r[(r.indexOf(u)-1+r.length)%r.length],l=r[(r.indexOf(u)+1+r.length)%r.length],d=o(s(`<<`),e.uri.split(`#`)[0]+`#`+a);h.appendChild(d);let f=i.createElement(`span`);f.innerHTML=` Playlist slot : `+u+` `,h.appendChild(f);let p=o(s(`>>`),e.uri.split(`#`)[0]+`#`+l);h.appendChild(p)}let g=i.createElement(`TR`);return g.appendChild(m),h&&g.appendChild(h),p.appendChild(g),p}};exports.default=i;
+const e=require("../_virtual/_rolldown/runtime.cjs.js");let t=require("solid-ui");t=e.__toESM(t);let n=require("rdflib");n=e.__toESM(n);var r=t.ns,i={icon:t.icons.iconBase+`noun_1619.svg`,name:`playlistSlot`,audience:[r.solid(`PowerUser`)],label:function(e,n){let r=n.session.store;return r.anyStatementMatching(e,t.ns.rdf(`type`),r.sym(`http://purl.org/ontology/pbo/core#PlaylistSlot`))?`Playlist Slot`:null},render:function(e,r){let i=r.dom;function a(e,t){if(!e)return{html5:!0};let n=e.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-_%]+)/i),r=e.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i),i=e.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i),a=e.match(/\/\/(?:www\.)?(?:vk\.com|vkontakte\.ru)\/(?:video_ext\.php\?)(.*)/i);if(n)return{youtube:n};if(r)return{vimeo:r};if(i)return{dailymotion:i};if(a)return{vk:a}}let o=function(e,n){if(!n)return e;let r=i.createElement(`a`);return r.setAttribute(`href`,n),r.appendChild(e),r.addEventListener(`click`,t.widgets.openHrefInOutlineMode,!0),r},s=function(e){return i.createTextNode(e)},c=r.session.store,l=c.any(e,n.sym(`http://purl.org/ontology/pbo/core#playlist_item`)),u=c.any(e,n.sym(`http://purl.org/ontology/olo/core#index`)),d=l.uri,f=a(d),p=i.createElement(`div`),m;f&&f.youtube?(d=d.replace(`watch?v=`,`embed/`),p.setAttribute(`class`,`imageView`),m=i.createElement(`IFRAME`),m.setAttribute(`src`,d),m.setAttribute(`frameborder`,0),m.setAttribute(`style`,`width: 100%; aspect-ratio: 16/9; max-width: 100%; border: 0;`),m.setAttribute(`allowfullscreen`,`true`)):(p.setAttribute(`class`,`imageView`),m=i.createElement(`IMG`),m.setAttribute(`src`,l.value),m.setAttribute(`style`,`max-width: 100%; height: auto;`));let h;if(u){let t=c.statementsMatching(null,n.sym(`http://purl.org/ontology/olo/core#index`)),r=[];for(let e=0;e<t.length;e++)t[e]&&r.push(parseInt(t[e].object.value,10));u=parseInt(u.value,10),h=i.createElement(`div`);let a=r[(r.indexOf(u)-1+r.length)%r.length],l=r[(r.indexOf(u)+1+r.length)%r.length],d=o(s(`<<`),e.uri.split(`#`)[0]+`#`+a);h.appendChild(d);let f=i.createElement(`span`);f.innerHTML=` Playlist slot : `+u+` `,h.appendChild(f);let p=o(s(`>>`),e.uri.split(`#`)[0]+`#`+l);h.appendChild(p)}let g=i.createElement(`TR`);return g.appendChild(m),h&&g.appendChild(h),p.appendChild(g),p}};exports.default=i;
 //# sourceMappingURL=playlistPane.cjs.js.map

package/dist/playlist/playlistPane.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"playlistPane.cjs.js","names":["UI","$rdf"],"sources":["../../src/playlist/playlistPane.js"],"sourcesContent":["/*   Playlist Pane\n **\n **  This pane allows playlists and playlists slots to be viewed\n **  seeAlso: http://smiy.sourceforge.net/pbo/spec/playbackontology.html\n */\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nconst ns = UI.ns\n\nexport default {\n  icon: UI.icons.iconBase + 'noun_1619.svg',\n\n  name: 'playlistSlot',\n\n  audience: [ns.solid('PowerUser')],\n\n  label: function (subject, context) {\n    const kb = context.session.store\n\n    if (\n      !kb.anyStatementMatching(\n        subject,\n        UI.ns.rdf('type'),\n        kb.sym('http://purl.org/ontology/pbo/core#PlaylistSlot')\n      )\n    ) {\n      return null\n    }\n\n    return 'playlist slot'\n  },\n\n  render: function (subject, context) {\n    const myDocument = context.dom\n    function isVideo (src, _index) {\n      if (!src) {\n        return {\n          html5: true\n        }\n      }\n\n      const youtube = src.match(\n        /\\/\\/(?:www\\.)?youtu(?:\\.be|be\\.com)\\/(?:watch\\?v=|embed\\/)?([a-z0-9\\-_%]+)/i\n      )\n      const vimeo = src.match(/\\/\\/(?:www\\.)?vimeo.com\\/([0-9a-z\\-_]+)/i)\n      const dailymotion = src.match(/\\/\\/(?:www\\.)?dai.ly\\/([0-9a-z\\-_]+)/i)\n      const vk = src.match(\n        /\\/\\/(?:www\\.)?(?:vk\\.com|vkontakte\\.ru)\\/(?:video_ext\\.php\\?)(.*)/i\n      )\n\n      if (youtube) {\n        return {\n          youtube\n        }\n      } else if (vimeo) {\n        return {\n          vimeo\n        }\n      } else if (dailymotion) {\n        return {\n          dailymotion\n        }\n      } else if (vk) {\n        return {\n          vk\n        }\n      }\n    }\n\n    const link = function (contents, uri) {\n      if (!uri) return contents\n      const a = myDocument.createElement('a')\n      a.setAttribute('href', uri)\n      a.appendChild(contents)\n      a.addEventListener('click', UI.widgets.openHrefInOutlineMode, true)\n      return a\n    }\n\n    const text = function (str) {\n      return myDocument.createTextNode(str)\n    }\n\n    const kb = context.session.store\n    const obj = kb.any(\n      subject,\n      $rdf.sym('http://purl.org/ontology/pbo/core#playlist_item')\n    )\n    let index = kb.any(\n      subject,\n      $rdf.sym('http://purl.org/ontology/olo/core#index')\n    )\n\n    let uri = obj.uri\n    const video = isVideo(uri)\n\n    const div = myDocument.createElement('div')\n    let img\n    if (video && video.youtube) {\n      uri = uri.replace('watch?v=', 'embed/')\n      div.setAttribute('class', 'imageView')\n      img = myDocument.createElement('IFRAME')\n      img.setAttribute('src', uri)\n      img.setAttribute('frameborder', 0)\n      img.setAttribute('style', 'width: 100%; aspect-ratio: 16/9; max-width: 100%; border: 0;')\n      img.setAttribute('allowfullscreen', 'true')\n    } else {\n      div.setAttribute('class', 'imageView')\n      img = myDocument.createElement('IMG')\n      img.setAttribute('src', obj.value)\n      img.setAttribute('style', 'max-width: 100%; height: auto;')\n    }\n\n    let descDiv\n    if (index) {\n      const sl = kb.statementsMatching(\n        null,\n        $rdf.sym('http://purl.org/ontology/olo/core#index')\n      )\n      const slots = []\n      for (let i = 0; i < sl.length; i++) {\n        if (sl[i]) {\n          slots.push(parseInt(sl[i].object.value, 10))\n        }\n      }\n\n      index = parseInt(index.value, 10)\n      descDiv = myDocument.createElement('div')\n\n      const pIndex =\n        slots[(slots.indexOf(index) - 1 + slots.length) % slots.length]\n      const nIndex =\n        slots[(slots.indexOf(index) + 1 + slots.length) % slots.length]\n\n      const prev = link(text('<<'), subject.uri.split('#')[0] + '#' + pIndex)\n\n      descDiv.appendChild(prev)\n\n      const indexDiv = myDocument.createElement('span')\n      indexDiv.innerHTML = ' Playlist slot : ' + index + ' '\n\n      descDiv.appendChild(indexDiv)\n\n      const next = link(text('>>'), subject.uri.split('#')[0] + '#' + nIndex)\n      descDiv.appendChild(next)\n    }\n\n    const tr = myDocument.createElement('TR') // why need tr?\n    tr.appendChild(img)\n    if (descDiv) {\n      tr.appendChild(descDiv)\n    }\n    div.appendChild(tr)\n    return div\n  }\n}\n\n// ends\n"],"mappings":"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"}
+{"version":3,"file":"playlistPane.cjs.js","names":["UI","$rdf"],"sources":["../../src/playlist/playlistPane.js"],"sourcesContent":["/*   Playlist Pane\n **\n **  This pane allows playlists and playlists slots to be viewed\n **  seeAlso: http://smiy.sourceforge.net/pbo/spec/playbackontology.html\n */\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nconst ns = UI.ns\n\nexport default {\n  icon: UI.icons.iconBase + 'noun_1619.svg',\n\n  name: 'playlistSlot',\n\n  audience: [ns.solid('PowerUser')],\n\n  label: function (subject, context) {\n    const kb = context.session.store\n\n    if (\n      !kb.anyStatementMatching(\n        subject,\n        UI.ns.rdf('type'),\n        kb.sym('http://purl.org/ontology/pbo/core#PlaylistSlot')\n      )\n    ) {\n      return null\n    }\n\n    return 'Playlist Slot'\n  },\n\n  render: function (subject, context) {\n    const myDocument = context.dom\n    function isVideo (src, _index) {\n      if (!src) {\n        return {\n          html5: true\n        }\n      }\n\n      const youtube = src.match(\n        /\\/\\/(?:www\\.)?youtu(?:\\.be|be\\.com)\\/(?:watch\\?v=|embed\\/)?([a-z0-9\\-_%]+)/i\n      )\n      const vimeo = src.match(/\\/\\/(?:www\\.)?vimeo.com\\/([0-9a-z\\-_]+)/i)\n      const dailymotion = src.match(/\\/\\/(?:www\\.)?dai.ly\\/([0-9a-z\\-_]+)/i)\n      const vk = src.match(\n        /\\/\\/(?:www\\.)?(?:vk\\.com|vkontakte\\.ru)\\/(?:video_ext\\.php\\?)(.*)/i\n      )\n\n      if (youtube) {\n        return {\n          youtube\n        }\n      } else if (vimeo) {\n        return {\n          vimeo\n        }\n      } else if (dailymotion) {\n        return {\n          dailymotion\n        }\n      } else if (vk) {\n        return {\n          vk\n        }\n      }\n    }\n\n    const link = function (contents, uri) {\n      if (!uri) return contents\n      const a = myDocument.createElement('a')\n      a.setAttribute('href', uri)\n      a.appendChild(contents)\n      a.addEventListener('click', UI.widgets.openHrefInOutlineMode, true)\n      return a\n    }\n\n    const text = function (str) {\n      return myDocument.createTextNode(str)\n    }\n\n    const kb = context.session.store\n    const obj = kb.any(\n      subject,\n      $rdf.sym('http://purl.org/ontology/pbo/core#playlist_item')\n    )\n    let index = kb.any(\n      subject,\n      $rdf.sym('http://purl.org/ontology/olo/core#index')\n    )\n\n    let uri = obj.uri\n    const video = isVideo(uri)\n\n    const div = myDocument.createElement('div')\n    let img\n    if (video && video.youtube) {\n      uri = uri.replace('watch?v=', 'embed/')\n      div.setAttribute('class', 'imageView')\n      img = myDocument.createElement('IFRAME')\n      img.setAttribute('src', uri)\n      img.setAttribute('frameborder', 0)\n      img.setAttribute('style', 'width: 100%; aspect-ratio: 16/9; max-width: 100%; border: 0;')\n      img.setAttribute('allowfullscreen', 'true')\n    } else {\n      div.setAttribute('class', 'imageView')\n      img = myDocument.createElement('IMG')\n      img.setAttribute('src', obj.value)\n      img.setAttribute('style', 'max-width: 100%; height: auto;')\n    }\n\n    let descDiv\n    if (index) {\n      const sl = kb.statementsMatching(\n        null,\n        $rdf.sym('http://purl.org/ontology/olo/core#index')\n      )\n      const slots = []\n      for (let i = 0; i < sl.length; i++) {\n        if (sl[i]) {\n          slots.push(parseInt(sl[i].object.value, 10))\n        }\n      }\n\n      index = parseInt(index.value, 10)\n      descDiv = myDocument.createElement('div')\n\n      const pIndex =\n        slots[(slots.indexOf(index) - 1 + slots.length) % slots.length]\n      const nIndex =\n        slots[(slots.indexOf(index) + 1 + slots.length) % slots.length]\n\n      const prev = link(text('<<'), subject.uri.split('#')[0] + '#' + pIndex)\n\n      descDiv.appendChild(prev)\n\n      const indexDiv = myDocument.createElement('span')\n      indexDiv.innerHTML = ' Playlist slot : ' + index + ' '\n\n      descDiv.appendChild(indexDiv)\n\n      const next = link(text('>>'), subject.uri.split('#')[0] + '#' + nIndex)\n      descDiv.appendChild(next)\n    }\n\n    const tr = myDocument.createElement('TR') // why need tr?\n    tr.appendChild(img)\n    if (descDiv) {\n      tr.appendChild(descDiv)\n    }\n    div.appendChild(tr)\n    return div\n  }\n}\n\n// ends\n"],"mappings":"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"}

package/dist/playlist/playlistPane.esm.js

@@ -7,7 +7,7 @@ var n = e.ns, r = {
 	audience: [n.solid("PowerUser")],
 	label: function(t, n) {
 		let r = n.session.store;
-		return r.anyStatementMatching(t, e.ns.rdf("type"), r.sym("http://purl.org/ontology/pbo/core#PlaylistSlot")) ? "playlist slot" : null;
+		return r.anyStatementMatching(t, e.ns.rdf("type"), r.sym("http://purl.org/ontology/pbo/core#PlaylistSlot")) ? "Playlist Slot" : null;
 	},
 	render: function(n, r) {
 		let i = r.dom;

package/dist/playlist/playlistPane.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"playlistPane.esm.js","names":["ns"],"sources":["../../src/playlist/playlistPane.js"],"sourcesContent":["/*   Playlist Pane\n **\n **  This pane allows playlists and playlists slots to be viewed\n **  seeAlso: http://smiy.sourceforge.net/pbo/spec/playbackontology.html\n */\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nconst ns = UI.ns\n\nexport default {\n  icon: UI.icons.iconBase + 'noun_1619.svg',\n\n  name: 'playlistSlot',\n\n  audience: [ns.solid('PowerUser')],\n\n  label: function (subject, context) {\n    const kb = context.session.store\n\n    if (\n      !kb.anyStatementMatching(\n        subject,\n        UI.ns.rdf('type'),\n        kb.sym('http://purl.org/ontology/pbo/core#PlaylistSlot')\n      )\n    ) {\n      return null\n    }\n\n    return 'playlist slot'\n  },\n\n  render: function (subject, context) {\n    const myDocument = context.dom\n    function isVideo (src, _index) {\n      if (!src) {\n        return {\n          html5: true\n        }\n      }\n\n      const youtube = src.match(\n        /\\/\\/(?:www\\.)?youtu(?:\\.be|be\\.com)\\/(?:watch\\?v=|embed\\/)?([a-z0-9\\-_%]+)/i\n      )\n      const vimeo = src.match(/\\/\\/(?:www\\.)?vimeo.com\\/([0-9a-z\\-_]+)/i)\n      const dailymotion = src.match(/\\/\\/(?:www\\.)?dai.ly\\/([0-9a-z\\-_]+)/i)\n      const vk = src.match(\n        /\\/\\/(?:www\\.)?(?:vk\\.com|vkontakte\\.ru)\\/(?:video_ext\\.php\\?)(.*)/i\n      )\n\n      if (youtube) {\n        return {\n          youtube\n        }\n      } else if (vimeo) {\n        return {\n          vimeo\n        }\n      } else if (dailymotion) {\n        return {\n          dailymotion\n        }\n      } else if (vk) {\n        return {\n          vk\n        }\n      }\n    }\n\n    const link = function (contents, uri) {\n      if (!uri) return contents\n      const a = myDocument.createElement('a')\n      a.setAttribute('href', uri)\n      a.appendChild(contents)\n      a.addEventListener('click', UI.widgets.openHrefInOutlineMode, true)\n      return a\n    }\n\n    const text = function (str) {\n      return myDocument.createTextNode(str)\n    }\n\n    const kb = context.session.store\n    const obj = kb.any(\n      subject,\n      $rdf.sym('http://purl.org/ontology/pbo/core#playlist_item')\n    )\n    let index = kb.any(\n      subject,\n      $rdf.sym('http://purl.org/ontology/olo/core#index')\n    )\n\n    let uri = obj.uri\n    const video = isVideo(uri)\n\n    const div = myDocument.createElement('div')\n    let img\n    if (video && video.youtube) {\n      uri = uri.replace('watch?v=', 'embed/')\n      div.setAttribute('class', 'imageView')\n      img = myDocument.createElement('IFRAME')\n      img.setAttribute('src', uri)\n      img.setAttribute('frameborder', 0)\n      img.setAttribute('style', 'width: 100%; aspect-ratio: 16/9; max-width: 100%; border: 0;')\n      img.setAttribute('allowfullscreen', 'true')\n    } else {\n      div.setAttribute('class', 'imageView')\n      img = myDocument.createElement('IMG')\n      img.setAttribute('src', obj.value)\n      img.setAttribute('style', 'max-width: 100%; height: auto;')\n    }\n\n    let descDiv\n    if (index) {\n      const sl = kb.statementsMatching(\n        null,\n        $rdf.sym('http://purl.org/ontology/olo/core#index')\n      )\n      const slots = []\n      for (let i = 0; i < sl.length; i++) {\n        if (sl[i]) {\n          slots.push(parseInt(sl[i].object.value, 10))\n        }\n      }\n\n      index = parseInt(index.value, 10)\n      descDiv = myDocument.createElement('div')\n\n      const pIndex =\n        slots[(slots.indexOf(index) - 1 + slots.length) % slots.length]\n      const nIndex =\n        slots[(slots.indexOf(index) + 1 + slots.length) % slots.length]\n\n      const prev = link(text('<<'), subject.uri.split('#')[0] + '#' + pIndex)\n\n      descDiv.appendChild(prev)\n\n      const indexDiv = myDocument.createElement('span')\n      indexDiv.innerHTML = ' Playlist slot : ' + index + ' '\n\n      descDiv.appendChild(indexDiv)\n\n      const next = link(text('>>'), subject.uri.split('#')[0] + '#' + nIndex)\n      descDiv.appendChild(next)\n    }\n\n    const tr = myDocument.createElement('TR') // why need tr?\n    tr.appendChild(img)\n    if (descDiv) {\n      tr.appendChild(descDiv)\n    }\n    div.appendChild(tr)\n    return div\n  }\n}\n\n// ends\n"],"mappings":"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"}
+{"version":3,"file":"playlistPane.esm.js","names":["ns"],"sources":["../../src/playlist/playlistPane.js"],"sourcesContent":["/*   Playlist Pane\n **\n **  This pane allows playlists and playlists slots to be viewed\n **  seeAlso: http://smiy.sourceforge.net/pbo/spec/playbackontology.html\n */\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nconst ns = UI.ns\n\nexport default {\n  icon: UI.icons.iconBase + 'noun_1619.svg',\n\n  name: 'playlistSlot',\n\n  audience: [ns.solid('PowerUser')],\n\n  label: function (subject, context) {\n    const kb = context.session.store\n\n    if (\n      !kb.anyStatementMatching(\n        subject,\n        UI.ns.rdf('type'),\n        kb.sym('http://purl.org/ontology/pbo/core#PlaylistSlot')\n      )\n    ) {\n      return null\n    }\n\n    return 'Playlist Slot'\n  },\n\n  render: function (subject, context) {\n    const myDocument = context.dom\n    function isVideo (src, _index) {\n      if (!src) {\n        return {\n          html5: true\n        }\n      }\n\n      const youtube = src.match(\n        /\\/\\/(?:www\\.)?youtu(?:\\.be|be\\.com)\\/(?:watch\\?v=|embed\\/)?([a-z0-9\\-_%]+)/i\n      )\n      const vimeo = src.match(/\\/\\/(?:www\\.)?vimeo.com\\/([0-9a-z\\-_]+)/i)\n      const dailymotion = src.match(/\\/\\/(?:www\\.)?dai.ly\\/([0-9a-z\\-_]+)/i)\n      const vk = src.match(\n        /\\/\\/(?:www\\.)?(?:vk\\.com|vkontakte\\.ru)\\/(?:video_ext\\.php\\?)(.*)/i\n      )\n\n      if (youtube) {\n        return {\n          youtube\n        }\n      } else if (vimeo) {\n        return {\n          vimeo\n        }\n      } else if (dailymotion) {\n        return {\n          dailymotion\n        }\n      } else if (vk) {\n        return {\n          vk\n        }\n      }\n    }\n\n    const link = function (contents, uri) {\n      if (!uri) return contents\n      const a = myDocument.createElement('a')\n      a.setAttribute('href', uri)\n      a.appendChild(contents)\n      a.addEventListener('click', UI.widgets.openHrefInOutlineMode, true)\n      return a\n    }\n\n    const text = function (str) {\n      return myDocument.createTextNode(str)\n    }\n\n    const kb = context.session.store\n    const obj = kb.any(\n      subject,\n      $rdf.sym('http://purl.org/ontology/pbo/core#playlist_item')\n    )\n    let index = kb.any(\n      subject,\n      $rdf.sym('http://purl.org/ontology/olo/core#index')\n    )\n\n    let uri = obj.uri\n    const video = isVideo(uri)\n\n    const div = myDocument.createElement('div')\n    let img\n    if (video && video.youtube) {\n      uri = uri.replace('watch?v=', 'embed/')\n      div.setAttribute('class', 'imageView')\n      img = myDocument.createElement('IFRAME')\n      img.setAttribute('src', uri)\n      img.setAttribute('frameborder', 0)\n      img.setAttribute('style', 'width: 100%; aspect-ratio: 16/9; max-width: 100%; border: 0;')\n      img.setAttribute('allowfullscreen', 'true')\n    } else {\n      div.setAttribute('class', 'imageView')\n      img = myDocument.createElement('IMG')\n      img.setAttribute('src', obj.value)\n      img.setAttribute('style', 'max-width: 100%; height: auto;')\n    }\n\n    let descDiv\n    if (index) {\n      const sl = kb.statementsMatching(\n        null,\n        $rdf.sym('http://purl.org/ontology/olo/core#index')\n      )\n      const slots = []\n      for (let i = 0; i < sl.length; i++) {\n        if (sl[i]) {\n          slots.push(parseInt(sl[i].object.value, 10))\n        }\n      }\n\n      index = parseInt(index.value, 10)\n      descDiv = myDocument.createElement('div')\n\n      const pIndex =\n        slots[(slots.indexOf(index) - 1 + slots.length) % slots.length]\n      const nIndex =\n        slots[(slots.indexOf(index) + 1 + slots.length) % slots.length]\n\n      const prev = link(text('<<'), subject.uri.split('#')[0] + '#' + pIndex)\n\n      descDiv.appendChild(prev)\n\n      const indexDiv = myDocument.createElement('span')\n      indexDiv.innerHTML = ' Playlist slot : ' + index + ' '\n\n      descDiv.appendChild(indexDiv)\n\n      const next = link(text('>>'), subject.uri.split('#')[0] + '#' + nIndex)\n      descDiv.appendChild(next)\n    }\n\n    const tr = myDocument.createElement('TR') // why need tr?\n    tr.appendChild(img)\n    if (descDiv) {\n      tr.appendChild(descDiv)\n    }\n    div.appendChild(tr)\n    return div\n  }\n}\n\n// ends\n"],"mappings":"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"}

package/dist/sharing/sharingPane.cjs.js

@@ -1,2 +1,2 @@
-let e=require("solid-ui");var t={icon:e.icons.iconBase+`padlock-timbl.svg`,name:`sharing`,label:(t,n)=>{let r=n.session.store.findTypeURIs(t);return r[e.ns.ldp(`Resource`).uri]||r[e.ns.ldp(`Container`).uri]||r[e.ns.ldp(`BasicContainer`).uri]?`Sharing`:null},render:(t,n)=>{let r=n.dom,i=n.session.store,a=s(),o=r.createElement(`div`);return o.classList.add(`sharingPane`),e.aclControl.preventBrowserDropEvents(r),o.appendChild(e.aclControl.ACLControlBox5(t,n,a,i)),o;function s(){let n=i.findTypeURIs(t);return n[e.ns.ldp(`BasicContainer`).uri]||n[e.ns.ldp(`Container`).uri]?`folder`:`file`}}};exports.default=t;
+let e=require("solid-ui");var t={icon:e.icons.iconBase+`padlock-timbl.svg`,name:`sharing`,label:(t,n)=>{let r=n.session.store.findTypeURIs(t);return r[e.ns.ldp(`Resource`).uri]||r[e.ns.ldp(`Container`).uri]||r[e.ns.ldp(`BasicContainer`).uri]?`Sharing`:null},render:(t,n)=>{let r=n.dom,i=n.session.store,a=s(),o=r.createElement(`div`);return o.classList.add(`sharingPane`),e.aclControl.preventBrowserDropEvents(r),o.appendChild(e.aclControl.ACLControlBox5(t,n,a,i)),o;function s(){let n=i.findTypeURIs(t);return n[e.ns.ldp(`BasicContainer`).uri]||n[e.ns.ldp(`Container`).uri]?`Folder`:`File`}}};exports.default=t;
 //# sourceMappingURL=sharingPane.cjs.js.map

package/dist/sharing/sharingPane.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"sharingPane.cjs.js","names":[],"sources":["../../src/sharing/sharingPane.ts"],"sourcesContent":["/*   Sharing Pane\n **\n ** This outline pane allows a user to view and adjust the sharing -- access control lists\n ** for anything which has that capability.\n **\n ** I am using in places single quotes strings like 'this'\n ** where internationalization (\"i18n\") is not a problem, and double quoted\n ** like \"this\" where the string is seen by the user and so I18n is an issue.\n */\n\nimport { aclControl, icons, ns } from 'solid-ui'\n\nconst sharingPane = {\n  icon: icons.iconBase + 'padlock-timbl.svg',\n\n  name: 'sharing',\n\n  label: (subject, context) => {\n    const store = context.session.store\n    const t = store.findTypeURIs(subject)\n    if (t[ns.ldp('Resource').uri]) return 'Sharing' // @@ be more sophisticated?\n    if (t[ns.ldp('Container').uri]) return 'Sharing' // @@ be more sophisticated?\n    if (t[ns.ldp('BasicContainer').uri]) return 'Sharing' // @@ be more sophisticated?\n    // check being allowed to see/change sharing?\n    return null // No under other circumstances\n  },\n\n  render: (subject, context) => {\n    const dom = context.dom\n    const store = context.session.store\n    const noun = getNoun()\n\n    const div = dom.createElement('div')\n    div.classList.add('sharingPane')\n    aclControl.preventBrowserDropEvents(dom)\n    div.appendChild(aclControl.ACLControlBox5(subject, context, noun, store))\n    return div\n\n    function getNoun () {\n      const t = store.findTypeURIs(subject)\n      if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {\n        return 'folder'\n      }\n      return 'file'\n    }\n  }\n}\n\nexport default sharingPane\n"],"mappings":"0BAYA,IAAM,EAAc,CAClB,KAAM,EAAA,MAAM,SAAW,oBAEvB,KAAM,UAEN,OAAQ,EAAS,IAAY,CAE3B,IAAM,EADQ,EAAQ,QAAQ,MACd,aAAa,CAAO,EAKpC,OAJI,EAAE,EAAA,GAAG,IAAI,UAAU,CAAC,CAAC,MACrB,EAAE,EAAA,GAAG,IAAI,WAAW,CAAC,CAAC,MACtB,EAAE,EAAA,GAAG,IAAI,gBAAgB,CAAC,CAAC,KAAa,UAErC,IACT,EAEA,QAAS,EAAS,IAAY,CAC5B,IAAM,EAAM,EAAQ,IACd,EAAQ,EAAQ,QAAQ,MACxB,EAAO,EAAQ,EAEf,EAAM,EAAI,cAAc,KAAK,EAInC,OAHA,EAAI,UAAU,IAAI,aAAa,EAC/B,EAAA,WAAW,yBAAyB,CAAG,EACvC,EAAI,YAAY,EAAA,WAAW,eAAe,EAAS,EAAS,EAAM,CAAK,CAAC,EACjE,EAEP,SAAS,GAAW,CAClB,IAAM,EAAI,EAAM,aAAa,CAAO,EAIpC,OAHI,EAAE,EAAA,GAAG,IAAI,gBAAgB,CAAC,CAAC,MAAQ,EAAE,EAAA,GAAG,IAAI,WAAW,CAAC,CAAC,KACpD,SAEF,MACT,CACF,CACF"}
+{"version":3,"file":"sharingPane.cjs.js","names":[],"sources":["../../src/sharing/sharingPane.ts"],"sourcesContent":["/*   Sharing Pane\n **\n ** This outline pane allows a user to view and adjust the sharing -- access control lists\n ** for anything which has that capability.\n **\n ** I am using in places single quotes strings like 'this'\n ** where internationalization (\"i18n\") is not a problem, and double quoted\n ** like \"this\" where the string is seen by the user and so I18n is an issue.\n */\n\nimport { aclControl, icons, ns } from 'solid-ui'\n\nconst sharingPane = {\n  icon: icons.iconBase + 'padlock-timbl.svg',\n\n  name: 'sharing',\n\n  label: (subject, context) => {\n    const store = context.session.store\n    const t = store.findTypeURIs(subject)\n    if (t[ns.ldp('Resource').uri]) return 'Sharing' // @@ be more sophisticated?\n    if (t[ns.ldp('Container').uri]) return 'Sharing' // @@ be more sophisticated?\n    if (t[ns.ldp('BasicContainer').uri]) return 'Sharing' // @@ be more sophisticated?\n    // check being allowed to see/change sharing?\n    return null // No under other circumstances\n  },\n\n  render: (subject, context) => {\n    const dom = context.dom\n    const store = context.session.store\n    const noun = getNoun()\n\n    const div = dom.createElement('div')\n    div.classList.add('sharingPane')\n    aclControl.preventBrowserDropEvents(dom)\n    div.appendChild(aclControl.ACLControlBox5(subject, context, noun, store))\n    return div\n\n    function getNoun () {\n      const t = store.findTypeURIs(subject)\n      if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {\n        return 'Folder'\n      }\n      return 'File'\n    }\n  }\n}\n\nexport default sharingPane\n"],"mappings":"0BAYA,IAAM,EAAc,CAClB,KAAM,EAAA,MAAM,SAAW,oBAEvB,KAAM,UAEN,OAAQ,EAAS,IAAY,CAE3B,IAAM,EADQ,EAAQ,QAAQ,MACd,aAAa,CAAO,EAKpC,OAJI,EAAE,EAAA,GAAG,IAAI,UAAU,CAAC,CAAC,MACrB,EAAE,EAAA,GAAG,IAAI,WAAW,CAAC,CAAC,MACtB,EAAE,EAAA,GAAG,IAAI,gBAAgB,CAAC,CAAC,KAAa,UAErC,IACT,EAEA,QAAS,EAAS,IAAY,CAC5B,IAAM,EAAM,EAAQ,IACd,EAAQ,EAAQ,QAAQ,MACxB,EAAO,EAAQ,EAEf,EAAM,EAAI,cAAc,KAAK,EAInC,OAHA,EAAI,UAAU,IAAI,aAAa,EAC/B,EAAA,WAAW,yBAAyB,CAAG,EACvC,EAAI,YAAY,EAAA,WAAW,eAAe,EAAS,EAAS,EAAM,CAAK,CAAC,EACjE,EAEP,SAAS,GAAW,CAClB,IAAM,EAAI,EAAM,aAAa,CAAO,EAIpC,OAHI,EAAE,EAAA,GAAG,IAAI,gBAAgB,CAAC,CAAC,MAAQ,EAAE,EAAA,GAAG,IAAI,WAAW,CAAC,CAAC,KACpD,SAEF,MACT,CACF,CACF"}

package/dist/sharing/sharingPane.esm.js

@@ -12,7 +12,7 @@ var r = {
 		return s.classList.add("sharingPane"), e.preventBrowserDropEvents(i), s.appendChild(e.ACLControlBox5(t, r, o, a)), s;
 		function c() {
 			let e = a.findTypeURIs(t);
-			return e[n.ldp("BasicContainer").uri] || e[n.ldp("Container").uri] ? "folder" : "file";
+			return e[n.ldp("BasicContainer").uri] || e[n.ldp("Container").uri] ? "Folder" : "File";
 		}
 	}
 };

package/dist/sharing/sharingPane.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"sharingPane.esm.js","names":[],"sources":["../../src/sharing/sharingPane.ts"],"sourcesContent":["/*   Sharing Pane\n **\n ** This outline pane allows a user to view and adjust the sharing -- access control lists\n ** for anything which has that capability.\n **\n ** I am using in places single quotes strings like 'this'\n ** where internationalization (\"i18n\") is not a problem, and double quoted\n ** like \"this\" where the string is seen by the user and so I18n is an issue.\n */\n\nimport { aclControl, icons, ns } from 'solid-ui'\n\nconst sharingPane = {\n  icon: icons.iconBase + 'padlock-timbl.svg',\n\n  name: 'sharing',\n\n  label: (subject, context) => {\n    const store = context.session.store\n    const t = store.findTypeURIs(subject)\n    if (t[ns.ldp('Resource').uri]) return 'Sharing' // @@ be more sophisticated?\n    if (t[ns.ldp('Container').uri]) return 'Sharing' // @@ be more sophisticated?\n    if (t[ns.ldp('BasicContainer').uri]) return 'Sharing' // @@ be more sophisticated?\n    // check being allowed to see/change sharing?\n    return null // No under other circumstances\n  },\n\n  render: (subject, context) => {\n    const dom = context.dom\n    const store = context.session.store\n    const noun = getNoun()\n\n    const div = dom.createElement('div')\n    div.classList.add('sharingPane')\n    aclControl.preventBrowserDropEvents(dom)\n    div.appendChild(aclControl.ACLControlBox5(subject, context, noun, store))\n    return div\n\n    function getNoun () {\n      const t = store.findTypeURIs(subject)\n      if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {\n        return 'folder'\n      }\n      return 'file'\n    }\n  }\n}\n\nexport default sharingPane\n"],"mappings":";;AAYA,IAAM,IAAc;CAClB,MAAM,EAAM,WAAW;CAEvB,MAAM;CAEN,QAAQ,GAAS,MAAY;EAE3B,IAAM,IADQ,EAAQ,QAAQ,MACd,aAAa,CAAO;EAKpC,OAJI,EAAE,EAAG,IAAI,UAAU,CAAC,CAAC,QACrB,EAAE,EAAG,IAAI,WAAW,CAAC,CAAC,QACtB,EAAE,EAAG,IAAI,gBAAgB,CAAC,CAAC,OAAa,YAErC;CACT;CAEA,SAAS,GAAS,MAAY;EAC5B,IAAM,IAAM,EAAQ,KACd,IAAQ,EAAQ,QAAQ,OACxB,IAAO,EAAQ,GAEf,IAAM,EAAI,cAAc,KAAK;EAInC,OAHA,EAAI,UAAU,IAAI,aAAa,GAC/B,EAAW,yBAAyB,CAAG,GACvC,EAAI,YAAY,EAAW,eAAe,GAAS,GAAS,GAAM,CAAK,CAAC,GACjE;EAEP,SAAS,IAAW;GAClB,IAAM,IAAI,EAAM,aAAa,CAAO;GAIpC,OAHI,EAAE,EAAG,IAAI,gBAAgB,CAAC,CAAC,QAAQ,EAAE,EAAG,IAAI,WAAW,CAAC,CAAC,OACpD,WAEF;EACT;CACF;AACF"}
+{"version":3,"file":"sharingPane.esm.js","names":[],"sources":["../../src/sharing/sharingPane.ts"],"sourcesContent":["/*   Sharing Pane\n **\n ** This outline pane allows a user to view and adjust the sharing -- access control lists\n ** for anything which has that capability.\n **\n ** I am using in places single quotes strings like 'this'\n ** where internationalization (\"i18n\") is not a problem, and double quoted\n ** like \"this\" where the string is seen by the user and so I18n is an issue.\n */\n\nimport { aclControl, icons, ns } from 'solid-ui'\n\nconst sharingPane = {\n  icon: icons.iconBase + 'padlock-timbl.svg',\n\n  name: 'sharing',\n\n  label: (subject, context) => {\n    const store = context.session.store\n    const t = store.findTypeURIs(subject)\n    if (t[ns.ldp('Resource').uri]) return 'Sharing' // @@ be more sophisticated?\n    if (t[ns.ldp('Container').uri]) return 'Sharing' // @@ be more sophisticated?\n    if (t[ns.ldp('BasicContainer').uri]) return 'Sharing' // @@ be more sophisticated?\n    // check being allowed to see/change sharing?\n    return null // No under other circumstances\n  },\n\n  render: (subject, context) => {\n    const dom = context.dom\n    const store = context.session.store\n    const noun = getNoun()\n\n    const div = dom.createElement('div')\n    div.classList.add('sharingPane')\n    aclControl.preventBrowserDropEvents(dom)\n    div.appendChild(aclControl.ACLControlBox5(subject, context, noun, store))\n    return div\n\n    function getNoun () {\n      const t = store.findTypeURIs(subject)\n      if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {\n        return 'Folder'\n      }\n      return 'File'\n    }\n  }\n}\n\nexport default sharingPane\n"],"mappings":";;AAYA,IAAM,IAAc;CAClB,MAAM,EAAM,WAAW;CAEvB,MAAM;CAEN,QAAQ,GAAS,MAAY;EAE3B,IAAM,IADQ,EAAQ,QAAQ,MACd,aAAa,CAAO;EAKpC,OAJI,EAAE,EAAG,IAAI,UAAU,CAAC,CAAC,QACrB,EAAE,EAAG,IAAI,WAAW,CAAC,CAAC,QACtB,EAAE,EAAG,IAAI,gBAAgB,CAAC,CAAC,OAAa,YAErC;CACT;CAEA,SAAS,GAAS,MAAY;EAC5B,IAAM,IAAM,EAAQ,KACd,IAAQ,EAAQ,QAAQ,OACxB,IAAO,EAAQ,GAEf,IAAM,EAAI,cAAc,KAAK;EAInC,OAHA,EAAI,UAAU,IAAI,aAAa,GAC/B,EAAW,yBAAyB,CAAG,GACvC,EAAI,YAAY,EAAW,eAAe,GAAS,GAAS,GAAM,CAAK,CAAC,GACjE;EAEP,SAAS,IAAW;GAClB,IAAM,IAAI,EAAM,aAAa,CAAO;GAIpC,OAHI,EAAE,EAAG,IAAI,gBAAgB,CAAC,CAAC,QAAQ,EAAE,EAAG,IAAI,WAAW,CAAC,CAAC,OACpD,WAEF;EACT;CACF;AACF"}