@conform-to/dom 0.4.0-pre.3 → 0.4.0

package/_virtual/_rollupPluginBabelHelpers.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
-
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     enumerableOnly && (symbols = symbols.filter(function (sym) {
       return Object.getOwnPropertyDescriptor(object, sym).enumerable;
     })), keys.push.apply(keys, symbols);
   }
-
   return keys;
 }
-
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -24,10 +21,8 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
-
   return target;
 }
-
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -39,7 +34,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 

package/index.js

@@ -12,32 +12,25 @@ function getFormElements(form) {
 }
 function getPaths(name) {
   var pattern = /(\w*)\[(\d+)\]/;
-
   if (!name) {
     return [];
   }
-
   return name.split('.').flatMap(key => {
     var matches = pattern.exec(key);
-
     if (!matches) {
       return key;
     }
-
     if (matches[1] === '') {
       return Number(matches[2]);
     }
-
     return [matches[1], Number(matches[2])];
   });
 }
 function getFormData(form, submitter) {
   var payload = new FormData(form);
-
   if (submitter !== null && submitter !== void 0 && submitter.name) {
     payload.append(submitter.name, submitter.value);
   }
-
   return payload;
 }
 function getName(paths) {
@@ -45,11 +38,9 @@ function getName(paths) {
     if (typeof path === 'number') {
       return "".concat(name, "[").concat(path, "]");
     }
-
     if (name === '' || path === '') {
       return [name, path].join('');
     }
-
     return [name, path].join('.');
   }, '');
 }
@@ -64,11 +55,9 @@ function hasError(error, name) {
 }
 function setFormError(form, submission) {
   var firstErrorByName = Object.fromEntries([...submission.error].reverse());
-
   for (var element of form.elements) {
     if (isFieldElement(element)) {
       var error = firstErrorByName[element.name];
-
       if (typeof error !== 'undefined' || shouldValidate(submission, element.name)) {
         element.setCustomValidity(error !== null && error !== void 0 ? error : '');
       }
@@ -80,10 +69,8 @@ function setValue(target, paths, valueFn) {
   var lastIndex = length - 1;
   var index = -1;
   var pointer = target;
-
   while (pointer != null && ++index < length) {
     var _pointer$key;
-
     var key = paths[index];
     var next = paths[index + 1];
     var newValue = index != lastIndex ? (_pointer$key = pointer[key]) !== null && _pointer$key !== void 0 ? _pointer$key : typeof next === 'number' ? [] : {} : valueFn(pointer[key]);
@@ -111,20 +98,16 @@ function requestValidate(form, field) {
 }
 function getFormElement(element) {
   var form = element instanceof HTMLFormElement ? element : element === null || element === void 0 ? void 0 : element.form;
-
   if (!form) {
     return null;
   }
-
   return form;
 }
 function focusFirstInvalidField(form) {
   var currentFocus = document.activeElement;
-
   if (!isFieldElement(currentFocus) || currentFocus.tagName !== 'BUTTON' || currentFocus.form !== form) {
     return;
   }
-
   for (var field of form.elements) {
     if (isFieldElement(field)) {
       // Focus on the first non button field
@@ -137,11 +120,9 @@ function focusFirstInvalidField(form) {
 }
 function getSubmissionType(name) {
   var prefix = 'conform/';
-
   if (!name.startsWith(prefix) || name.length <= prefix.length) {
     return null;
   }
-
   return name.slice(prefix.length);
 }
 function parse(payload) {
@@ -151,20 +132,16 @@ function parse(payload) {
     value: {},
     error: []
   };
-
   try {
     var _loop = function _loop(name, value) {
       var submissionType = getSubmissionType(name);
-
       if (submissionType) {
         if (typeof value !== 'string') {
           throw new Error('The conform command could not be used on a file input');
         }
-
         if (hasCommand) {
           throw new Error('The conform command could only be set on a button');
         }
-
         submission = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, submission), {}, {
           type: submissionType,
           intent: value
@@ -176,16 +153,13 @@ function parse(payload) {
           if (prev) {
             throw new Error('Entry with the same name is not supported');
           }
-
           return value;
         });
       }
     };
-
     for (var [name, value] of payload.entries()) {
       _loop(name, value);
     }
-
     switch (submission.type) {
       case 'list':
         submission = handleList(submission);
@@ -194,17 +168,14 @@ function parse(payload) {
   } catch (e) {
     submission.error.push(['', e instanceof Error ? e.message : 'Invalid payload received']);
   }
-
   return submission;
 }
 function parseListCommand(data) {
   try {
     var command = JSON.parse(data);
-
     if (typeof command.type !== 'string' || !['prepend', 'append', 'replace', 'remove', 'reorder'].includes(command.type)) {
       throw new Error('Unsupported list command type');
     }
-
     return command;
   } catch (error) {
     throw new Error("Invalid list command: \"".concat(data, "\"; ").concat(error));
@@ -217,47 +188,38 @@ function updateList(list, command) {
         list.unshift(command.payload.defaultValue);
         break;
       }
-
     case 'append':
       {
         list.push(command.payload.defaultValue);
         break;
       }
-
     case 'replace':
       {
         list.splice(command.payload.index, 1, command.payload.defaultValue);
         break;
       }
-
     case 'remove':
       list.splice(command.payload.index, 1);
       break;
-
     case 'reorder':
       list.splice(command.payload.to, 0, ...list.splice(command.payload.from, 1));
       break;
-
     default:
       throw new Error('Unknown list command received');
   }
-
   return list;
 }
 function handleList(submission) {
   var _submission$intent;
-
   if (submission.type !== 'list') {
     return submission;
   }
-
   var command = parseListCommand((_submission$intent = submission.intent) !== null && _submission$intent !== void 0 ? _submission$intent : '');
   var paths = getPaths(command.scope);
   setValue(submission.value, paths, list => {
     if (!Array.isArray(list)) {
       throw new Error('The list command can only be applied to a list');
     }
-
     return updateList(list, command);
   });
   return submission;

package/module/_virtual/_rollupPluginBabelHelpers.js

@@ -1,16 +1,13 @@
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
-
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     enumerableOnly && (symbols = symbols.filter(function (sym) {
       return Object.getOwnPropertyDescriptor(object, sym).enumerable;
     })), keys.push.apply(keys, symbols);
   }
-
   return keys;
 }
-
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -20,10 +17,8 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
-
   return target;
 }
-
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -35,7 +30,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 

package/module/index.js

@@ -8,32 +8,25 @@ function getFormElements(form) {
 }
 function getPaths(name) {
   var pattern = /(\w*)\[(\d+)\]/;
-
   if (!name) {
     return [];
   }
-
   return name.split('.').flatMap(key => {
     var matches = pattern.exec(key);
-
     if (!matches) {
       return key;
     }
-
     if (matches[1] === '') {
       return Number(matches[2]);
     }
-
     return [matches[1], Number(matches[2])];
   });
 }
 function getFormData(form, submitter) {
   var payload = new FormData(form);
-
   if (submitter !== null && submitter !== void 0 && submitter.name) {
     payload.append(submitter.name, submitter.value);
   }
-
   return payload;
 }
 function getName(paths) {
@@ -41,11 +34,9 @@ function getName(paths) {
     if (typeof path === 'number') {
       return "".concat(name, "[").concat(path, "]");
     }
-
     if (name === '' || path === '') {
       return [name, path].join('');
     }
-
     return [name, path].join('.');
   }, '');
 }
@@ -60,11 +51,9 @@ function hasError(error, name) {
 }
 function setFormError(form, submission) {
   var firstErrorByName = Object.fromEntries([...submission.error].reverse());
-
   for (var element of form.elements) {
     if (isFieldElement(element)) {
       var error = firstErrorByName[element.name];
-
       if (typeof error !== 'undefined' || shouldValidate(submission, element.name)) {
         element.setCustomValidity(error !== null && error !== void 0 ? error : '');
       }
@@ -76,10 +65,8 @@ function setValue(target, paths, valueFn) {
   var lastIndex = length - 1;
   var index = -1;
   var pointer = target;
-
   while (pointer != null && ++index < length) {
     var _pointer$key;
-
     var key = paths[index];
     var next = paths[index + 1];
     var newValue = index != lastIndex ? (_pointer$key = pointer[key]) !== null && _pointer$key !== void 0 ? _pointer$key : typeof next === 'number' ? [] : {} : valueFn(pointer[key]);
@@ -107,20 +94,16 @@ function requestValidate(form, field) {
 }
 function getFormElement(element) {
   var form = element instanceof HTMLFormElement ? element : element === null || element === void 0 ? void 0 : element.form;
-
   if (!form) {
     return null;
   }
-
   return form;
 }
 function focusFirstInvalidField(form) {
   var currentFocus = document.activeElement;
-
   if (!isFieldElement(currentFocus) || currentFocus.tagName !== 'BUTTON' || currentFocus.form !== form) {
     return;
   }
-
   for (var field of form.elements) {
     if (isFieldElement(field)) {
       // Focus on the first non button field
@@ -133,11 +116,9 @@ function focusFirstInvalidField(form) {
 }
 function getSubmissionType(name) {
   var prefix = 'conform/';
-
   if (!name.startsWith(prefix) || name.length <= prefix.length) {
     return null;
   }
-
   return name.slice(prefix.length);
 }
 function parse(payload) {
@@ -147,20 +128,16 @@ function parse(payload) {
     value: {},
     error: []
   };
-
   try {
     var _loop = function _loop(name, value) {
       var submissionType = getSubmissionType(name);
-
       if (submissionType) {
         if (typeof value !== 'string') {
           throw new Error('The conform command could not be used on a file input');
         }
-
         if (hasCommand) {
           throw new Error('The conform command could only be set on a button');
         }
-
         submission = _objectSpread2(_objectSpread2({}, submission), {}, {
           type: submissionType,
           intent: value
@@ -172,16 +149,13 @@ function parse(payload) {
           if (prev) {
             throw new Error('Entry with the same name is not supported');
           }
-
           return value;
         });
       }
     };
-
     for (var [name, value] of payload.entries()) {
       _loop(name, value);
     }
-
     switch (submission.type) {
       case 'list':
         submission = handleList(submission);
@@ -190,17 +164,14 @@ function parse(payload) {
   } catch (e) {
     submission.error.push(['', e instanceof Error ? e.message : 'Invalid payload received']);
   }
-
   return submission;
 }
 function parseListCommand(data) {
   try {
     var command = JSON.parse(data);
-
     if (typeof command.type !== 'string' || !['prepend', 'append', 'replace', 'remove', 'reorder'].includes(command.type)) {
       throw new Error('Unsupported list command type');
     }
-
     return command;
   } catch (error) {
     throw new Error("Invalid list command: \"".concat(data, "\"; ").concat(error));
@@ -213,47 +184,38 @@ function updateList(list, command) {
         list.unshift(command.payload.defaultValue);
         break;
       }
-
     case 'append':
       {
         list.push(command.payload.defaultValue);
         break;
       }
-
     case 'replace':
       {
         list.splice(command.payload.index, 1, command.payload.defaultValue);
         break;
       }
-
     case 'remove':
       list.splice(command.payload.index, 1);
       break;
-
     case 'reorder':
       list.splice(command.payload.to, 0, ...list.splice(command.payload.from, 1));
       break;
-
     default:
       throw new Error('Unknown list command received');
   }
-
   return list;
 }
 function handleList(submission) {
   var _submission$intent;
-
   if (submission.type !== 'list') {
     return submission;
   }
-
   var command = parseListCommand((_submission$intent = submission.intent) !== null && _submission$intent !== void 0 ? _submission$intent : '');
   var paths = getPaths(command.scope);
   setValue(submission.value, paths, list => {
     if (!Array.isArray(list)) {
       throw new Error('The list command can only be applied to a list');
     }
-
     return updateList(list, command);
   });
   return submission;

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@conform-to/dom",
 	"description": "A set of opinionated helpers built on top of the Constraint Validation API",
 	"license": "MIT",
-	"version": "0.4.0-pre.3",
+	"version": "0.4.0",
 	"main": "index.js",
 	"module": "module/index.js",
 	"repository": {