solid-panes 4.2.4-test.4 → 4.2.4-test.6

package/dist/tabbed/tabbedPane.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _solidUi = require("solid-ui");
+/*   Tabbed view of anything
+ **
+ ** data-driven
+ **
+ */
+
+const TabbedPane = {
+  icon: _solidUi.icons.iconBase + 'noun_688606.svg',
+  name: 'tabbed',
+  audience: [_solidUi.ns.solid('PowerUser')],
+  // Does the subject deserve this pane?
+  label: (subject, context) => {
+    const kb = context.session.store;
+    const typeURIs = kb.findTypeURIs(subject);
+    if (_solidUi.ns.meeting('Cluster').uri in typeURIs) {
+      return 'Tabbed';
+    }
+    return null;
+  },
+  render: (subject, context) => {
+    const dom = context.dom;
+    const store = context.session.store;
+    const div = dom.createElement('div');
+    (async () => {
+      if (!store.fetcher) {
+        throw new Error('Store has no fetcher');
+      }
+      await store.fetcher.load(subject);
+      div.appendChild(_solidUi.tabs.tabWidget({
+        dom,
+        subject,
+        predicate: store.any(subject, _solidUi.ns.meeting('predicate')) || _solidUi.ns.meeting('toolList'),
+        ordered: true,
+        orientation: store.anyValue(subject, _solidUi.ns.meeting('orientation')) || '0',
+        renderMain: (containerDiv, item) => {
+          containerDiv.innerHTML = '';
+          const table = containerDiv.appendChild(context.dom.createElement('table'));
+          context.getOutliner(context.dom).GotoSubject(item, true, null, false, undefined, table);
+        },
+        renderTab: (containerDiv, item) => {
+          const predicate = store.the(subject, _solidUi.ns.meeting('predicate'));
+          containerDiv.appendChild(_solidUi.widgets.personTR(context.dom, predicate, item, {}));
+        },
+        backgroundColor: store.anyValue(subject, _solidUi.ns.ui('backgroundColor')) || '#ddddcc'
+      }));
+    })();
+    return div;
+  }
+};
+var _default = exports.default = TabbedPane;

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.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);
+}

package/dist/trustedApplications/trustedApplications.view.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _solidUi = require("solid-ui");
+var _solidLogic = require("solid-logic");
+var _trustedApplications = require("./trustedApplications.dom");
+const thisColor = '#418d99';
+const trustedApplicationView = {
+  global: true,
+  icon: `${_solidUi.icons.iconBase}noun_15177.svg`,
+  name: 'trustedApplications',
+  label: () => null,
+  render: (subject, context) => {
+    const dom = context.dom;
+    const div = dom.createElement('div');
+    div.classList.add('trusted-applications-pane');
+    div.setAttribute('style', 'border: 0.3em solid ' + thisColor + '; border-radius: 0.5em; padding: 0.7em; margin-top:0.7em;');
+    const table = div.appendChild(dom.createElement('table'));
+    const main = table.appendChild(dom.createElement('tr'));
+    const bottom = table.appendChild(dom.createElement('tr'));
+    const statusArea = bottom.appendChild(dom.createElement('div'));
+    statusArea.setAttribute('style', 'padding: 0.7em;');
+    render(dom, main, statusArea).catch(err => statusArea.appendChild(_solidUi.widgets.errorMessageBlock(dom, err)));
+    return div;
+  }
+};
+async function render(dom, main, statusArea) {
+  const authContext = await _solidUi.login.ensureLoadedProfile({
+    dom,
+    div: main,
+    statusArea,
+    me: null
+  });
+  const subject = authContext.me;
+  const profile = subject.doc();
+  if (!_solidLogic.store.updater) {
+    throw new Error('Store has no updater');
+  }
+  const editable = _solidLogic.store.updater.editable(profile.uri, _solidLogic.store);
+  main.appendChild((0, _trustedApplications.createText)('h3', 'Manage your trusted applications'));
+  if (!editable) {
+    main.appendChild(_solidUi.widgets.errorMessageBlock(dom, `Your profile ${subject.doc().uri} is not editable, so we cannot do much here.`));
+    return;
+  }
+  main.appendChild((0, _trustedApplications.createText)('p', 'Here you can manage the applications you trust.'));
+  const applicationsTable = (0, _trustedApplications.createApplicationTable)(subject);
+  main.appendChild(applicationsTable);
+  main.appendChild((0, _trustedApplications.createText)('h4', 'Notes'));
+  main.appendChild((0, _trustedApplications.createContainer)('ol', [main.appendChild((0, _trustedApplications.createText)('li', 'Trusted applications will get access to all resources that you have access to.')), main.appendChild((0, _trustedApplications.createText)('li', 'You can limit which modes they have by default.')), main.appendChild((0, _trustedApplications.createText)('li', 'They will not gain more access than you have.'))]));
+  main.appendChild((0, _trustedApplications.createText)('p', 'Application URLs must be valid URL. Examples are http://localhost:3000, https://trusted.app, and https://sub.trusted.app.'));
+}
+var _default = exports.default = trustedApplicationView;

