solid-ui
Version:
UI library for writing Solid read-write-web applications
1,166 lines (1,138 loc) • 3.32 MB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["solid-ui"] = factory();
else
root["solid-ui"] = factory();
})(self, () => {
return /******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ "./lib/acl/access-controller.js":
/*!**************************************!*\
!*** ./lib/acl/access-controller.js ***!
\**************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "./node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports.AccessController = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js"));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js"));
var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js"));
var _acl = __webpack_require__(/*! ./acl */ "./lib/acl/acl.js");
var _rdflib = __webpack_require__(/*! rdflib */ "./node_modules/rdflib/esm/index.js");
var _accessGroups = __webpack_require__(/*! ./access-groups */ "./lib/acl/access-groups.js");
var _aclControl = __webpack_require__(/*! ./acl-control */ "./lib/acl/acl-control.js");
var utils = _interopRequireWildcard(__webpack_require__(/*! ../utils */ "./lib/utils/index.js"));
var debug = _interopRequireWildcard(__webpack_require__(/*! ../debug */ "./lib/debug.js"));
var style = _interopRequireWildcard(__webpack_require__(/*! ../style */ "./lib/style.js"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _t5 in e) "default" !== _t5 && {}.hasOwnProperty.call(e, _t5) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t5)) && (i.get || i.set) ? o(f, _t5, i) : f[_t5] = e[_t5]); return f; })(e, t); }
/**
* Contains the [[AccessController]] class
* @packageDocumentation
*/
/**
* Rendered HTML component used in the databrowser's Sharing pane.
*/
var AccessController = exports.AccessController = /*#__PURE__*/function () {
function AccessController(subject, noun, context, statusElement, targetIsProtected, targetDoc, targetACLDoc, defaultHolder, defaultACLDoc, prospectiveDefaultHolder, store, dom) {
(0, _classCallCheck2["default"])(this, AccessController);
this.subject = subject;
this.noun = noun;
this.context = context;
this.statusElement = statusElement;
this.targetIsProtected = targetIsProtected;
this.targetDoc = targetDoc;
this.targetACLDoc = targetACLDoc;
this.defaultHolder = defaultHolder;
this.defaultACLDoc = defaultACLDoc;
this.prospectiveDefaultHolder = prospectiveDefaultHolder;
this.store = store;
this.dom = dom;
(0, _defineProperty2["default"])(this, "mainCombo", void 0);
(0, _defineProperty2["default"])(this, "defaultsCombo", void 0);
(0, _defineProperty2["default"])(this, "isContainer", void 0);
(0, _defineProperty2["default"])(this, "defaultsDiffer", void 0);
(0, _defineProperty2["default"])(this, "rootElement", void 0);
(0, _defineProperty2["default"])(this, "isUsingDefaults", void 0);
this.rootElement = dom.createElement('div');
this.rootElement.setAttribute('style', style.aclGroupContent);
this.isContainer = targetDoc.uri.slice(-1) === '/'; // Give default for all directories
if (defaultHolder && defaultACLDoc) {
this.isUsingDefaults = true;
var aclDefaultStore = (0, _acl.adoptACLDefault)(this.targetDoc, targetACLDoc, defaultHolder, defaultACLDoc);
this.mainCombo = new _accessGroups.AccessGroups(targetDoc, targetACLDoc, this, aclDefaultStore, {
defaults: this.isContainer
});
this.defaultsCombo = null;
this.defaultsDiffer = false;
} else {
this.isUsingDefaults = false;
this.mainCombo = new _accessGroups.AccessGroups(targetDoc, targetACLDoc, this, store);
this.defaultsCombo = new _accessGroups.AccessGroups(targetDoc, targetACLDoc, this, store, {
defaults: this.isContainer
});
this.defaultsDiffer = !(0, _acl.sameACL)(this.mainCombo.aclMap, this.defaultsCombo.aclMap);
}
}
return (0, _createClass2["default"])(AccessController, [{
key: "isEditable",
get: function get() {
return !this.isUsingDefaults;
}
}, {
key: "render",
value: function render() {
this.rootElement.innerHTML = '';
if (this.isUsingDefaults) {
this.renderStatus("The sharing for this ".concat(this.noun, " is the default for folder "));
if (this.defaultHolder) {
var defaultHolderLink = this.statusElement.appendChild(this.dom.createElement('a'));
defaultHolderLink.href = this.defaultHolder.uri;
defaultHolderLink.innerText = (0, _aclControl.shortNameForFolder)(this.defaultHolder);
}
} else if (!this.defaultsDiffer && this.isContainer) {
this.renderStatus('This is also the default for things in this folder.');
} else {
this.renderStatus('');
}
this.rootElement.appendChild(this.mainCombo.render());
if (this.defaultsCombo && this.defaultsDiffer) {
this.rootElement.appendChild(this.renderRemoveDefaultsController());
this.rootElement.appendChild(this.defaultsCombo.render());
} else if (this.isEditable && this.isContainer) {
this.rootElement.appendChild(this.renderAddDefaultsController());
}
if (!this.targetIsProtected && this.isUsingDefaults) {
this.rootElement.appendChild(this.renderAddAclsController());
} else if (!this.targetIsProtected) {
this.rootElement.appendChild(this.renderRemoveAclsController());
}
return this.rootElement;
}
}, {
key: "renderRemoveAclsController",
value: function renderRemoveAclsController() {
var _this = this;
var useDefaultButton = this.dom.createElement('button');
useDefaultButton.innerText = "Remove custom sharing settings for this ".concat(this.noun, " -- just use default").concat(this.prospectiveDefaultHolder ? " for ".concat(utils.label(this.prospectiveDefaultHolder)) : '');
useDefaultButton.setAttribute('style', style.bigButton);
useDefaultButton.addEventListener('click', function () {
return _this.removeAcls().then(function () {
return _this.render();
})["catch"](function (error) {
return _this.renderStatus(error);
});
});
return useDefaultButton;
}
}, {
key: "renderAddAclsController",
value: function renderAddAclsController() {
var _this2 = this;
var addAclButton = this.dom.createElement('button');
addAclButton.innerText = "Set specific sharing for this ".concat(this.noun);
addAclButton.setAttribute('style', style.bigButton);
addAclButton.addEventListener('click', function () {
return _this2.addAcls().then(function () {
return _this2.render();
})["catch"](function (error) {
return _this2.renderStatus(error);
});
});
return addAclButton;
}
}, {
key: "renderAddDefaultsController",
value: function renderAddDefaultsController() {
var _this3 = this;
var containerElement = this.dom.createElement('div');
containerElement.setAttribute('style', style.defaultsController);
var noticeElement = containerElement.appendChild(this.dom.createElement('div'));
noticeElement.innerText = 'Sharing for things within the folder currently tracks sharing for the folder.';
noticeElement.setAttribute('style', style.defaultsControllerNotice);
var button = containerElement.appendChild(this.dom.createElement('button'));
button.innerText = 'Set the sharing of folder contents separately from the sharing for the folder';
button.setAttribute('style', style.bigButton);
button.addEventListener('click', function () {
return _this3.addDefaults().then(function () {
return _this3.render();
});
});
return containerElement;
}
}, {
key: "renderRemoveDefaultsController",
value: function renderRemoveDefaultsController() {
var _this4 = this;
var containerElement = this.dom.createElement('div');
containerElement.setAttribute('style', style.defaultsController);
var noticeElement = containerElement.appendChild(this.dom.createElement('div'));
noticeElement.innerText = 'Access to things within this folder:';
noticeElement.setAttribute('style', style.defaultsControllerNotice);
var button = containerElement.appendChild(this.dom.createElement('button'));
button.innerText = 'Set default for folder contents to just track the sharing for the folder';
button.setAttribute('style', style.bigButton);
button.addEventListener('click', function () {
return _this4.removeDefaults().then(function () {
return _this4.render();
})["catch"](function (error) {
return _this4.renderStatus(error);
});
});
return containerElement;
}
}, {
key: "renderTemporaryStatus",
value: function renderTemporaryStatus(message) {
var _this5 = this;
// @@ TODO Introduce better system for error notification to user https://github.com/solidos/mashlib/issues/87
this.statusElement.setAttribute('style', style.aclControlBoxStatusRevealed);
this.statusElement.innerText = message;
this.statusElement.setAttribute('style', style.temporaryStatusInit);
setTimeout(function () {
_this5.statusElement.setAttribute('style', style.temporaryStatusEnd);
});
setTimeout(function () {
_this5.statusElement.innerText = '';
}, 5000);
}
}, {
key: "renderStatus",
value: function renderStatus(message) {
// @@ TODO Introduce better system for error notification to user https://github.com/solidos/mashlib/issues/87
if (!message) {
this.statusElement.setAttribute('style', style.aclControlBoxStatusRevealed);
}
this.statusElement.innerText = message;
}
}, {
key: "addAcls",
value: function () {
var _addAcls = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
var _this6 = this;
var message, aclGraph, _message, _t;
return _regenerator["default"].wrap(function (_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
if (!(!this.defaultHolder || !this.defaultACLDoc)) {
_context.next = 1;
break;
}
message = 'Unable to find defaults to copy';
debug.error(message);
return _context.abrupt("return", Promise.reject(message));
case 1:
aclGraph = (0, _acl.adoptACLDefault)(this.targetDoc, this.targetACLDoc, this.defaultHolder, this.defaultACLDoc);
aclGraph.statements.forEach(function (st) {
return _this6.store.add(st.subject, st.predicate, st.object, _this6.targetACLDoc);
});
_context.prev = 2;
_context.next = 3;
return this.store.fetcher.putBack(this.targetACLDoc);
case 3:
this.isUsingDefaults = false;
return _context.abrupt("return", Promise.resolve());
case 4:
_context.prev = 4;
_t = _context["catch"](2);
_message = " Error writing back access control file! ".concat(_t);
debug.error(_message);
return _context.abrupt("return", Promise.reject(_message));
case 5:
case "end":
return _context.stop();
}
}, _callee, this, [[2, 4]]);
}));
function addAcls() {
return _addAcls.apply(this, arguments);
}
return addAcls;
}()
}, {
key: "addDefaults",
value: function () {
var _addDefaults = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
return _regenerator["default"].wrap(function (_context2) {
while (1) switch (_context2.prev = _context2.next) {
case 0:
this.defaultsCombo = new _accessGroups.AccessGroups(this.targetDoc, this.targetACLDoc, this, this.store, {
defaults: true
});
this.defaultsDiffer = true;
case 1:
case "end":
return _context2.stop();
}
}, _callee2, this);
}));
function addDefaults() {
return _addDefaults.apply(this, arguments);
}
return addDefaults;
}()
}, {
key: "removeAcls",
value: function () {
var _removeAcls = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
var message, _t2, _t3;
return _regenerator["default"].wrap(function (_context3) {
while (1) switch (_context3.prev = _context3.next) {
case 0:
_context3.prev = 0;
_context3.next = 1;
return this.store.fetcher["delete"](this.targetACLDoc.uri, {});
case 1:
this.isUsingDefaults = true;
_context3.prev = 2;
_context3.next = 3;
return (0, _acl.getProspectiveHolder)(this.targetDoc.uri);
case 3:
this.prospectiveDefaultHolder = _context3.sent;
_context3.next = 5;
break;
case 4:
_context3.prev = 4;
_t2 = _context3["catch"](2);
// No need to show this error in status, but good to warn about it in console
debug.warn(_t2);
case 5:
_context3.next = 7;
break;
case 6:
_context3.prev = 6;
_t3 = _context3["catch"](0);
message = "Error deleting access control file: ".concat(this.targetACLDoc, ": ").concat(_t3);
debug.error(message);
return _context3.abrupt("return", Promise.reject(message));
case 7:
case "end":
return _context3.stop();
}
}, _callee3, this, [[0, 6], [2, 4]]);
}));
function removeAcls() {
return _removeAcls.apply(this, arguments);
}
return removeAcls;
}()
}, {
key: "removeDefaults",
value: function () {
var _removeDefaults = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
var fallbackCombo, _t4;
return _regenerator["default"].wrap(function (_context4) {
while (1) switch (_context4.prev = _context4.next) {
case 0:
fallbackCombo = this.defaultsCombo;
_context4.prev = 1;
this.defaultsCombo = null;
this.defaultsDiffer = false;
_context4.next = 2;
return this.save();
case 2:
_context4.next = 4;
break;
case 3:
_context4.prev = 3;
_t4 = _context4["catch"](1);
this.defaultsCombo = fallbackCombo;
this.defaultsDiffer = true;
debug.error(_t4);
return _context4.abrupt("return", Promise.reject(_t4));
case 4:
case "end":
return _context4.stop();
}
}, _callee4, this, [[1, 3]]);
}));
function removeDefaults() {
return _removeDefaults.apply(this, arguments);
}
return removeDefaults;
}()
}, {
key: "save",
value: function save() {
var _this7 = this;
// build graph
var newAClGraph = (0, _rdflib.graph)();
if (!this.isContainer) {
(0, _acl.makeACLGraphbyCombo)(newAClGraph, this.targetDoc, this.mainCombo.byCombo, this.targetACLDoc, true);
} else if (this.defaultsCombo && this.defaultsDiffer) {
// Pair of controls
(0, _acl.makeACLGraphbyCombo)(newAClGraph, this.targetDoc, this.mainCombo.byCombo, this.targetACLDoc, true);
(0, _acl.makeACLGraphbyCombo)(newAClGraph, this.targetDoc, this.defaultsCombo.byCombo, this.targetACLDoc, false, true);
} else {
// Linked controls
(0, _acl.makeACLGraphbyCombo)(newAClGraph, this.targetDoc, this.mainCombo.byCombo, this.targetACLDoc, true, true);
}
// add authenticated fetcher
newAClGraph.fetcher = (0, _rdflib.fetcher)(newAClGraph, {
fetch: this.store.fetcher._fetch
});
var updater = newAClGraph.updater || new _rdflib.UpdateManager(newAClGraph);
// save ACL resource
return new Promise(function (resolve, reject) {
updater.put(_this7.targetACLDoc, newAClGraph.statementsMatching(undefined, undefined, undefined, _this7.targetACLDoc), 'text/turtle', function (uri, ok, message) {
if (!ok) {
return reject(new Error("ACL file save failed: ".concat(message)));
}
_this7.store.fetcher.unload(_this7.targetACLDoc);
_this7.store.add(newAClGraph.statements);
_this7.store.fetcher.requested[_this7.targetACLDoc.uri] = 'done'; // missing: save headers
_this7.mainCombo.store = _this7.store;
if (_this7.defaultsCombo) {
_this7.defaultsCombo.store = _this7.store;
}
_this7.defaultsDiffer = !!_this7.defaultsCombo && !(0, _acl.sameACL)(_this7.mainCombo.aclMap, _this7.defaultsCombo.aclMap);
debug.log('ACL modification: success!');
resolve();
});
});
}
}]);
}();
//# sourceMappingURL=access-controller.js.map
/***/ }),
/***/ "./lib/acl/access-groups.js":
/*!**********************************!*\
!*** ./lib/acl/access-groups.js ***!
\**********************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "./node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports.AccessGroups = void 0;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js"));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js"));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js"));
var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js"));
var _rdflib = __webpack_require__(/*! rdflib */ "./node_modules/rdflib/esm/index.js");
var _acl = __webpack_require__(/*! ./acl */ "./lib/acl/acl.js");
var widgets = _interopRequireWildcard(__webpack_require__(/*! ../widgets */ "./lib/widgets/index.js"));
var ns = _interopRequireWildcard(__webpack_require__(/*! ../ns */ "./lib/ns.js"));
var _addAgentButtons = __webpack_require__(/*! ./add-agent-buttons */ "./lib/acl/add-agent-buttons.js");
var debug = _interopRequireWildcard(__webpack_require__(/*! ../debug */ "./lib/debug.js"));
var style = _interopRequireWildcard(__webpack_require__(/*! ../style */ "./lib/style.js"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
/**
* Contains the [[AccessGroups]]
* and [[AccessGroupsOptions]] classes
* @packageDocumentation
*/
var ACL = ns.acl;
var COLLOQUIAL = {
13: 'Owners',
9: 'Owners (write locked)',
5: 'Editors',
3: 'Posters',
2: 'Submitters',
1: 'Viewers'
};
var RECOMMENDED = {
13: true,
5: true,
3: true,
2: true,
1: true
};
var EXPLANATION = {
13: 'can read, write, and control sharing.',
9: 'can read and control sharing, currently write-locked.',
5: 'can read and change information',
3: 'can add new information, and read but not change existing information',
2: 'can add new information but not read any',
1: 'can read but not change information'
};
/**
* Type for the options parameter of [[AccessGroups]]
*/
/**
* Renders the table of Owners, Editors, Posters, Submitters, Viewers
* for https://github.com/solidos/userguide/blob/main/views/sharing/userguide.md
*/
var AccessGroups = exports.AccessGroups = /*#__PURE__*/function () {
// @@ was LiveStore but does not need to be connected to web
function AccessGroups(doc, aclDoc, controller, store) {
var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
(0, _classCallCheck2["default"])(this, AccessGroups);
this.doc = doc;
this.aclDoc = aclDoc;
this.controller = controller;
this.options = options;
(0, _defineProperty2["default"])(this, "defaults", void 0);
(0, _defineProperty2["default"])(this, "byCombo", void 0);
(0, _defineProperty2["default"])(this, "aclMap", void 0);
(0, _defineProperty2["default"])(this, "addAgentButton", void 0);
(0, _defineProperty2["default"])(this, "rootElement", void 0);
(0, _defineProperty2["default"])(this, "_store", void 0);
this.defaults = options.defaults || false;
this._store = store;
this.aclMap = (0, _acl.readACL)(doc, aclDoc, store, this.defaults);
this.byCombo = (0, _acl.ACLbyCombination)(this.aclMap);
this.addAgentButton = new _addAgentButtons.AddAgentButtons(this);
this.rootElement = this.controller.dom.createElement('div');
this.rootElement.setAttribute('style', style.accessGroupList);
}
return (0, _createClass2["default"])(AccessGroups, [{
key: "store",
get: function get() {
return this._store;
},
set: function set(store) {
this._store = store;
this.aclMap = (0, _acl.readACL)(this.doc, this.aclDoc, store, this.defaults);
this.byCombo = (0, _acl.ACLbyCombination)(this.aclMap);
}
}, {
key: "render",
value: function render() {
var _this = this;
this.rootElement.innerHTML = '';
this.renderGroups().forEach(function (group) {
return _this.rootElement.appendChild(group);
});
if (this.controller.isEditable) {
this.rootElement.appendChild(this.addAgentButton.render());
}
return this.rootElement;
}
}, {
key: "renderGroups",
value: function renderGroups() {
var groupElements = [];
for (var comboIndex = 15; comboIndex > 0; comboIndex--) {
var combo = kToCombo(comboIndex);
if (this.controller.isEditable && RECOMMENDED[comboIndex] || this.byCombo[combo]) {
groupElements.push(this.renderGroup(comboIndex, combo));
}
}
return groupElements;
}
}, {
key: "renderGroup",
value: function renderGroup(comboIndex, combo) {
var _this2 = this;
var groupRow = this.controller.dom.createElement('div');
groupRow.setAttribute('style', style.accessGroupListItem);
widgets.makeDropTarget(groupRow, function (uris) {
return _this2.handleDroppedUris(uris, combo).then(function () {
return _this2.controller.render();
})["catch"](function (error) {
return _this2.controller.renderStatus(error);
});
});
var groupColumns = this.renderGroupElements(comboIndex, combo);
groupColumns.forEach(function (column) {
return groupRow.appendChild(column);
});
return groupRow;
}
}, {
key: "renderGroupElements",
value: function renderGroupElements(comboIndex, combo) {
var _this3 = this;
var groupNameColumn = this.controller.dom.createElement('div');
groupNameColumn.setAttribute('style', style.group);
if (this.controller.isEditable) {
switch (comboIndex) {
case 1:
groupNameColumn.setAttribute('style', style.group1);
break;
case 2:
groupNameColumn.setAttribute('style', style.group2);
break;
case 3:
groupNameColumn.setAttribute('style', style.group3);
break;
case 5:
groupNameColumn.setAttribute('style', style.group5);
break;
case 9:
groupNameColumn.setAttribute('style', style.group9);
break;
case 13:
groupNameColumn.setAttribute('style', style.group13);
break;
default:
groupNameColumn.setAttribute('style', style.group);
}
}
groupNameColumn.innerText = COLLOQUIAL[comboIndex] || ktToList(comboIndex);
var groupAgentsColumn = this.controller.dom.createElement('div');
groupAgentsColumn.setAttribute('style', style.group);
if (this.controller.isEditable) {
switch (comboIndex) {
case 1:
groupAgentsColumn.setAttribute('style', style.group1);
break;
case 2:
groupAgentsColumn.setAttribute('style', style.group2);
break;
case 3:
groupAgentsColumn.setAttribute('style', style.group3);
break;
case 5:
groupAgentsColumn.setAttribute('style', style.group5);
break;
case 9:
groupAgentsColumn.setAttribute('style', style.group9);
break;
case 13:
groupAgentsColumn.setAttribute('style', style.group13);
break;
default:
groupAgentsColumn.setAttribute('style', style.group);
}
}
var groupAgentsTable = groupAgentsColumn.appendChild(this.controller.dom.createElement('table'));
var combos = this.byCombo[combo] || [];
combos.map(function (_ref) {
var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
pred = _ref2[0],
obj = _ref2[1];
return _this3.renderAgent(groupAgentsTable, combo, pred, obj);
}).forEach(function (agentElement) {
return groupAgentsTable.appendChild(agentElement);
});
var groupDescriptionElement = this.controller.dom.createElement('div');
groupDescriptionElement.setAttribute('style', style.group);
if (this.controller.isEditable) {
switch (comboIndex) {
case 1:
groupDescriptionElement.setAttribute('style', style.group1);
break;
case 2:
groupDescriptionElement.setAttribute('style', style.group2);
break;
case 3:
groupDescriptionElement.setAttribute('style', style.group3);
break;
case 5:
groupDescriptionElement.setAttribute('style', style.group5);
break;
case 9:
groupDescriptionElement.setAttribute('style', style.group9);
break;
case 13:
groupDescriptionElement.setAttribute('style', style.group13);
break;
default:
groupDescriptionElement.setAttribute('style', style.group);
}
}
groupDescriptionElement.innerText = EXPLANATION[comboIndex] || 'Unusual combination';
return [groupNameColumn, groupAgentsColumn, groupDescriptionElement];
}
}, {
key: "renderAgent",
value: function renderAgent(groupAgentsTable, combo, pred, obj) {
var _this4 = this;
var personRow = widgets.personTR(this.controller.dom, ACL(pred), (0, _rdflib.sym)(obj), this.controller.isEditable ? {
deleteFunction: function deleteFunction() {
return _this4.deleteAgent(combo, pred, obj).then(function () {
return groupAgentsTable.removeChild(personRow);
})["catch"](function (error) {
return _this4.controller.renderStatus(error);
});
}
} : {});
return personRow;
}
}, {
key: "deleteAgent",
value: function () {
var _deleteAgent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(combo, pred, obj) {
var combos, comboToRemove;
return _regenerator["default"].wrap(function (_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
combos = this.byCombo[combo] || [];
comboToRemove = combos.find(function (_ref3) {
var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
comboPred = _ref4[0],
comboObj = _ref4[1];
return comboPred === pred && comboObj === obj;
});
if (comboToRemove) {
combos.splice(combos.indexOf(comboToRemove), 1);
}
_context.next = 1;
return this.controller.save();
case 1:
case "end":
return _context.stop();
}
}, _callee, this);
}));
function deleteAgent(_x, _x2, _x3) {
return _deleteAgent.apply(this, arguments);
}
return deleteAgent;
}()
}, {
key: "addNewURI",
value: function () {
var _addNewURI = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(uri) {
return _regenerator["default"].wrap(function (_context2) {
while (1) switch (_context2.prev = _context2.next) {
case 0:
_context2.next = 1;
return this.handleDroppedUri(uri, kToCombo(1));
case 1:
_context2.next = 2;
return this.controller.save();
case 2:
case "end":
return _context2.stop();
}
}, _callee2, this);
}));
function addNewURI(_x4) {
return _addNewURI.apply(this, arguments);
}
return addNewURI;
}()
}, {
key: "handleDroppedUris",
value: function () {
var _handleDroppedUris = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(uris, combo) {
var _this5 = this;
var _t;
return _regenerator["default"].wrap(function (_context3) {
while (1) switch (_context3.prev = _context3.next) {
case 0:
_context3.prev = 0;
_context3.next = 1;
return Promise.all(uris.map(function (uri) {
return _this5.handleDroppedUri(uri, combo);
}));
case 1:
_context3.next = 2;
return this.controller.save();
case 2:
_context3.next = 4;
break;
case 3:
_context3.prev = 3;
_t = _context3["catch"](0);
return _context3.abrupt("return", Promise.reject(_t));
case 4:
case "end":
return _context3.stop();
}
}, _callee3, this, [[0, 3]]);
}));
function handleDroppedUris(_x5, _x6) {
return _handleDroppedUris.apply(this, arguments);
}
return handleDroppedUris;
}()
}, {
key: "handleDroppedUri",
value: function () {
var _handleDroppedUri = (0, _asyncToGenerator2["default"])(function (uri, combo) {
var _this6 = this;
var secondAttempt = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
return /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
var agent, thing, _this6$_store, message, error, _t2;
return _regenerator["default"].wrap(function (_context4) {
while (1) switch (_context4.prev = _context4.next) {
case 0:
agent = findAgent(uri, _this6.store); // eg 'agent', 'origin', agentClass'
thing = (0, _rdflib.sym)(uri);
if (!(!agent && !secondAttempt)) {
_context4.next = 5;
break;
}
debug.log(" Not obvious: looking up dropped thing ".concat(thing));
_context4.prev = 1;
_context4.next = 2;
return (_this6$_store = _this6._store) === null || _this6$_store === void 0 || (_this6$_store = _this6$_store.fetcher) === null || _this6$_store === void 0 ? void 0 : _this6$_store.load(thing.doc());
case 2:
_context4.next = 4;
break;
case 3:
_context4.prev = 3;
_t2 = _context4["catch"](1);
message = "Ignore error looking up dropped thing: ".concat(_t2);
debug.error(message);
return _context4.abrupt("return", Promise.reject(new Error(message)));
case 4:
return _context4.abrupt("return", _this6.handleDroppedUri(uri, combo, true));
case 5:
if (agent) {
_context4.next = 6;
break;
}
error = " Error: Drop fails to drop appropriate thing! ".concat(uri);
debug.error(error);
return _context4.abrupt("return", Promise.reject(new Error(error)));
case 6:
_this6.setACLCombo(combo, uri, agent, _this6.controller.subject);
case 7:
case "end":
return _context4.stop();
}
}, _callee4, null, [[1, 3]]);
})();
});
function handleDroppedUri(_x7, _x8) {
return _handleDroppedUri.apply(this, arguments);
}
return handleDroppedUri;
}()
}, {
key: "setACLCombo",
value: function setACLCombo(combo, uri, res, subject) {
if (!(combo in this.byCombo)) {
this.byCombo[combo] = [];
}
this.removeAgentFromCombos(uri); // Combos are mutually distinct
this.byCombo[combo].push([res.pred, res.obj.uri]);
debug.log("ACL: setting access to ".concat(subject, " by ").concat(res.pred, ": ").concat(res.obj));
}
}, {
key: "removeAgentFromCombos",
value: function removeAgentFromCombos(uri) {
for (var k = 0; k < 16; k++) {
var combos = this.byCombo[kToCombo(k)];
if (combos) {
for (var i = 0; i < combos.length; i++) {
while (i < combos.length && combos[i][1] === uri) {
combos.splice(i, 1);
}
}
}
}
}
}]);
}();
function kToCombo(k) {
var y = ['Read', 'Append', 'Write', 'Control'];
var combo = [];
for (var i = 0; i < 4; i++) {
if (k & 1 << i) {
combo.push('http://www.w3.org/ns/auth/acl#' + y[i]);
}
}
combo.sort();
return combo.join('\n');
}
function ktToList(k) {
var list = '';
var y = ['Read', 'Append', 'Write', 'Control'];
for (var i = 0; i < 4; i++) {
if (k & 1 << i) {
list += y[i];
}
}
return list;
}
function findAgent(uri, kb) {
var obj = (0, _rdflib.sym)(uri);
var types = kb.findTypeURIs(obj);
for (var ty in types) {
debug.log(' drop object type includes: ' + ty);
}
// An Origin URI is one like https://fred.github.io eith no trailing slash
if (uri.startsWith('http') && uri.split('/').length === 3) {
// there is no third slash
return {
pred: 'origin',
obj: obj
}; // The only way to know an origin alas
}
// @@ This is an almighty kludge needed because drag and drop adds extra slashes to origins
if (uri.startsWith('http') && uri.split('/').length === 4 && uri.endsWith('/')) {
// there IS third slash
debug.log('Assuming final slash on dragged origin URI was unintended!');
return {
pred: 'origin',
obj: (0, _rdflib.sym)(uri.slice(0, -1))
}; // Fix a URI where the drag and drop system has added a spurious slash
}
if (ns.vcard('WebID').uri in types) return {
pred: 'agent',
obj: obj
};
if (ns.vcard('Group').uri in types) {
return {
pred: 'agentGroup',
obj: obj
}; // @@ note vcard membership not RDFs
}
if (obj.sameTerm(ns.foaf('Agent')) || obj.sameTerm(ns.acl('AuthenticatedAgent')) ||
// AuthenticatedAgent
obj.sameTerm(ns.rdf('Resource')) || obj.sameTerm(ns.owl('Thing'))) {
return {
pred: 'agentClass',
obj: obj
};
}
if (ns.vcard('Individual').uri in types || ns.foaf('Person').uri in types || ns.foaf('Agent').uri in types) {
var pref = kb.any(obj, ns.foaf('preferredURI'));
if (pref) return {
pred: 'agent',
obj: (0, _rdflib.sym)(pref)
};
return {
pred: 'agent',
obj: obj
};
}
if (ns.solid('AppProvider').uri in types) {
return {
pred: 'origin',
obj: obj
};
}
if (ns.solid('AppProviderClass').uri in types) {
return {
pred: 'originClass',
obj: obj
};
}
debug.log(' Triage fails for ' + uri);
return null;
}
//# sourceMappingURL=access-groups.js.map
/***/ }),
/***/ "./lib/acl/acl-control.js":
/*!********************************!*\
!*** ./lib/acl/acl-control.js ***!
\********************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "./node_modules/@babel/runtime/helpers/interopRequireDefault.js");
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js");
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports.ACLControlBox5 = ACLControlBox5;
exports.handleDrop = handleDrop;
exports.preventBrowserDropEvents = preventBrowserDropEvents;
exports.preventDrag = preventDrag;
exports.setGlobalWindow = setGlobalWindow;
exports.shortNameForFolder = shortNameForFolder;
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js"));
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
var ns = _interopRequireWildcard(__webpack_require__(/*! ../ns */ "./lib/ns.js"));
var utils = _interopRequireWildcard(__webpack_require__(/*! ../utils */ "./lib/utils/index.js"));
var _acl = __webpack_require__(/*! ./acl */ "./lib/acl/acl.js");
var _accessController = __webpack_require__(/*! ./access-controller */ "./lib/acl/access-controller.js");
var style = _interopRequireWildcard(__webpack_require__(/*! ../style */ "./lib/style.js"));
var _debug = __webpack_require__(/*! ../debug */ "./lib/debug.js");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
/**
* Functions for rendering the ACL User Interface.
* See https://github.com/solidos/userguide/blob/main/views/sharing/userguide.md#view
* for a screenshot.
* @packageDocumentation
*/
var global = window;
var preventBrowserDropEventsDone = Symbol('prevent double triggering of drop event');
/**
* See https://coshx.com/preventing-drag-and-drop-disasters-with-a-chrome-userscript
* Without this dropping anything onto a browser page will cause chrome etc to jump to diff page
* throwing away all the user's work.
*
* In apps which may use drag and drop, this utility takes care of the fact
* by default in a browser, an uncaught user drop into a browser window
* causes the browser to lose all its work in that window and navigate to another page
*
* @param document The DOM
* @returns void
*/
function preventBrowserDropEvents(document) {
(0, _debug.log)('preventBrowserDropEvents called.');
if (typeof global !== 'undefined') {
if (global[preventBrowserDropEventsDone]) return;
global[preventBrowserDropEventsDone] = true;
}
document.addEventListener('drop', handleDrop, false);
document.addEventListener('dragenter', preventDrag, false);
document.addEventListener('dragover', preventDrag, false);
}
/** @internal */
function preventDrag(e) {
e.stopPropagation();
e.preventDefault();
}
/** @internal */
function handleDrop(e) {
if (e.dataTransfer.files.length > 0) {
if (!global.confirm('Are you sure you want to drop this file here? (Cancel opens it in a new tab)')) {
e.stopPropagation();
e.preventDefault();
(0, _debug.log)('@@@@ document-level DROP suppressed: ' + e.dataTransfer.dropEffect);
}
}
}
/**
* Get a folder's own filename in the directory tree. Also works for
* domain names; the URL protocol ('https://') acts as the tree root
* with short name '/' (see also test/unit/acl/acl-control.test.ts).
*
* ```typescript
* shortNameForFolder($rdf.namedNode('http://example.com/some/folder/'))
* // 'folder'
*
* shortNameForFolder($rdf.namedNode('http://example.com/some/folder'))
* // 'folder'
*
* shortNameForFolder($rdf.namedNode('http://example.com/'))
* // 'example.com'
*
* shortNameForFolder($rdf.namedNode('http://example.com'))
* // 'example.com'
*
* shortNameForFolder($rdf.namedNode('http://'))
* // '/'
* ```
*
* It also works with relative URLs:
* ```typescript
* shortNameForFolder($rdf.namedNode('../folder/'))
* // 'folder'
* ```
*
* @param x RDF Node for the folder URL
* @returns Short name for the folder
*/
function shortNameForFolder(x) {
var str = x.uri;
// Strip the trailing slash
if (str.slice(-1) === '/') {
str = str.slice(0, -1);
}
// Remove the path if present, keeping only the part
// after the last slash.
var slash = str.lastIndexOf('/');
if (slash >= 0) {
str = str.slice(slash + 1);
}
// Return the folder's filename, or '/' if nothing found
// (but see https://github.com/solidos/solid-ui/issues/196
// regarding whether this happens at the domain root or
// not)
return str || '/';
}
/**
* A wrapper that retrieves ACL data and uses it
* to render an [[AccessController]] component.
* Presumably the '5' is a version number of some sort,
* but all we know is it was already called ACLControlBox5
* when it was introduced into solid-ui in
* https://github.com/solidos/solid-ui/commit/948b874bd93e7bf5160e6e224821b888f07d15f3#diff-4192a29f38a0ababd563b36b47eba5bbR54
*/
function ACLControlBox5(subject, context, noun, kb) {
var dom = context.dom;
var doc = subject.doc(); // The ACL is actually to the doc describing the thing
var container = dom.createElement('div');
container.setAttribute('style', style.aclControlBoxContainer);
var header = container.appendChild(dom.createElement('h1'));
header.textContent = "Sharing for ".concat(noun, " ").concat(utils.label(subject));
header.setAttribute('style', style.aclControlBoxHeader);
var status = container.appendChild(dom.createElement('div'));
status.setAttribute('style', style.aclControlBoxStatus);
try {
loadController(doc, kb, subject, noun, context, dom, status).then(function (controller) {
return container.appendChild(controller.render());
});
} catch (error) {
status.innerText = error;
}
return container;
}
function loadController(_x, _x2, _x3, _x4, _x5, _x6, _x7) {
return _loadController.apply(this, arguments);
}
function _loadController() {
_loadController = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(doc, kb, subject, noun, context, dom, status) {
return _regenerator["default"].wrap(function (_context2) {
while (1) switch (_context2.prev = _context2.next) {
case 0:
return _context2.abrupt("return", new Promise(function (resolve, reject) {
return (0, _acl.getACLorDefault)(doc, /*#__PURE__*/function () {
var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(ok, isDirectACL, targetDoc, targetACLDoc, defaultHolder, defaultACLDoc) {
var targetDirectory, targetIsProtected, prospectiveDefaultHolder, getController, _t;
return _regenerator["default"].wrap(function (_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
getController = function _getController(prospectiveDefaultHolder) {
return new _accessController.AccessController(subject, noun, context, status, targetIsProtected, targetDoc, targetACLDoc, defaultHolder, defaultACLDoc, prospectiveDefaultHolder, kb, dom);
};
if (ok) {
_context.next = 1;
break;
}
return _context.abrupt("return", reject(new Error("Error reading ".concat(isDirectACL ? '' : ' default ', "ACL. status ").concat(targetDoc, ": ").concat(targetACLDoc))));
case 1:
targetDirectory = getDirectory(targetDoc);
targetIsProtected = isStorage(targetDoc, targetACLDoc, kb) || hasProtectedAcl(targetDoc);
if (!(!targetIsProtected && targetDirectory)) {
_context.next = 5;
break;
}
_context.prev = 2;
_context.next = 3;
return (0, _acl.getProspectiveHolder)(targetDirectory);
case 3:
prospectiveDefaultHolder = _context.sent;
return _context.abrupt("return", resolve(getController(prospectiveDefaultHolder)));
case 4:
_context.prev = 4;
_t = _context["catch"](2);
// No need to show this error in status, but good to warn about it in console
(0, _debug.warn)(_t);
case 5:
return _context.abrupt("return", resolve(getController()));
case 6:
case "end":
return _context.stop();
}
}, _callee, null, [[2, 4]]);
}));
return function (_x8, _x9, _x0, _x1, _x10, _x11) {
return _ref.apply(this, arguments);
};
}());
}));
case 1:
case "end":
return _context2.stop();
}
}, _callee2);
}));
return _loadController.apply(this, arguments);
}
function getDirectory(doc) {
var str = doc.uri.split('#')[0];
var p = str.slice(0, -1).lastIndexOf('/');
var q = str.indexOf('//');
return q >= 0 && p < q + 2 || p < 0 ? null : str.slice(0, p + 1);
}
function isStorage(doc, aclDoc, store) {
// @@ TODO: The methods used for targetIsStorage are HACKs - it should not be relied upon, and work is
// @@ underway to standardize a behavior that does not rely upon this hack
// @@ hopefully fixed as part of https://github.com/solidos/data-interoperability-panel/issues/10
return store.holds(doc, ns.rdf('type'), ns.space('Storage'), aclDoc);
}
function hasProtectedAcl(targetDoc) {
// @@ TODO: