solid-ui 3.0.5-test.7 → 3.0.5

package/dist/solid-ui.js

@@ -4913,6 +4913,8 @@ function basicField(dom, container, already, subject, form, doc, callbackFunctio
   field.style = inputStyle;
   rhs.appendChild(field);
   field.setAttribute('type', params.type ? params.type : 'text');
+  var fieldType = (field.getAttribute('type') || '').toLowerCase();
+  var deferWhileFocused = fieldType === 'date' || fieldType === 'datetime-local';
   var size = kb.anyJS(form, src_ns.ui('size')) || styleConstants.textInputSize || 20;
   field.setAttribute('size', size);
   var maxLength = kb.any(form, src_ns.ui('maxLength'));
@@ -4951,9 +4953,18 @@ function basicField(dom, container, already, subject, form, doc, callbackFunctio
     }
   }, true);
   field.addEventListener('change', function (_e) {
+    if (deferWhileFocused && dom.activeElement === field) {
+      if (field.dataset) {
+        field.dataset.deferredChange = 'true';
+      }
+      return;
+    }
     // i.e. lose focus with changed data
     if (params.pattern && !field.value.match(params.pattern)) return;
-    field.disabled = true; // See if this stops getting two dates from fumbling e.g the chrome datepicker.
+    var disabledForSave = !deferWhileFocused;
+    if (disabledForSave) {
+      field.disabled = true; // See if this stops getting two dates from fumbling, e.g., the chrome datepicker.
+    }
     field.setAttribute('style', inputStyle + 'color: gray;'); // pending
     var ds = kb.statementsMatching(subject, property); // remove any multiple values
     var result;
@@ -5021,7 +5032,9 @@ function basicField(dom, container, already, subject, form, doc, callbackFunctio
     updateMany(ds, is, function (uri, ok, body) {
       // kb.updater.update(ds, is, function (uri, ok, body) {
       if (ok) {
-        field.disabled = false;
+        if (disabledForSave) {
+          field.disabled = false;
+        }
         field.setAttribute('style', inputStyle);
       } else {
         box.appendChild(errorMessageBlock(dom, body));
@@ -5029,6 +5042,15 @@ function basicField(dom, container, already, subject, form, doc, callbackFunctio
       callbackFunction(ok, body);
     });
   }, true);
+  field.addEventListener('blur', function (_e) {
+    if (deferWhileFocused && field.dataset && field.dataset.deferredChange === 'true') {
+      delete field.dataset.deferredChange;
+      var event = new Event('change', {
+        bubbles: true
+      });
+      field.dispatchEvent(event);
+    }
+  }, true);
   return box;
 }
 ;// ./src/widgets/forms/autocomplete/language.ts
@@ -11478,6 +11500,8 @@ var AccessGroups = /*#__PURE__*/function () {
           thing,
           _this$_store,
           message,
+          detectedTypes,
+          typeDetails,
           error,
           _args4 = arguments,
           _t2;
@@ -11511,7 +11535,9 @@ var AccessGroups = /*#__PURE__*/function () {
                 _context4.next = 6;
                 break;
               }
-              error = "   Error: Drop fails to drop appropriate thing! ".concat(uri);
+              detectedTypes = Object.keys(this.store.findTypeURIs(thing));
+              typeDetails = detectedTypes.length > 0 ? "Detected RDF types: ".concat(detectedTypes.join(', ')) : 'No RDF type was detected for this URI.';
+              error = "Error: Failed to add access target: ".concat(uri, " is not a recognized ACL target type.") + " Expected one of: vcard:WebID, vcard:Group, foaf:Person, foaf:Agent, solid:AppProvider, solid:AppProviderClass, or recognized ACL classes." + ' Hint: try dropping a WebID profile URI, a vcard:Group URI, or a web app origin.' + typeDetails;
               src_debug/* error */.z3(error);
               return _context4.abrupt("return", Promise.reject(new Error(error)));
             case 6:
@@ -19018,8 +19044,8 @@ function notepad(dom, padDoc, subject, me, options) {
     }
   }
   /* @@ TODO want to look into this, it seems upstream should be a boolean and default to false ?
-  *
-  */
+   *
+   */
   var complain = function complain(message) {
     var upstream = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     (0,src_debug/* log */.Rm)(message);
@@ -19031,6 +19057,7 @@ function notepad(dom, padDoc, subject, me, options) {
   // @@ TODO need to refactor so that we don't have to type cast
   var clearStatus = function clearStatus(_upsteam) {
     if (options.statusArea) {
+      ;
       options.statusArea.innerHTML = '';
     }
   };
@@ -19062,7 +19089,7 @@ function notepad(dom, padDoc, subject, me, options) {
     var next = kb.any(chunk, PAD('next'));
     if (prev.sameTerm(subject) && next.sameTerm(subject)) {
       // Last one
-      (0,src_debug/* log */.Rm)('You can\'t delete the only line.');
+      (0,src_debug/* log */.Rm)("You can't delete the only line.");
       return;
     }
     var del = kb.statementsMatching(chunk, undefined, undefined, padDoc).concat(kb.statementsMatching(undefined, undefined, chunk, padDoc));
@@ -19104,10 +19131,10 @@ function notepad(dom, padDoc, subject, me, options) {
         }, 1000);
       } else {
         (0,src_debug/* log */.Rm)('    removePart FAILED ' + chunk + ': ' + errorMessage);
-        (0,src_debug/* log */.Rm)('    removePart was deleteing :\'' + del);
+        (0,src_debug/* log */.Rm)("    removePart was deleting :'" + del);
         setPartStyle(part, 'color: black;  background-color: #fdd;'); // failed
         var res = response ? response.status : ' [no response field] ';
-        complain('Error ' + res + ' saving changes: ' + errorMessage["true"]); // upstream,
+        complain('Error ' + res + ' saving changes: ' + String(errorMessage)); // upstream,
         // updater.requestDownstreamAction(padDoc, reloadAndSync);
       }
     });
@@ -19124,7 +19151,7 @@ function notepad(dom, padDoc, subject, me, options) {
     }
     updater.update(del, ins, function (uri, ok, errorBody) {
       if (!ok) {
-        (0,src_debug/* log */.Rm)('Indent change FAILED \'' + newIndent + '\' for ' + padDoc + ': ' + errorBody);
+        (0,src_debug/* log */.Rm)("Indent change FAILED '" + newIndent + "' for " + padDoc + ': ' + errorBody);
         setPartStyle(part, 'color: black;  background-color: #fdd;'); // failed
         updater.requestDownstreamAction(padDoc, reloadAndSync);
       } else {
@@ -19133,6 +19160,7 @@ function notepad(dom, padDoc, subject, me, options) {
     });
   };
   var addListeners = function addListeners(part, chunk) {
+    var inputDebounceTimer = null;
     part.addEventListener('keydown', function (event) {
       if (!updater) {
         throw new Error('no updater');
@@ -19141,8 +19169,8 @@ function notepad(dom, padDoc, subject, me, options) {
       //  up 38; down 40; left 37; right 39     tab 9; shift 16; escape 27
       switch (event.keyCode) {
         case 13:
-          // Return
           {
+            // Return
             var before = event.shiftKey;
             (0,src_debug/* log */.Rm)('enter'); // Shift-return inserts before -- only way to add to top of pad.
             if (before) {
@@ -19189,8 +19217,8 @@ function notepad(dom, padDoc, subject, me, options) {
           }
           break;
         case 9:
-          // Tab
           {
+            // Tab
             var delta = event.shiftKey ? -1 : 1;
             changeIndent(part, chunk, delta);
             event.preventDefault(); // default is to highlight next field
@@ -19233,7 +19261,8 @@ function notepad(dom, padDoc, subject, me, options) {
       // DEBUGGING ONLY
       if (part.lastSent) {
         if (old !== part.lastSent) {
-          throw new Error('Out of order, last sent expected \'' + old + '\' but found \'' + part.lastSent + '\'');
+          // Non-fatal: log a warning instead of throwing, to avoid crashing the pad UI.
+          console.warn("Out of order, last sent expected '" + old + "' but found '" + part.lastSent + "'");
         }
       }
       part.lastSent = newOne;
@@ -19253,7 +19282,7 @@ function notepad(dom, padDoc, subject, me, options) {
       updater.update(del, ins, function (uri, ok, errorBody, xhr) {
         if (!ok) {
           // alert("clash " + errorBody);
-          (0,src_debug/* log */.Rm)('    patch FAILED ' + xhr.status + ' for \'' + old + '\' -> \'' + newOne + '\': ' + errorBody);
+          (0,src_debug/* log */.Rm)('    patch FAILED ' + xhr.status + " for '" + old + "' -> '" + newOne + "': " + errorBody);
           if (xhr.status === 409) {
             // Conflict -  @@ we assume someone else
             setPartStyle(part, 'color: black;  background-color: #fdd;');
@@ -19264,15 +19293,28 @@ function notepad(dom, padDoc, subject, me, options) {
             }, 1000);
           } else {
             setPartStyle(part, 'color: black;  background-color: #fdd;'); // failed pink
-            part.state = 0;
-            complain('    Error ' + xhr.status + ' sending data: ' + errorBody, true);
-            beep(1.0, 128); // Other
-            // @@@   Do soemthing more serious with other errors eg auth, etc
+            var status = xhr === null || xhr === void 0 ? void 0 : xhr.status;
+            if (!status || status === 502 || status === 503) {
+              // Transient server error – retry after a short delay
+              part.lastSent = undefined;
+              part.state = 0;
+              setTimeout(function () {
+                if (part.state === 0 || part.state === undefined) {
+                  part.state = 1;
+                  _updateStore(part);
+                }
+              }, 2000);
+            } else {
+              part.state = 0;
+              complain('    Error ' + status + ' sending data: ' + errorBody, true);
+              beep(1.0, 128); // Other
+              // @@@   Do something more serious with other errors eg auth, etc
+            }
           }
         } else {
           clearStatus(true); // upstream
           setPartStyle(part); // synced
-          (0,src_debug/* log */.Rm)('    Patch ok \'' + old + '\' -> \'' + newOne + '\' ');
+          (0,src_debug/* log */.Rm)("    Patch ok '" + old + "' -> '" + newOne + "' ");
           if (part.state === 4) {
             //  delete me
             part.state = 3;
@@ -19292,7 +19334,7 @@ function notepad(dom, padDoc, subject, me, options) {
     part.addEventListener('input', function inputChangeListener(_event) {
       // debug.log("input changed "+part.value);
       setPartStyle(part, undefined, true); // grey out - not synced
-      (0,src_debug/* log */.Rm)('Input event state ' + part.state + ' value \'' + part.value + '\'');
+      (0,src_debug/* log */.Rm)('Input event state ' + part.state + " value '" + part.value + "'");
       switch (part.state) {
         case 3:
           // being deleted
@@ -19308,8 +19350,15 @@ function notepad(dom, padDoc, subject, me, options) {
           return;
         case 0:
         case undefined:
-          part.state = 1; // being upadted
-          _updateStore(part);
+          // Debounce: wait for a pause in typing before sending PATCH
+          if (inputDebounceTimer !== null) clearTimeout(inputDebounceTimer);
+          inputDebounceTimer = setTimeout(function () {
+            inputDebounceTimer = null;
+            if (part.state === 0 || part.state === undefined) {
+              part.state = 1; // being updated
+              _updateStore(part);
+            }
+          }, 400);
       }
     }); // listener
   }; // addlisteners
@@ -19339,13 +19388,13 @@ function notepad(dom, padDoc, subject, me, options) {
       addListeners(part, chunk);
     } else {
       setPartStyle(part, 'color: #222; background-color: #fff');
-      (0,src_debug/* log */.Rm)('Note can\'t add listeners - not logged in');
+      (0,src_debug/* log */.Rm)("Note can't add listeners - not logged in");
     }
     return part;
   };
 
   /* @@ TODO we need to look at indent, it can be a Number or an Object this doesn't seem correct.
-  */
+   */
   var _newChunk = function newChunk(ele, before) {
     // element of chunk being split
     var kb = pad_store;
@@ -19470,6 +19519,7 @@ function notepad(dom, padDoc, subject, me, options) {
       var msg = 'Pad: Inconsistent data - NEXT pointers: ' + kb.each(subject, PAD('next')).length;
       (0,src_debug/* log */.Rm)(msg);
       if (options.statusArea) {
+        ;
         options.statusArea.textContent += msg;
       }
       return;