package/dist/versionInfo.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  buildTime: '2026-03-13T13:33:44Z',
+  commit: '2d694e9f4e7df87987d422de48258935ec12ab13',
+  npmInfo: {
+    'solid-panes': '4.2.3',
+    npm: '11.11.1',
+    node: '22.22.0',
+    acorn: '8.15.0',
+    ada: '2.9.2',
+    amaro: '1.1.4',
+    ares: '1.34.6',
+    brotli: '1.1.0',
+    cjs_module_lexer: '2.1.0',
+    cldr: '47.0',
+    icu: '77.1',
+    llhttp: '9.3.0',
+    modules: '127',
+    napi: '10',
+    nbytes: '0.1.1',
+    ncrypto: '0.0.1',
+    nghttp2: '1.64.0',
+    openssl: '3.5.4',
+    simdjson: '3.13.0',
+    simdutf: '6.4.2',
+    sqlite: '3.50.4',
+    tz: '2025b',
+    undici: '6.23.0',
+    unicode: '16.0',
+    uv: '1.51.0',
+    uvwasi: '0.0.23',
+    v8: '12.4.254.21-node.33',
+    zlib: '1.3.1-470d3a2',
+    zstd: '1.5.7'
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-panes",
-  "version": "4.2.4-test.4",
+  "version": "4.2.4-test.6",
   "description": "Solid-compatible Panes: applets and views for the mashlib and databrowser",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,7 +17,7 @@
     "build": "npm run clean && npm run build-version && npm run typecheck && npm run build-dist && npm run build-js && npm run postbuild-js",
     "build-version": "bash timestamp.sh > src/versionInfo.ts && ./node_modules/.bin/eslint 'src/versionInfo.ts' --fix",
     "build-dist": "webpack --progress",
-    "build-js": "babel src --out-dir dist --extensions '.js, .ts' && tsc --emitDeclarationOnly",
+    "build-js": "babel src --out-dir dist --extensions '.ts,.js' && tsc --emitDeclarationOnly",
     "postbuild-js": "rm -f dist/versionInfo.d.ts dist/versionInfo.d.ts.map",
     "lint": "eslint",
     "lint-fix": "eslint --fix",
@@ -60,7 +60,7 @@
     "@solid/better-simple-slideshow": "^0.1.0",
     "activitystreams-pane": "^1.0.1",
     "chat-pane": "^3.0.2",
-    "contacts-pane": "^3.1.0-test.4",
+    "contacts-pane": "^3.1.0-test.7",
     "dompurify": "^3.3.1",
     "folder-pane": "^3.0.1",
     "issue-pane": "^3.0.1",
@@ -68,9 +68,9 @@
     "meeting-pane": "^3.0.1",
     "mime-types": "^3.0.2",
     "pane-registry": "^3.0.1",
-    "profile-pane": "^3.1.3-test.4",
+    "profile-pane": "^3.1.3-test.7",
     "solid-namespace": "^0.5.4",
-    "solid-ui": "^3.0.5-test.4",
+    "solid-ui": "^3.0.5-test.7",
     "source-pane": "^3.0.1"
   },
   "overrides": {