solid-ui 3.1.0 → 3.1.1-test.0

package/dist/solid-ui.esm.js

@@ -5897,14 +5897,24 @@ function newAppInstance(dom, appDetails, callback) {
  * and/or a developer
  */
 async function getUserRoles() {
+  const sessionInfo = solid_logic__WEBPACK_IMPORTED_MODULE_1__.authSession.info;
+  if (!sessionInfo?.isLoggedIn || !sessionInfo?.webId) {
+    return [];
+  }
+  const currentUser = solid_logic__WEBPACK_IMPORTED_MODULE_1__.authn.currentUser();
+  if (!currentUser) {
+    return [];
+  }
   try {
     const {
       me,
       preferencesFile,
       preferencesFileError
-    } = await ensureLoadedPreferences({});
+    } = await ensureLoadedPreferences({
+      me: currentUser
+    });
     if (!preferencesFile || preferencesFileError) {
-      throw new Error(preferencesFileError);
+      throw new Error(preferencesFileError || 'Unable to load user preferences file.');
     }
     return solid_logic__WEBPACK_IMPORTED_MODULE_1__.solidLogicSingleton.store.each(me, _ns__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A.rdf('type'), null, preferencesFile.doc());
   } catch (error) {
@@ -10166,7 +10176,7 @@ function tabWidget(options) {
   rootElement.style.flexDirection = (vertical ? 'row' : 'column') + (flipped ? '-reverse' : '');
   const navElement = rootElement.appendChild(dom.createElement('nav'));
   navElement.setAttribute('style', _style__WEBPACK_IMPORTED_MODULE_2__/* .style */ .i.tabsNavElement);
-  const mainElement = rootElement.appendChild(dom.createElement('main'));
+  const mainElement = rootElement.appendChild(dom.createElement('div'));
   mainElement.setAttribute('style', _style__WEBPACK_IMPORTED_MODULE_2__/* .style */ .i.tabsMainElement); // override tabbedtab.css
   const tabContainer = navElement.appendChild(dom.createElement('ul'));
   tabContainer.setAttribute('style', _style__WEBPACK_IMPORTED_MODULE_2__/* .style */ .i.tabContainer);
@@ -10288,7 +10298,7 @@ function tabWidget(options) {
     function getOrCreateContainerElement(ele) {
       const bodyMain = ele.bodyTR?.children[0];
       if (bodyMain) return bodyMain;
-      const newBodyMain = ele.bodyTR.appendChild(dom.createElement('main'));
+      const newBodyMain = ele.bodyTR.appendChild(dom.createElement('div'));
       newBodyMain.setAttribute('style', bodyMainStyle);
       return newBodyMain;
     }
@@ -12197,6 +12207,11 @@ function attachmentList(dom, subject, div, options = {}) {
   // options = options || {}
   const docsWaitingForRowRefresh = new Set();
   const hasAsyncEnrichedRowOptions = !!(options.renderSupportingInfo || options.renderNameSuffix);
+  // Keep the generic default on for simple consumers: if row decoration depends on
+  // linked-profile data arriving later, attachmentList will rerender once that
+  // target document finishes loading. Complex callers with their own streaming or
+  // batched refresh pipeline can opt out to avoid duplicate whole-list refreshes.
+  const refreshOnDocumentLoad = options.refreshOnDocumentLoad ?? true;
   const deleteAttachment = function (target) {
     if (!kb.updater) {
       throw new Error('kb has no updater');
@@ -12216,13 +12231,16 @@ function attachmentList(dom, subject, div, options = {}) {
     };
     opt.renderSupportingInfo = options.renderSupportingInfo;
     opt.renderNameSuffix = options.renderNameSuffix;
-    if (hasAsyncEnrichedRowOptions && target?.uri && kb.fetcher) {
+    if (hasAsyncEnrichedRowOptions && refreshOnDocumentLoad && target?.uri && kb.fetcher) {
       const targetDoc = target.doc();
       const requestState = targetDoc?.uri ? kb.fetcher.requested?.[targetDoc.uri] : undefined;
       const shouldWaitForFetch = requestState !== 'done' && requestState !== 'failed';
       if (targetDoc?.uri && shouldWaitForFetch && !docsWaitingForRowRefresh.has(targetDoc.uri)) {
         docsWaitingForRowRefresh.add(targetDoc.uri);
-        // Root fix: these row options can depend on async profile data, so rerender once fetch completes.
+        // The row renderer may need data from the target profile that is not loaded yet.
+        // Register one follow-up refresh per target document so simple attachmentList
+        // consumers eventually show the enriched row contents without building their own
+        // async refresh orchestration.
         kb.fetcher.nowOrWhenFetched(targetDoc, undefined, () => {
           docsWaitingForRowRefresh.delete(targetDoc.uri);
           refresh();
@@ -12309,6 +12327,10 @@ function attachmentList(dom, subject, div, options = {}) {
     attachmentLeft.appendChild(paperclip);
     const fhandler = options.uploadFolder ? droppedFileHandler : null;
     (0,_dragAndDrop__WEBPACK_IMPORTED_MODULE_6__/* .makeDropTarget */ .DK)(paperclip, droppedURIHandler, fhandler); // beware missing the wire of the paparclip!
+    const paperclipImage = paperclip.querySelector('img');
+    if (paperclipImage) {
+      (0,_dragAndDrop__WEBPACK_IMPORTED_MODULE_6__/* .makeDropTarget */ .DK)(paperclipImage, droppedURIHandler, fhandler);
+    }
     (0,_dragAndDrop__WEBPACK_IMPORTED_MODULE_6__/* .makeDropTarget */ .DK)(attachmentLeft, droppedURIHandler, fhandler); // just the outer won't do it
 
     if (options.uploadFolder) {
@@ -12839,11 +12861,17 @@ const createLinkForURI = (dom, linkDiv, obj) => {
 /* global FileReader alert */
 
 function makeDropTarget(ele, droppedURIHandler, droppedFileHandler) {
+  const normalizeDroppedUris = function (uriText) {
+    return uriText.split('\n').map(uri => uri.trim()).filter(uri => uri && uri[0] !== '#');
+  };
   const dragoverListener = function (e) {
     e.preventDefault(); // Need this; otherwise, drop does not work.
+    e.stopPropagation();
     e.dataTransfer.dropEffect = 'copy';
   };
   const dragenterListener = function (e) {
+    e.preventDefault();
+    e.stopPropagation();
     _debug__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm('dragenter event dropEffect: ' + e.dataTransfer.dropEffect);
     if (this.localStyle) {
       //  necessary not sure when
@@ -12855,6 +12883,7 @@ function makeDropTarget(ele, droppedURIHandler, droppedFileHandler) {
     _debug__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm('dragenter event dropEffect 2: ' + e.dataTransfer.dropEffect);
   };
   const dragleaveListener = function (e) {
+    e.stopPropagation();
     _debug__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm('dragleave event dropEffect: ' + e.dataTransfer.dropEffect);
     if (this.savedStyle) {
       this.localStyle = this.savedStyle;
@@ -12864,6 +12893,7 @@ function makeDropTarget(ele, droppedURIHandler, droppedFileHandler) {
   };
   const dropListener = function (e) {
     if (e.preventDefault) e.preventDefault(); // stops the browser from redirecting off to the text.
+    if (e.stopPropagation) e.stopPropagation();
     _debug__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm('Drop event. dropEffect: ' + e.dataTransfer.dropEffect);
     _debug__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm('Drop event. types: ' + (e.dataTransfer.types ? e.dataTransfer.types.join(', ') : 'NOPE'));
     let uris = null;
@@ -12872,7 +12902,7 @@ function makeDropTarget(ele, droppedURIHandler, droppedFileHandler) {
       for (let t = 0; t < e.dataTransfer.types.length; t++) {
         const type = e.dataTransfer.types[t];
         if (type === 'text/uri-list') {
-          uris = e.dataTransfer.getData(type).split('\n'); // @ ignore those starting with #
+          uris = normalizeDroppedUris(e.dataTransfer.getData(type));
           _debug__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm('Dropped text/uri-list: ' + uris);
         } else if (type === 'text/plain') {
           text = e.dataTransfer.getData(type);
@@ -12885,13 +12915,14 @@ function makeDropTarget(ele, droppedURIHandler, droppedFileHandler) {
           droppedFileHandler(files);
         }
       }
-      if (uris === null && text && text.slice(0, 4) === 'http') {
-        uris = text;
-        _debug__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm('Waring: Poor man\'s drop: using text for URI'); // chrome disables text/uri-list??
+      const trimmedText = text ? text.trim() : '';
+      if (uris === null && trimmedText && trimmedText.slice(0, 4) === 'http') {
+        uris = [trimmedText];
+        _debug__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm('Warning: Poor man\'s drop: using text for URI'); // chrome disables text/uri-list??
       }
     } else {
       // ... however, if we're IE, we don't have the .types property, so we'll just get the Text value
-      uris = [e.dataTransfer.getData('Text')];
+      uris = normalizeDroppedUris(e.dataTransfer.getData('Text'));
       _debug__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm('WARNING non-standard drop event: ' + uris[0]);
     }
     _debug__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm('Dropped URI list (2): ' + uris);
@@ -14571,34 +14602,66 @@ function buildCheckboxForm(dom, kb, lab, del, ins, form, dataDoc, tristate) {
   }
   refresh();
   if (!editable) return box;
+  let isUpdating = false; // Prevent concurrent updates on double-click
+
   const boxHandler = function (_e) {
+    if (isUpdating) {
+      return; // Ignore clicks while update is in progress
+    }
+    isUpdating = true;
+    input.disabled = true; // Disable button to provide user feedback
+    let didFinishUpdate = false;
+    const finishUpdate = function () {
+      if (didFinishUpdate) return false;
+      didFinishUpdate = true;
+      isUpdating = false;
+      input.disabled = false;
+      return true;
+    };
+    const showUpdateError = function (errorBody) {
+      colorCarrier.style.color = '#000';
+      colorCarrier.style.backgroundColor = '#fee';
+      box.appendChild((0,_error__WEBPACK_IMPORTED_MODULE_5__/* .errorMessageBlock */ .F)(dom, `Checkbox: Error updating dataDoc from ${input.state} to ${input.newState}:\n\n${errorBody}`));
+    };
     colorCarrier.style.color = '#bbb'; // grey -- not saved yet
     const toDelete = input.state === true ? ins : input.state === false ? del : [];
     input.newState = input.state === null ? true : input.state === true ? false : tristate ? null : true;
     const toInsert = input.newState === true ? ins : input.newState === false ? del : [];
     _debug__WEBPACK_IMPORTED_MODULE_4__/* .log */ .Rm(`  Deleting  ${toDelete}`);
     _debug__WEBPACK_IMPORTED_MODULE_4__/* .log */ .Rm(`  Inserting ${toInsert}`);
-    kb.updater.update(toDelete, toInsert, function (uri, success, errorBody) {
-      if (!success) {
-        if (toDelete.why) {
-          const hmmm = kb.holds(toDelete.subject, toDelete.predicate, toDelete.object, toDelete.why);
-          if (hmmm) {
-            _debug__WEBPACK_IMPORTED_MODULE_4__/* .log */ .Rm(' @@@@@ weird if 409 - does hold statement');
+    try {
+      const updateResult = kb.updater.update(toDelete, toInsert, function (uri, success, errorBody) {
+        if (!finishUpdate()) return;
+        if (!success) {
+          if (toDelete.why) {
+            const hmmm = kb.holds(toDelete.subject, toDelete.predicate, toDelete.object, toDelete.why);
+            if (hmmm) {
+              _debug__WEBPACK_IMPORTED_MODULE_4__/* .log */ .Rm(' @@@@@ weird if 409 - does hold statement');
+            }
           }
+          showUpdateError(errorBody);
+        } else {
+          colorCarrier.style.color = '#000';
+          input.state = input.newState;
+          input.textContent = {
+            true: checkMarkCharacter,
+            false: cancelCharacter,
+            null: dashCharacter
+          }[input.state]; // @@
         }
-        colorCarrier.style.color = '#000';
-        colorCarrier.style.backgroundColor = '#fee';
-        box.appendChild((0,_error__WEBPACK_IMPORTED_MODULE_5__/* .errorMessageBlock */ .F)(dom, `Checkbox: Error updating dataDoc from ${input.state} to ${input.newState}:\n\n${errorBody}`));
-      } else {
-        colorCarrier.style.color = '#000';
-        input.state = input.newState;
-        input.textContent = {
-          true: checkMarkCharacter,
-          false: cancelCharacter,
-          null: dashCharacter
-        }[input.state]; // @@
+      });
+      if (updateResult && typeof updateResult.then === 'function') {
+        updateResult.catch(function (error) {
+          if (!finishUpdate()) return;
+          showUpdateError(error instanceof Error ? error.message : error);
+        }).finally(function () {
+          finishUpdate();
+        });
       }
-    });
+    } catch (error) {
+      finishUpdate();
+      throw error;
+    }
   };
   input.addEventListener('click', boxHandler, false);
   return box;
@@ -23872,18 +23935,6 @@ const oidNist = (suffix) => ({
 });
 //# sourceMappingURL=utils.js.map
 
-/***/ },
-
-/***/ 7697
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ randomUUID });
-
-
 /***/ },
 
 /***/ 3689
@@ -23892,16 +23943,9 @@ const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ rng)
 /* harmony export */ });
-let getRandomValues;
 const rnds8 = new Uint8Array(16);
 function rng() {
-    if (!getRandomValues) {
-        if (typeof crypto === 'undefined' || !crypto.getRandomValues) {
-            throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-        }
-        getRandomValues = crypto.getRandomValues.bind(crypto);
-    }
-    return getRandomValues(rnds8);
+    return crypto.getRandomValues(rnds8);
 }
 
 
@@ -23959,15 +24003,19 @@ function stringify(arr, offset = 0) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _native_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7697);
-/* harmony import */ var _rng_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3689);
-/* harmony import */ var _stringify_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8249);
-
+/* harmony import */ var _rng_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3689);
+/* harmony import */ var _stringify_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8249);
 
 
+function v4(options, buf, offset) {
+    if (!buf && !options && crypto.randomUUID) {
+        return crypto.randomUUID();
+    }
+    return _v4(options, buf, offset);
+}
 function _v4(options, buf, offset) {
     options = options || {};
-    const rnds = options.random ?? options.rng?.() ?? (0,_rng_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)();
+    const rnds = options.random ?? options.rng?.() ?? (0,_rng_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)();
     if (rnds.length < 16) {
         throw new Error('Random bytes length must be >= 16');
     }
@@ -23983,13 +24031,7 @@ function _v4(options, buf, offset) {
         }
         return buf;
     }
-    return (0,_stringify_js__WEBPACK_IMPORTED_MODULE_2__/* .unsafeStringify */ .k)(rnds);
-}
-function v4(options, buf, offset) {
-    if (_native_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.randomUUID && !buf && !options) {
-        return _native_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.randomUUID();
-    }
-    return _v4(options, buf, offset);
+    return (0,_stringify_js__WEBPACK_IMPORTED_MODULE_1__/* .unsafeStringify */ .k)(rnds);
 }
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (v4);