solid-panes 3.5.13 → 3.5.14-alpha

package/lib/pad/padPane.js

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