solid-ui
Version:
UI library for writing Solid read-write-web applications
1,285 lines (1,087 loc) • 3.08 MB
JavaScript
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "./lib/index.js");
/******/ })
/************************************************************************/
/******/ ({
/***/ "./lib/acl/access-controller.js":
/*!**************************************!*\
!*** ./lib/acl/access-controller.js ***!
\**************************************/
/*! no static exports found */
/***/ (function(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 _authn = __webpack_require__(/*! ../authn/authn */ "./lib/authn/authn.js");
var utils = _interopRequireWildcard(__webpack_require__(/*! ../utils */ "./lib/utils/index.js"));
var debug = _interopRequireWildcard(__webpack_require__(/*! ../debug */ "./lib/debug.js"));
var _ns = _interopRequireDefault(__webpack_require__(/*! ../ns */ "./lib/ns.js"));
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
/**
* Contains the [[AccessController]] class
* @packageDocumentation
*/
/**
* Rendered HTML component used in the databrowser's Sharing pane.
*/
var AccessController = /*#__PURE__*/function () {
function AccessController(subject, noun, context, statusElement, classes, 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.classes = classes;
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.classList.add(classes.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);
}
}
(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.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.classList.add(this.classes.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.classList.add(this.classes.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.classList.add(this.classes.defaultsController);
var noticeElement = containerElement.appendChild(this.dom.createElement('div'));
noticeElement.innerText = 'Sharing for things within the folder currently tracks sharing for the folder.';
noticeElement.classList.add(this.classes.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.classList.add(this.classes.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.classList.add(this.classes.defaultsController);
var noticeElement = containerElement.appendChild(this.dom.createElement('div'));
noticeElement.innerText = 'Access to things within this folder:';
noticeElement.classList.add(this.classes.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.classList.add(this.classes.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/solid/mashlib/issues/87
this.statusElement.classList.add(this.classes.aclControlBoxStatusRevealed);
this.statusElement.innerText = message;
this.statusElement.classList.add(this.classes.temporaryStatusInit);
setTimeout(function () {
_this5.statusElement.classList.add(_this5.classes.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/solid/mashlib/issues/87
this.statusElement.classList.toggle(this.classes.aclControlBoxStatusRevealed, !!message);
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;
return _regenerator["default"].wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
if (!(!this.defaultHolder || !this.defaultACLDoc)) {
_context.next = 4;
break;
}
message = 'Unable to find defaults to copy';
debug.error(message);
return _context.abrupt("return", Promise.reject(message));
case 4:
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 = 6;
_context.next = 9;
return this.store.fetcher.putBack(this.targetACLDoc);
case 9:
this.isUsingDefaults = false;
return _context.abrupt("return", Promise.resolve());
case 13:
_context.prev = 13;
_context.t0 = _context["catch"](6);
_message = " Error writing back access control file! ".concat(_context.t0);
debug.error(_message);
return _context.abrupt("return", Promise.reject(_message));
case 18:
case "end":
return _context.stop();
}
}
}, _callee, this, [[6, 13]]);
}));
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 _callee2$(_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 2:
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;
return _regenerator["default"].wrap(function _callee3$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
_context3.prev = 0;
_context3.next = 3;
return this.store.fetcher["delete"](this.targetACLDoc.uri, {});
case 3:
this.isUsingDefaults = true;
_context3.prev = 4;
_context3.next = 7;
return (0, _acl.getProspectiveHolder)(this.targetDoc.uri);
case 7:
this.prospectiveDefaultHolder = _context3.sent;
_context3.next = 13;
break;
case 10:
_context3.prev = 10;
_context3.t0 = _context3["catch"](4);
// No need to show this error in status, but good to warn about it in console
debug.warn(_context3.t0);
case 13:
_context3.next = 20;
break;
case 15:
_context3.prev = 15;
_context3.t1 = _context3["catch"](0);
message = "Error deleting access control file: ".concat(this.targetACLDoc, ": ").concat(_context3.t1);
debug.error(message);
return _context3.abrupt("return", Promise.reject(message));
case 20:
case "end":
return _context3.stop();
}
}
}, _callee3, this, [[0, 15], [4, 10]]);
}));
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;
return _regenerator["default"].wrap(function _callee4$(_context4) {
while (1) {
switch (_context4.prev = _context4.next) {
case 0:
fallbackCombo = this.defaultsCombo;
_context4.prev = 1;
this.defaultsCombo = null;
this.defaultsDiffer = false;
_context4.next = 6;
return this.save();
case 6:
_context4.next = 14;
break;
case 8:
_context4.prev = 8;
_context4.t0 = _context4["catch"](1);
this.defaultsCombo = fallbackCombo;
this.defaultsDiffer = true;
debug.error(_context4.t0);
return _context4.abrupt("return", Promise.reject(_context4.t0));
case 14:
case "end":
return _context4.stop();
}
}
}, _callee4, this, [[1, 8]]);
}));
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);
}
var updater = newAClGraph.updater || new _rdflib.UpdateManager(newAClGraph); // save ACL resource
return new Promise(function (resolve, reject) {
// check acl for acl:Write alert and acl:Control confirm
var hasWrite = newAClGraph.any(undefined, _ns["default"].acl('mode'), _ns["default"].acl('Write'), _this7.targetACLDoc);
var hasControl = newAClGraph.any(undefined, _ns["default"].acl('mode'), _ns["default"].acl('Control'), _this7.targetACLDoc);
var user = (0, _authn.currentUser)();
var webId = user ? user.uri : 'user';
if (!hasWrite) {
alert('There is no "Write access" this is not allowed');
return reject(new Error('ACL file save rejected : no acl:Write'));
} else if (!(hasControl || confirm('There is no "owner access" -- this is a dangerous situation !!!,' + "\n".concat(webId, ",\nyou may lose access to the resources covered by this ACL !!!") + '\n\nDo you confirm ?'))) {
return reject(new Error('ACL file save canceled by user'));
} else {
// save acl
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();
});
}
});
}
}]);
return AccessController;
}();
exports.AccessController = AccessController;
//# sourceMappingURL=access-controller.js.map
/***/ }),
/***/ "./lib/acl/access-groups.js":
/*!**********************************!*\
!*** ./lib/acl/access-groups.js ***!
\**********************************/
/*! no static exports found */
/***/ (function(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"));
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
/**
* 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/solid/userguide/blob/main/views/sharing/userguide.md
*/
var AccessGroups = /*#__PURE__*/function () {
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;
(0, _rdflib.fetcher)(store, {}); // The store will already have an updater at this point:
// store.updater = new UpdateManager(store)
this._store = store; // TODO hacky, find a better solution
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.classList.add(this.controller.classes.accessGroupList);
}
(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.classList.add(this.controller.classes.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.classList.add(this.controller.classes.group);
groupNameColumn.classList.toggle(this.controller.classes["group-".concat(comboIndex)], this.controller.isEditable);
groupNameColumn.innerText = COLLOQUIAL[comboIndex] || ktToList(comboIndex);
var groupAgentsColumn = this.controller.dom.createElement('div');
groupAgentsColumn.classList.add(this.controller.classes.group);
groupAgentsColumn.classList.toggle(this.controller.classes["group-".concat(comboIndex)], this.controller.isEditable);
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.classList.add(this.controller.classes.group);
groupDescriptionElement.classList.toggle(this.controller.classes["group-".concat(comboIndex)], this.controller.isEditable);
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 _callee$(_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 = 5;
return this.controller.save();
case 5:
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 _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
_context2.next = 2;
return this.handleDroppedUri(uri, kToCombo(1));
case 2:
_context2.next = 4;
return this.controller.save();
case 4:
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;
return _regenerator["default"].wrap(function _callee3$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
_context3.prev = 0;
_context3.next = 3;
return Promise.all(uris.map(function (uri) {
return _this5.handleDroppedUri(uri, combo);
}));
case 3:
_context3.next = 5;
return this.controller.save();
case 5:
_context3.next = 10;
break;
case 7:
_context3.prev = 7;
_context3.t0 = _context3["catch"](0);
return _context3.abrupt("return", Promise.reject(_context3.t0));
case 10:
case "end":
return _context3.stop();
}
}
}, _callee3, this, [[0, 7]]);
}));
function handleDroppedUris(_x5, _x6) {
return _handleDroppedUris.apply(this, arguments);
}
return handleDroppedUris;
}()
}, {
key: "handleDroppedUri",
value: function () {
var _handleDroppedUri = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(uri, combo) {
var secondAttempt,
agent,
thing,
message,
error,
_args4 = arguments;
return _regenerator["default"].wrap(function _callee4$(_context4) {
while (1) {
switch (_context4.prev = _context4.next) {
case 0:
secondAttempt = _args4.length > 2 && _args4[2] !== undefined ? _args4[2] : false;
agent = findAgent(uri, this.store); // eg 'agent', 'origin', agentClass'
thing = (0, _rdflib.sym)(uri);
if (!(!agent && !secondAttempt)) {
_context4.next = 18;
break;
}
debug.log(" Not obvious: looking up dropped thing ".concat(thing));
_context4.prev = 5;
_context4.next = 8;
return this._store.fetcher.load(thing.doc());
case 8:
_context4.next = 15;
break;
case 10:
_context4.prev = 10;
_context4.t0 = _context4["catch"](5);
message = "Ignore error looking up dropped thing: ".concat(_context4.t0);
debug.error(message);
return _context4.abrupt("return", Promise.reject(new Error(message)));
case 15:
return _context4.abrupt("return", this.handleDroppedUri(uri, combo, true));
case 18:
if (agent) {
_context4.next = 22;
break;
}
error = " Error: Drop fails to drop appropriate thing! ".concat(uri);
debug.error(error);
return _context4.abrupt("return", Promise.reject(new Error(error)));
case 22:
this.setACLCombo(combo, uri, agent, this.controller.subject);
case 23:
case "end":
return _context4.stop();
}
}
}, _callee4, this, [[5, 10]]);
}));
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);
}
}
}
}
}
}]);
return AccessGroups;
}();
exports.AccessGroups = AccessGroups;
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 ***!
\********************************/
/*! no static exports found */
/***/ (function(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.preventBrowserDropEvents = preventBrowserDropEvents;
exports.preventDrag = preventDrag;
exports.handleDrop = handleDrop;
exports.shortNameForFolder = shortNameForFolder;
exports.ACLControlBox5 = ACLControlBox5;
exports.setGlobalWindow = setGlobalWindow;
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 _jss = __webpack_require__(/*! ../jss */ "./lib/jss/index.js");
var _styles = __webpack_require__(/*! ./styles */ "./lib/acl/styles.js");
var _debug = __webpack_require__(/*! ../debug */ "./lib/debug.js");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
/**
* Functions for rendering the ACL User Interface.
* See https://github.com/solid/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/solid/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/solid/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 classes = (0, _jss.getClasses)(dom.head, _styles.styles).classes;
var container = dom.createElement('div');
container.classList.add(classes.aclControlBoxContainer);
var header = container.appendChild(dom.createElement('h1'));
header.textContent = "Sharing for ".concat(noun, " ").concat(utils.l