solid-panes 4.4.2-7 → 4.5.0

package/dist/transaction/period.js

@@ -0,0 +1,323 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var UI = _interopRequireWildcard(require("solid-ui"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/*   Financial Period Pane
+ **
+ **  This outline pane allows a user to interact with a period
+ **  downloaded from a bank statement, annotting it with classes and comments,
+ ** trips, etc
+ */
+
+const ns = UI.ns;
+var _default = exports.default = {
+  icon: UI.icons.iconBase + 'noun_142708.svg',
+  name: 'period',
+  audience: [ns.solid('PowerUser')],
+  // Does the subject deserve this pane?
+  label: function (subject, context) {
+    const kb = context.session.store;
+    const t = kb.findTypeURIs(subject);
+    if (t['http://www.w3.org/2000/10/swap/pim/qif#Period']) return 'period';
+    return null; // No under other circumstances (while testing at least!)
+  },
+  render: function (subject, context) {
+    const dom = context.dom;
+    const kb = context.session.store;
+    const ns = UI.ns;
+    const div = dom.createElement('div');
+    div.setAttribute('class', 'periodPane');
+    const mention = function mention(message, style) {
+      if (!style) style = 'color: grey;';
+      const pre = dom.createElement('pre');
+      pre.setAttribute('style', style);
+      div.appendChild(pre);
+      pre.appendChild(dom.createTextNode(message));
+    };
+    const happy = function happy(message) {
+      return mention('✓ ' + message, 'color: #010; background-color: #efe');
+    };
+    const complain = function complain(message) {
+      return mention(message, 'color: #100; background-color: #fee');
+    };
+    /*
+    var rerender = function (div) {
+      var parent = div.parentNode
+      var div2 = thisPane.render(subject, dom)
+      parent.replaceChild(div2, div)
+    }
+    */
+    const renderPeriod = function () {
+      const dtstart = kb.any(subject, ns.cal('dtstart'));
+      if (dtstart === undefined) {
+        complain('(Error: There is no start date known for this period <' + subject.uri + '>,\n -- every period needs one.)');
+      }
+      const dtend = kb.any(subject, ns.cal('dtend'));
+      if (dtend === undefined) {
+        complain('(Error: There is no end date known for this period <' + subject.uri + '>,\n -- every period needs one.)');
+      }
+
+      // var store = kb.any(subject, UI.ns.qu('annotationStore')) || null
+
+      const predicateURIsDone = {};
+      const donePredicate = function (pred) {
+        predicateURIsDone[pred.uri] = true;
+      };
+      donePredicate(ns.rdf('type'));
+      const inPeriod = function (date) {
+        return !!(date && date >= dtstart && date < dtend);
+      };
+      const d2 = function (n) {
+        const s = '' + n;
+        if (s.indexOf('.') >= 0) {
+          return s.split('.')[0] + '.' + (s.split('.')[1] + '00').slice(0, 2);
+        }
+        return s + '.00';
+      };
+      const transactionInPeriod = function (x) {
+        return inPeriod(kb.any(x, ns.qu('date')));
+      };
+      const oderByDate = function (x, y) {
+        const dx = kb.any(x, ns.qu('date'));
+        const dy = kb.any(y, ns.qu('date'));
+        if (dx !== undefined && dy !== undefined) {
+          if (dx.value < dy.value) return -1;
+          if (dx.value > dy.value) return 1;
+        }
+        if (x.uri < y.uri) return -1; // Arbitrary but repeatable
+        if (x.uri > y.uri) return 1;
+        return 0;
+      };
+      /*
+      var setPaneStyle = function (account) {
+        var mystyle = 'padding: 0.5em 1.5em 1em 1.5em; '
+        if (account) {
+          var backgroundColor = kb.any(account, UI.ns.ui('backgroundColor'))
+          if (backgroundColor) {
+            mystyle += 'background-color: ' + backgroundColor.value + '; '
+          }
+        }
+        div.setAttribute('style', mystyle)
+      }
+      // setPaneStyle();
+      */
+      const h2 = div.appendChild(dom.createElement('h2'));
+      h2.textContent = 'Period ' + dtstart.value.slice(0, 10) + ' - ' + dtend.value.slice(0, 10);
+      const insertedPane = function (context, subject, paneName) {
+        const p = context.session.paneRegistry.byName(paneName);
+        const d = p.render(subject, context);
+        d.setAttribute('style', 'border: 0.1em solid green;');
+        return d;
+      };
+      const expandAfterRow = function (dom, row, subject, paneName, solo) {
+        const siblings = row.parentNode.children;
+        if (solo) {
+          for (let j = siblings.length - 1; j >= 0; j--) {
+            if (siblings[j].expanded) {
+              siblings[j].parentNode.removeChild(siblings[j].expanded);
+              siblings[j].expanded = false;
+            }
+          }
+        }
+        const tr = dom.createElement('tr');
+        const td = tr.appendChild(dom.createElement('td'));
+        td.setAttribute('style', 'width: 98%; padding: 1em; border: 0.1em solid grey;');
+        const cols = row.children.length;
+        if (row.nextSibling) {
+          row.parentNode.insertBefore(tr, row.nextSibling);
+        } else {
+          row.parentNode.appendChild(tr);
+        }
+        row.expanded = tr;
+        td.setAttribute('colspan', '' + cols);
+        td.appendChild(insertedPane(context, subject, paneName));
+      };
+      const expandAfterRowOrCollapse = function (dom, row, subject, paneName, solo) {
+        if (row.expanded) {
+          row.parentNode.removeChild(row.expanded);
+          row.expanded = false;
+        } else {
+          expandAfterRow(dom, row, subject, paneName, solo);
+        }
+      };
+      const transactionTable = function (dom, list) {
+        const table = dom.createElement('table');
+        table.setAttribute('style', 'margin-left: 100; font-size: 9pt; width: 85%;');
+        const transactionRow = function (dom, x) {
+          const tr = dom.createElement('tr');
+          const setTRStyle = function (tr, account) {
+            // var mystyle = "padding: 0.5em 1.5em 1em 1.5em; ";
+            let mystyle = 'margin-left: 8em; padding-left: 5em;';
+            if (account) {
+              const backgroundColor = kb.any(account, UI.ns.ui('backgroundColor'));
+              if (backgroundColor) {
+                mystyle += 'background-color: ' + backgroundColor.value + '; ';
+              }
+            }
+            tr.setAttribute('style', mystyle);
+          };
+          const account = kb.any(x, ns.qu('toAccount'));
+          setTRStyle(tr, account);
+          const c0 = tr.appendChild(dom.createElement('td'));
+          const date = kb.any(x, ns.qu('date'));
+          c0.textContent = date ? date.value.slice(0, 10) : '???';
+          c0.setAttribute('style', 'width: 7em;');
+          const c1 = tr.appendChild(dom.createElement('td'));
+          c1.setAttribute('style', 'width: 36em;');
+          const payee = kb.any(x, ns.qu('payee'));
+          c1.textContent = payee ? payee.value : '???';
+          const a1 = c1.appendChild(dom.createElement('a'));
+          a1.textContent = ' ➜';
+          a1.setAttribute('href', x.uri);
+          const c3 = tr.appendChild(dom.createElement('td'));
+          const amount = kb.any(x, ns.qu('in_USD'));
+          c3.textContent = amount ? d2(amount.value) : '???';
+          c3.setAttribute('style', 'width: 6em; text-align: right; '); // @@ decimal alignment?
+          tr.addEventListener('click', function (e) {
+            // solo unless shift key
+            expandAfterRowOrCollapse(dom, tr, x, 'transaction', !e.shiftKey);
+          }, false);
+          return tr;
+        };
+        const list2 = list.filter(transactionInPeriod);
+        list2.sort(oderByDate);
+        for (let i = 0; i < list2.length; i++) {
+          table.appendChild(transactionRow(dom, list2[i]));
+        }
+        return table;
+      };
+
+      // List unclassified transactions
+
+      const dummies = {
+        'http://www.w3.org/2000/10/swap/pim/qif#Transaction': true,
+        // (we knew)
+        'http://www.w3.org/2000/10/swap/pim/qif#Unclassified': true,
+        // pseudo classifications we may phase out
+        'http://www.w3.org/2000/10/swap/pim/qif#UnclassifiedOutgoing': true,
+        'http://www.w3.org/2000/10/swap/pim/qif#UnclassifiedIncome': true
+      };
+      const xURIs = kb.findMemberURIs(ns.qu('Transaction'));
+      const unclassifiedIn = [];
+      const unclassifiedOut = [];
+      let usd, z;
+      for (const y in xURIs) {
+        // For each thing which can be inferred to be a transaction
+        // @@ TODO: Write away the need for exception on next line
+
+        if (Object.prototype.hasOwnProperty.call(xURIs, y)) {
+          z = kb.sym(y);
+          const tt = kb.each(z, ns.rdf('type')); // What EXPLICIT definitions
+          let classified = false;
+          for (let j = 0; j < tt.length; j++) {
+            const t = tt[j];
+            if (dummies[t.uri] === undefined) {
+              classified = true;
+            }
+          }
+          if (!classified) {
+            usd = kb.any(z, ns.qu('in_USD'));
+            if (usd === undefined) {
+              usd = kb.any(z, ns.qu('amount'));
+            }
+            if (usd && ('' + usd.value).indexOf('-') >= 0) {
+              unclassifiedOut.push(kb.sym(y));
+            } else {
+              unclassifiedIn.push(kb.sym(y));
+            }
+          }
+        }
+      }
+      let tab, count;
+      if (unclassifiedIn.length) {
+        tab = transactionTable(dom, unclassifiedIn);
+        count = tab.children.length;
+        div.appendChild(dom.createElement('h3')).textContent = 'Unclassified Income' + (count < 4 ? '' : ' (' + count + ')');
+        div.appendChild(tab);
+      } else {
+        happy('No unclassified income');
+      }
+      if (unclassifiedOut.length) {
+        tab = transactionTable(dom, unclassifiedOut);
+        count = tab.children.length;
+        div.appendChild(dom.createElement('h3')).textContent = 'Unclassified Outgoings' + (count < 4 ? '' : ' (' + count + ')');
+        div.appendChild(tab);
+      } else {
+        happy('No unclassified outgoings ');
+      }
+
+      // ///////////////  Check some categories of transaction for having given fields
+
+      const catSymbol = function (catTail) {
+        const cats = kb.findSubClassesNT(ns.qu('Transaction'));
+        for (const cat in cats) {
+          // @@ TODO: Write away the need for exception on next line
+
+          if (Object.prototype.hasOwnProperty.call(cats, cat)) {
+            if (cat.slice(1, -1).split('#')[1] === catTail) {
+              return kb.sym(cat.slice(1, -1));
+            }
+          }
+        }
+        return null;
+      };
+      const checkCatHasField = function (catTail, pred) {
+        const cat = catSymbol(catTail);
+        let tab;
+        const guilty = [];
+        let count = 0;
+        if (!cat) {
+          complain('Error: No category correspnding to ' + catTail);
+          return null;
+        }
+        const list = kb.each(undefined, ns.rdf('type'), cat);
+        for (let i = 0; i < list.length; i++) {
+          if (!kb.any(list[i], pred)) {
+            guilty.push(list[i]);
+          }
+        }
+        if (guilty.length) {
+          tab = transactionTable(dom, guilty);
+          count = tab.children.length;
+          div.appendChild(dom.createElement('h3')).textContent = UI.utils.label(cat) + ' with no ' + UI.utils.label(pred) + (count < 4 ? '' : ' (' + count + ')');
+          div.appendChild(tab);
+        }
+        return count;
+      };
+
+      // Load dynamically as properties of period
+      if (checkCatHasField('Reimbursables', ns.trip('trip')) === 0) {
+        happy('Reimbursables all have trips');
+      }
+      if (checkCatHasField('Other_Inc_Speaking', ns.trip('trip')) === 0) {
+        happy('Speaking income all has trips');
+      }
+      // end of render period instance
+    }; // renderPeriod
+
+    // //////////////////////////////////////////////////////////////////////////////
+
+    // var me = authn.currentUser()
+
+    //              Render a single Period
+
+    // This works only if enough metadata about the properties can drive the RDFS
+    // (or actual type statements whichtypically are NOT there on)
+    const t = kb.findTypeURIs(subject);
+    if (t['http://www.w3.org/2000/10/swap/pim/qif#Period']) {
+      const needed = kb.each(subject, ns.rdfs('seeAlso'));
+      console.log('Loading before render: ' + needed.length);
+      kb.fetcher.load(needed).then(function () {
+        renderPeriod();
+      });
+    }
+
+    // if (!me) complain("You do not have your Web Id set. Set your Web ID to make changes.");
+
+    return div;
+  }
+}; // ends

package/dist/trip/tripPane.js

@@ -0,0 +1,174 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var UI = _interopRequireWildcard(require("solid-ui"));
+var $rdf = _interopRequireWildcard(require("rdflib"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/*   Trip Pane
+ **
+ ** This pane deals with trips themselves and also
+ ** will look at transactions organized by trip.
+ **
+ **  This outline pane allows a user to interact with a transaction
+ **  downloaded from a bank statement, annotting it with classes and comments,
+ **  trips, etc
+ */
+
+const ns = UI.ns;
+var _default = exports.default = {
+  icon: UI.icons.iconBase + 'noun_62007.svg',
+  name: 'travel expenses',
+  audience: [ns.solid('PowerUser')],
+  // Does the subject deserve this pane?
+  label: function (subject, context) {
+    const kb = context.session.store;
+    const t = kb.findTypeURIs(subject);
+
+    // if (t['http://www.w3.org/2000/10/swap/pim/qif#Transaction']) return "$$";
+    // if(kb.any(subject, UI.ns.qu('amount'))) return "$$$"; // In case schema not picked up
+
+    if (UI.ns.qu('Transaction') in kb.findSuperClassesNT(subject)) {
+      return 'by Trip';
+    }
+    if (t['http://www.w3.org/ns/pim/trip#Trip']) return 'Trip $';
+    return null; // No under other circumstances (while testing at least!)
+  },
+  render: function (subject, context) {
+    const myDocument = context.dom;
+    const kb = context.store;
+    const ns = UI.ns;
+    const CAL = $rdf.Namespace('http://www.w3.org/2002/12/cal/ical#');
+    const TRIP = $rdf.Namespace('http://www.w3.org/ns/pim/trip#');
+    const div = myDocument.createElement('div');
+    div.setAttribute('class', 'transactionPane');
+    div.innerHTML = '<h2>Trip transactions</h2>';
+    const complain = function complain(message, style) {
+      if (style === undefined) style = 'color: grey';
+      const pre = myDocument.createElement('pre');
+      pre.setAttribute('style', style);
+      div.appendChild(pre);
+      pre.appendChild(myDocument.createTextNode(message));
+    };
+
+    // //////////////////////////////////////////////////////////////////////////////
+    //
+    //   Body of trip pane
+
+    const t = kb.findTypeURIs(subject);
+
+    // var me = authn.currentUser()
+
+    //      Function: Render a single trip
+
+    const renderTrip = function renderTrip(subject, thisDiv) {
+      const query = new $rdf.Query(UI.utils.label(subject));
+      const vars = ['date', 'transaction', 'comment', 'type', 'in_USD'];
+      const v = {};
+      vars.forEach(function (x) {
+        query.vars.push(v[x] = $rdf.variable(x));
+      }); // Only used by UI
+      query.pat.add(v.transaction, TRIP('trip'), subject);
+      const opt = kb.formula();
+      opt.add(v.transaction, ns.rdf('type'), v.type); // Issue: this will get stored supertypes too
+      query.pat.optional.push(opt);
+      query.pat.add(v.transaction, UI.ns.qu('date'), v.date);
+      opt.add(v.transaction, ns.rdfs('comment'), v.comment);
+      query.pat.optional.push(opt);
+
+      // opt = kb.formula();
+      query.pat.add(v.transaction, UI.ns.qu('in_USD'), v.in_USD);
+      // query.pat.optional.push(opt);
+
+      const calculations = function () {
+        const total = {};
+        const trans = kb.each(undefined, TRIP('trip'), subject);
+        // complain("@@ Number of transactions in this trip: " + trans.length);
+        trans.forEach(function (t) {
+          let ty = kb.the(t, ns.rdf('type'));
+          // complain(" -- one trans: "+t.uri + ' -> '+kb.any(t, UI.ns.qu('in_USD')));
+          if (!ty) ty = UI.ns.qu('ErrorNoType');
+          if (ty && ty.uri) {
+            const tyuri = ty.uri;
+            if (!total[tyuri]) total[tyuri] = 0.0;
+            const lit = kb.any(t, UI.ns.qu('in_USD'));
+            if (!lit) {
+              complain('    @@ No amount in USD: ' + lit + ' for ' + t);
+            }
+            if (lit) {
+              total[tyuri] = total[tyuri] + parseFloat(lit.value);
+              // complain('      Trans type ='+ty+'; in_USD "' + lit
+              //       +'; total[tyuri] = '+total[tyuri]+';')
+            }
+          }
+        });
+        let str = '';
+        let types = 0;
+        let grandTotal = 0.0;
+        for (const uri in total) {
+          str += UI.utils.label(kb.sym(uri)) + ': ' + total[uri] + '; ';
+          types++;
+          grandTotal += total[uri];
+        }
+        complain('Totals of ' + trans.length + ' transactions: ' + str, ''); // @@@@@  yucky -- need 2 col table
+        if (types > 1) {
+          complain('Overall net: ' + grandTotal, 'text-treatment: bold;');
+        }
+      };
+      const tableDiv = UI.table(myDocument, {
+        query,
+        onDone: calculations
+      });
+      thisDiv.appendChild(tableDiv);
+    };
+
+    //          Render the set of trips which have transactions in this class
+
+    if (UI.ns.qu('Transaction') in kb.findSuperClassesNT(subject)) {
+      const ts = kb.each(undefined, ns.rdf('type'), subject);
+      const triples = [];
+      const index = [];
+      for (let i = 0; i < ts.length; i++) {
+        const trans = ts[i];
+        const trip = kb.any(trans, TRIP('trip'));
+        if (!trip) {
+          triples.push(trans);
+        } else {
+          if (!(trans in index)) index[trip] = {
+            total: 0,
+            transactions: []
+          };
+          const usd = kb.any(trans, UI.ns.qu('in_USD'));
+          if (usd) index[trip].total += usd;
+          const date = kb.any(trans, UI.ns.qu('date'));
+          index[trip.toNT()].transactions.push([date, trans]);
+        }
+      }
+      /*            var byDate = function(a,b) {
+                      return new Date(kb.any(a, CAL('dtstart'))) -
+                              new Date(kb.any(b, CAL('dtstart')));
+                  }
+      */
+      const list = [];
+      for (const h1 in index) {
+        const t1 = kb.fromNT(h1);
+        list.push([kb.any(t1, CAL('dtstart')), t1]);
+      }
+      list.sort();
+      for (let j = 0; j < list.length; j++) {
+        const t2 = list[j][1];
+        renderTrip(t2, div);
+      }
+
+      //       Render a single trip
+    } else if (t['http://www.w3.org/ns/pim/trip#Trip']) {
+      renderTrip(subject, div);
+    }
+
+    // if (!me) complain("You do not have your Web Id set. Set your Web ID to make changes.");
+
+    return div;
+  }
+}; // ends

package/dist/trustedApplications/trustedApplications.dom.d.ts

@@ -1,4 +1,4 @@
-import { NamedNode } from '../../node_modules/rdflib';
+import { NamedNode } from 'rdflib';
 export declare function createApplicationTable(subject: NamedNode): HTMLTableElement;
 export declare function createContainer<K extends keyof globalThis.HTMLElementTagNameMap>(elementName: K, children: HTMLElement[], attributes?: {}, eventListeners?: {}, onCreated?: null): HTMLElementTagNameMap[K];
 export declare function createText<K extends keyof globalThis.HTMLElementTagNameMap>(elementName: K, textContent: string | null, attributes?: {}, eventListeners?: {}, onCreated?: null): HTMLElementTagNameMap[K];

package/dist/trustedApplications/trustedApplications.dom.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createApplicationTable = createApplicationTable;
+exports.createContainer = createContainer;
+exports.createText = createText;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+var _solidLogic = require("solid-logic");
+var _trustedApplications = require("./trustedApplications.utils");
+function createApplicationTable(subject) {
+  const applicationsTable = createElement('table', {
+    class: 'results'
+  });
+
+  // creating headers
+  const header = createContainer('tr', [createText('th', 'Application URL'), createText('th', 'Access modes'), createText('th', 'Actions')]);
+  applicationsTable.appendChild(header);
+
+  // creating rows
+  _solidLogic.store.each(subject, _solidUi.ns.acl('trustedApp'), undefined, undefined).flatMap(app => _solidLogic.store.each(app, _solidUi.ns.acl('origin'), undefined, undefined).map(origin => ({
+    appModes: _solidLogic.store.each(app, _solidUi.ns.acl('mode'), undefined, undefined),
+    origin: origin
+  }))).sort((a, b) => a.origin.value < b.origin.value ? -1 : 1).forEach(({
+    appModes,
+    origin
+  }) => applicationsTable.appendChild(createApplicationEntry(subject, origin, appModes, updateTable)));
+
+  // adding a row for new applications
+  applicationsTable.appendChild(createApplicationEntry(subject, null, [_solidUi.ns.acl('Read')], updateTable));
+  return applicationsTable;
+  function updateTable() {
+    applicationsTable.parentElement.replaceChild(createApplicationTable(subject), applicationsTable);
+  }
+}
+function createApplicationEntry(subject, origin, appModes, updateTable) {
+  const trustedApplicationState = {
+    origin,
+    appModes,
+    formElements: {
+      modes: [],
+      origin: undefined
+    }
+  };
+  return createContainer('tr', [createContainer('td', [createContainer('form', [createElement('input', {
+    class: 'textinput',
+    placeholder: 'Write new URL here',
+    value: origin ? origin.value : ''
+  }, {}, element => {
+    trustedApplicationState.formElements.origin = element;
+  })], {}, {
+    submit: addOrEditApplication
+  })]), createContainer('td', [createContainer('form', createModesInput(trustedApplicationState), {}, {
+    submit: addOrEditApplication
+  })]), createContainer('td', [createContainer('form', origin ? [createText('button', 'Update', {
+    class: 'controlButton',
+    style: 'background: LightGreen;'
+  }), createText('button', 'Delete', {
+    class: 'controlButton',
+    style: 'background: LightCoral;'
+  }, {
+    click: removeApplication
+  })] : [createText('button', 'Add', {
+    class: 'controlButton',
+    style: 'background: LightGreen;'
+  })], {}, {
+    submit: addOrEditApplication
+  })])]);
+  function addOrEditApplication(event) {
+    event.preventDefault();
+    let origin;
+    try {
+      origin = (0, _rdflib.sym)(trustedApplicationState.formElements.origin.value);
+    } catch (err) {
+      return alert('Please provide an application URL you want to trust');
+    }
+    const modes = trustedApplicationState.formElements.modes.filter(checkbox => checkbox.checked).map(checkbox => checkbox.value);
+    const deletions = (0, _trustedApplications.getStatementsToDelete)(trustedApplicationState.origin || origin, subject, _solidLogic.store, _solidUi.ns);
+    const additions = (0, _trustedApplications.getStatementsToAdd)(origin, (0, _trustedApplications.generateRandomString)(), modes, subject, _solidUi.ns);
+    if (!_solidLogic.store.updater) {
+      throw new Error('Store has no updater');
+    }
+    _solidLogic.store.updater.update(deletions, additions, handleUpdateResponse);
+  }
+  function removeApplication(event) {
+    event.preventDefault();
+    let origin;
+    try {
+      origin = (0, _rdflib.sym)(trustedApplicationState.formElements.origin.value);
+    } catch (err) {
+      return alert('Please provide an application URL you want to remove trust from');
+    }
+    const deletions = (0, _trustedApplications.getStatementsToDelete)(origin, subject, _solidLogic.store, _solidUi.ns);
+    if (!_solidLogic.store.updater) {
+      throw new Error('Store has no updater');
+    }
+    _solidLogic.store.updater.update(deletions, [], handleUpdateResponse);
+  }
+  function handleUpdateResponse(uri, success, errorBody) {
+    if (success) {
+      return updateTable();
+    }
+    // console.error(uri, errorBody)
+  }
+}
+function createElement(elementName, attributes = {}, eventListeners = {}, onCreated = null) {
+  const element = document.createElement(elementName);
+  if (onCreated) {
+    onCreated(element);
+  }
+  Object.keys(attributes).forEach(attName => {
+    element.setAttribute(attName, attributes[attName]);
+  });
+  Object.keys(eventListeners).forEach(eventName => {
+    element.addEventListener(eventName, eventListeners[eventName]);
+  });
+  return element;
+}
+function createContainer(elementName, children, attributes = {}, eventListeners = {}, onCreated = null) {
+  const element = createElement(elementName, attributes, eventListeners, onCreated);
+  children.forEach(child => element.appendChild(child));
+  return element;
+}
+function createText(elementName, textContent, attributes = {}, eventListeners = {}, onCreated = null) {
+  const element = createElement(elementName, attributes, eventListeners, onCreated);
+  element.textContent = textContent;
+  return element;
+}
+function createModesInput({
+  appModes,
+  formElements
+}) {
+  return ['Read', 'Write', 'Append', 'Control'].map(mode => {
+    const isChecked = appModes.some(appMode => appMode.value === _solidUi.ns.acl(mode).value);
+    return createContainer('label', [createElement('input', {
+      type: 'checkbox',
+      ...(isChecked ? {
+        checked: ''
+      } : {}),
+      value: _solidUi.ns.acl(mode).uri
+    }, {}, element => formElements.modes.push(element)), createText('span', mode)]);
+  });
+}

package/dist/trustedApplications/trustedApplications.utils.d.ts

@@ -1,4 +1,4 @@
-import { IndexedFormula, NamedNode, Literal } from '../../node_modules/rdflib';
+import { IndexedFormula, NamedNode, Literal } from 'rdflib';
 import { Namespaces } from 'solid-namespace';
 export declare function getStatementsToDelete(origin: NamedNode | Literal, person: NamedNode, kb: IndexedFormula, ns: Namespaces): any;
 export declare function getStatementsToAdd(origin: NamedNode, nodeName: string, modes: string[], person: NamedNode, ns: Namespaces): any;

package/dist/trustedApplications/trustedApplications.utils.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateRandomString = generateRandomString;
+exports.getStatementsToAdd = getStatementsToAdd;
+exports.getStatementsToDelete = getStatementsToDelete;
+var _rdflib = require("rdflib");
+function getStatementsToDelete(origin, person, kb, ns) {
+  const applicationStatements = kb.statementsMatching(null, ns.acl('origin'), origin);
+  const statementsToDelete = applicationStatements.reduce((memo, st) => {
+    return memo.concat(kb.statementsMatching(person, ns.acl('trustedApp'), st.subject)).concat(kb.statementsMatching(st.subject));
+  }, []);
+  return statementsToDelete;
+}
+function getStatementsToAdd(origin, nodeName, modes, person, ns) {
+  const application = new _rdflib.BlankNode(`bn_${nodeName}`); // NamedNode(`${person.doc().uri}#${nodeName}`)
+  return [(0, _rdflib.st)(person, ns.acl('trustedApp'), application, person.doc()), (0, _rdflib.st)(application, ns.acl('origin'), origin, person.doc()), ...modes.map(mode => (0, _rdflib.sym)(mode)).map(mode => (0, _rdflib.st)(application, ns.acl('mode'), mode, person.doc()))];
+}
+function generateRandomString() {
+  return Math.random().toString(36).substr(2, 5);
+}