@conform-to/dom 0.7.0-pre.0 → 0.7.0-pre.2

package/_virtual/_rollupPluginBabelHelpers.js

@@ -1,3 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -48,4 +52,7 @@ function _toPropertyKey(arg) {
   return typeof key === "symbol" ? key : String(key);
 }
 
-export { _defineProperty as defineProperty, _objectSpread2 as objectSpread2, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey };
+exports.defineProperty = _defineProperty;
+exports.objectSpread2 = _objectSpread2;
+exports.toPrimitive = _toPrimitive;
+exports.toPropertyKey = _toPropertyKey;

package/_virtual/{_rollupPluginBabelHelpers.cjs → _rollupPluginBabelHelpers.mjs}

@@ -1,7 +1,3 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -52,7 +48,4 @@ function _toPropertyKey(arg) {
   return typeof key === "symbol" ? key : String(key);
 }
 
-exports.defineProperty = _defineProperty;
-exports.objectSpread2 = _objectSpread2;
-exports.toPrimitive = _toPrimitive;
-exports.toPropertyKey = _toPropertyKey;
+export { _defineProperty as defineProperty, _objectSpread2 as objectSpread2, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey };

package/dom.d.ts

@@ -49,7 +49,3 @@ export declare function requestSubmit(form: HTMLFormElement, submitter: Submitte
  * Focus on the first invalid form control in the form
  */
 export declare function focusFirstInvalidControl(form: HTMLFormElement): void;
-/**
- * Focus on the first form control with the provided name
- */
-export declare function focusFormControl(form: HTMLFormElement, name: string): void;

package/dom.js

@@ -1,3 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 /**
  * A type guard to check if the provided reference is a form control element, including
  * `input`, `select`, `textarea` or `button`
@@ -136,20 +140,13 @@ function focusFirstInvalidControl(form) {
   }
 }
 
-/**
- * Focus on the first form control with the provided name
- */
-function focusFormControl(form, name) {
-  var element = form.elements.namedItem(name);
-  if (!element) {
-    return;
-  }
-  if (element instanceof RadioNodeList) {
-    element = element.item(0);
-  }
-  if (isFocusableFormControl(element)) {
-    element.focus();
-  }
-}
-
-export { createSubmitter, focusFirstInvalidControl, focusFormControl, getFormAction, getFormControls, getFormElement, getFormEncType, getFormMethod, isFocusableFormControl, isFormControl, requestSubmit };
+exports.createSubmitter = createSubmitter;
+exports.focusFirstInvalidControl = focusFirstInvalidControl;
+exports.getFormAction = getFormAction;
+exports.getFormControls = getFormControls;
+exports.getFormElement = getFormElement;
+exports.getFormEncType = getFormEncType;
+exports.getFormMethod = getFormMethod;
+exports.isFocusableFormControl = isFocusableFormControl;
+exports.isFormControl = isFormControl;
+exports.requestSubmit = requestSubmit;

package/{dom.cjs → dom.mjs}

@@ -1,7 +1,3 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * A type guard to check if the provided reference is a form control element, including
  * `input`, `select`, `textarea` or `button`
@@ -140,30 +136,4 @@ function focusFirstInvalidControl(form) {
   }
 }
 
-/**
- * Focus on the first form control with the provided name
- */
-function focusFormControl(form, name) {
-  var element = form.elements.namedItem(name);
-  if (!element) {
-    return;
-  }
-  if (element instanceof RadioNodeList) {
-    element = element.item(0);
-  }
-  if (isFocusableFormControl(element)) {
-    element.focus();
-  }
-}
-
-exports.createSubmitter = createSubmitter;
-exports.focusFirstInvalidControl = focusFirstInvalidControl;
-exports.focusFormControl = focusFormControl;
-exports.getFormAction = getFormAction;
-exports.getFormControls = getFormControls;
-exports.getFormElement = getFormElement;
-exports.getFormEncType = getFormEncType;
-exports.getFormMethod = getFormMethod;
-exports.isFocusableFormControl = isFocusableFormControl;
-exports.isFormControl = isFormControl;
-exports.requestSubmit = requestSubmit;
+export { createSubmitter, focusFirstInvalidControl, getFormAction, getFormControls, getFormElement, getFormEncType, getFormMethod, isFocusableFormControl, isFormControl, requestSubmit };

package/formdata.d.ts

@@ -28,7 +28,7 @@ export declare function setValue(target: any, name: string, valueFn: (prev?: unk
 /**
  * Resolves the payload into a plain object based on the JS syntax convention
  */
-export declare function resolve(payload: FormData | URLSearchParams): {};
+export declare function resolve(payload: FormData | URLSearchParams, ignoreKeys?: string[]): {};
 /**
  * Format the error messages into a validation message
  */

package/formdata.js

@@ -1,3 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 /**
  * A ponyfill-like helper to get the form data with the submitter value.
  * It does not respect the tree order nor handles the image input.
@@ -78,10 +82,13 @@ function setValue(target, name, valueFn) {
 /**
  * Resolves the payload into a plain object based on the JS syntax convention
  */
-function resolve(payload) {
+function resolve(payload, ignoreKeys) {
   var data = {};
   var _loop = function _loop(value) {
-    setValue(data, name, prev => {
+    if (ignoreKeys !== null && ignoreKeys !== void 0 && ignoreKeys.includes(key)) {
+      return "continue";
+    }
+    setValue(data, key, prev => {
       if (!prev) {
         return value;
       } else if (Array.isArray(prev)) {
@@ -91,8 +98,9 @@ function resolve(payload) {
       }
     });
   };
-  for (var [name, value] of payload.entries()) {
-    _loop(value);
+  for (var [key, value] of payload.entries()) {
+    var _ret = _loop(value);
+    if (_ret === "continue") continue;
   }
   return data;
 }
@@ -114,4 +122,10 @@ function getErrors(validationMessage) {
   return validationMessage.split(String.fromCharCode(31));
 }
 
-export { formatPaths, getErrors, getFormData, getPaths, getValidationMessage, resolve, setValue };
+exports.formatPaths = formatPaths;
+exports.getErrors = getErrors;
+exports.getFormData = getFormData;
+exports.getPaths = getPaths;
+exports.getValidationMessage = getValidationMessage;
+exports.resolve = resolve;
+exports.setValue = setValue;

package/{formdata.cjs → formdata.mjs}

@@ -1,7 +1,3 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * A ponyfill-like helper to get the form data with the submitter value.
  * It does not respect the tree order nor handles the image input.
@@ -82,10 +78,13 @@ function setValue(target, name, valueFn) {
 /**
  * Resolves the payload into a plain object based on the JS syntax convention
  */
-function resolve(payload) {
+function resolve(payload, ignoreKeys) {
   var data = {};
   var _loop = function _loop(value) {
-    setValue(data, name, prev => {
+    if (ignoreKeys !== null && ignoreKeys !== void 0 && ignoreKeys.includes(key)) {
+      return "continue";
+    }
+    setValue(data, key, prev => {
       if (!prev) {
         return value;
       } else if (Array.isArray(prev)) {
@@ -95,8 +94,9 @@ function resolve(payload) {
       }
     });
   };
-  for (var [name, value] of payload.entries()) {
-    _loop(value);
+  for (var [key, value] of payload.entries()) {
+    var _ret = _loop(value);
+    if (_ret === "continue") continue;
   }
   return data;
 }
@@ -118,10 +118,4 @@ function getErrors(validationMessage) {
   return validationMessage.split(String.fromCharCode(31));
 }
 
-exports.formatPaths = formatPaths;
-exports.getErrors = getErrors;
-exports.getFormData = getFormData;
-exports.getPaths = getPaths;
-exports.getValidationMessage = getValidationMessage;
-exports.resolve = resolve;
-exports.setValue = setValue;
+export { formatPaths, getErrors, getFormData, getPaths, getValidationMessage, resolve, setValue };

package/index.d.ts

@@ -1,5 +1,5 @@
-export { type FormControl as FieldElement, isFormControl as isFieldElement, isFocusableFormControl, getFormAction, getFormControls, getFormElement, getFormEncType, getFormMethod, focusFirstInvalidControl, focusFormControl, createSubmitter, requestSubmit, } from './dom';
-export { formatPaths as getName, getPaths, getFormData, getValidationMessage, getErrors, } from './formdata';
-export { type ListCommand, INTENT, getScope, isSubmitting, validate, list, parseListCommand, updateList, requestIntent, } from './intent';
-export { type Submission, parse } from './parse';
-export { type FieldConstraint, type FieldsetConstraint, type ResolveType, type KeysOf, } from './types';
+export { type FormControl as FieldElement, isFormControl as isFieldElement, isFocusableFormControl, getFormAction, getFormControls, getFormElement, getFormEncType, getFormMethod, focusFirstInvalidControl, createSubmitter, requestSubmit, } from './dom.js';
+export { formatPaths as getName, getPaths, getFormData, getValidationMessage, getErrors, } from './formdata.js';
+export { INTENT, getIntent, parseIntent, validate, list, updateList, requestIntent, } from './intent.js';
+export { type Submission, parse } from './parse.js';
+export { type FieldConstraint, type FieldsetConstraint, type ResolveType, type KeysOf, } from './types.js';

package/index.js

@@ -1,4 +1,34 @@
-export { createSubmitter, focusFirstInvalidControl, focusFormControl, getFormAction, getFormControls, getFormElement, getFormEncType, getFormMethod, isFormControl as isFieldElement, isFocusableFormControl, requestSubmit } from './dom.js';
-export { getErrors, getFormData, formatPaths as getName, getPaths, getValidationMessage } from './formdata.js';
-export { INTENT, getScope, isSubmitting, list, parseListCommand, requestIntent, updateList, validate } from './intent.js';
-export { parse } from './parse.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dom = require('./dom.js');
+var formdata = require('./formdata.js');
+var intent = require('./intent.js');
+var parse = require('./parse.js');
+
+
+
+exports.createSubmitter = dom.createSubmitter;
+exports.focusFirstInvalidControl = dom.focusFirstInvalidControl;
+exports.getFormAction = dom.getFormAction;
+exports.getFormControls = dom.getFormControls;
+exports.getFormElement = dom.getFormElement;
+exports.getFormEncType = dom.getFormEncType;
+exports.getFormMethod = dom.getFormMethod;
+exports.isFieldElement = dom.isFormControl;
+exports.isFocusableFormControl = dom.isFocusableFormControl;
+exports.requestSubmit = dom.requestSubmit;
+exports.getErrors = formdata.getErrors;
+exports.getFormData = formdata.getFormData;
+exports.getName = formdata.formatPaths;
+exports.getPaths = formdata.getPaths;
+exports.getValidationMessage = formdata.getValidationMessage;
+exports.INTENT = intent.INTENT;
+exports.getIntent = intent.getIntent;
+exports.list = intent.list;
+exports.parseIntent = intent.parseIntent;
+exports.requestIntent = intent.requestIntent;
+exports.updateList = intent.updateList;
+exports.validate = intent.validate;
+exports.parse = parse.parse;

package/index.mjs

@@ -0,0 +1,4 @@
+export { createSubmitter, focusFirstInvalidControl, getFormAction, getFormControls, getFormElement, getFormEncType, getFormMethod, isFormControl as isFieldElement, isFocusableFormControl, requestSubmit } from './dom.mjs';
+export { getErrors, getFormData, formatPaths as getName, getPaths, getValidationMessage } from './formdata.mjs';
+export { INTENT, getIntent, list, parseIntent, requestIntent, updateList, validate } from './intent.mjs';
+export { parse } from './parse.mjs';

package/intent.d.ts

@@ -3,63 +3,57 @@ export interface IntentButtonProps {
     value: string;
     formNoValidate?: boolean;
 }
-export type ListCommand<Schema = unknown> = {
-    type: 'prepend';
-    scope: string;
-    payload: {
-        defaultValue: Schema;
-    };
+export type ListIntentPayload<Schema = unknown> = {
+    name: string;
+    operation: 'prepend';
+    defaultValue?: Schema;
 } | {
-    type: 'append';
-    scope: string;
-    payload: {
-        defaultValue: Schema;
-    };
+    name: string;
+    operation: 'append';
+    defaultValue?: Schema;
 } | {
-    type: 'replace';
-    scope: string;
-    payload: {
-        defaultValue: Schema;
-        index: number;
-    };
+    name: string;
+    operation: 'replace';
+    defaultValue: Schema;
+    index: number;
 } | {
-    type: 'remove';
-    scope: string;
-    payload: {
-        index: number;
-    };
+    name: string;
+    operation: 'remove';
+    index: number;
 } | {
-    type: 'reorder';
-    scope: string;
-    payload: {
-        from: number;
-        to: number;
-    };
+    name: string;
+    operation: 'reorder';
+    from: number;
+    to: number;
 };
-export interface ListCommandButtonBuilder {
-    append<Schema>(name: string, payload?: {
-        defaultValue: Schema;
-    }): IntentButtonProps;
-    prepend<Schema>(name: string, payload?: {
-        defaultValue: Schema;
-    }): IntentButtonProps;
-    replace<Schema>(name: string, payload: {
-        defaultValue: Schema;
+/**
+ * Helpers to configure an intent button for modifying a list
+ *
+ * @see https://conform.guide/api/react#list
+ */
+export declare const list: {
+    prepend: <Schema>(name: string, payload?: {
+        defaultValue?: Schema | undefined;
+    } | undefined) => IntentButtonProps;
+    append: <Schema_1>(name: string, payload?: {
+        defaultValue?: Schema_1 | undefined;
+    } | undefined) => IntentButtonProps;
+    replace: <Schema_2>(name: string, payload: {
+        defaultValue: Schema_2;
         index: number;
-    }): IntentButtonProps;
-    remove(name: string, payload: {
+    }) => IntentButtonProps;
+    remove: <Schema_3>(name: string, payload: {
         index: number;
-    }): IntentButtonProps;
-    reorder(name: string, payload: {
+    }) => IntentButtonProps;
+    reorder: <Schema_4>(name: string, payload: {
         from: number;
         to: number;
-    }): IntentButtonProps;
-}
+    }) => IntentButtonProps;
+};
 export declare const INTENT = "__intent__";
 /**
- *
- * @param payload
- * @returns
+ * Returns the intent from the form data or search params.
+ * It throws an error if multiple intent is set.
  */
 export declare function getIntent(payload: FormData | URLSearchParams): string;
 /**
@@ -67,18 +61,16 @@ export declare function getIntent(payload: FormData | URLSearchParams): string;
  *
  * @see https://conform.guide/api/react#validate
  */
-export declare function validate(field?: string): IntentButtonProps;
-export declare function requestIntent(form: HTMLFormElement | undefined, buttonProps: {
+export declare function validate(field: string): IntentButtonProps;
+export declare function requestIntent(form: HTMLFormElement | null | undefined, buttonProps: {
     value: string;
     formNoValidate?: boolean;
 }): void;
-/**
- * Helpers to configure an intent button for modifying a list
- *
- * @see https://conform.guide/api/react#list
- */
-export declare const list: ListCommandButtonBuilder;
-export declare function isSubmitting(intent: string): boolean;
-export declare function getScope(intent: string): string | null;
-export declare function parseListCommand<Schema = unknown>(intent: string): ListCommand<Schema> | null;
-export declare function updateList<Schema>(list: Array<Schema>, command: ListCommand<Schema>): Array<Schema>;
+export declare function parseIntent<Schema>(intent: string): {
+    type: 'validate';
+    payload: string;
+} | {
+    type: 'list';
+    payload: ListIntentPayload<Schema>;
+} | null;
+export declare function updateList<Schema>(list: Array<Schema>, payload: ListIntentPayload<Schema>): Array<Schema>;

package/intent.js

@@ -1,21 +1,48 @@
-import { createSubmitter, requestSubmit } from './dom.js';
+'use strict';
 
-var INTENT = '__intent__';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
+var dom = require('./dom.js');
 
 /**
+ * Helpers to configure an intent button for modifying a list
  *
- * @param payload
- * @returns
+ * @see https://conform.guide/api/react#list
+ */
+var list = new Proxy({}, {
+  get(_target, operation) {
+    return function (name) {
+      var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return {
+        name: INTENT,
+        value: "list/".concat(JSON.stringify(_rollupPluginBabelHelpers.objectSpread2({
+          name,
+          operation
+        }, payload))),
+        formNoValidate: true
+      };
+    };
+  }
+});
+var INTENT = '__intent__';
+
+/**
+ * Returns the intent from the form data or search params.
+ * It throws an error if multiple intent is set.
  */
 function getIntent(payload) {
   if (!payload.has(INTENT)) {
     return 'submit';
   }
-  var [intent, ...rest] = payload.getAll(INTENT);
-  if (typeof intent !== 'string' || rest.length > 0) {
+  var [intent, secondIntent, ...rest] = payload.getAll(INTENT);
+
+  // The submitter value is included in the formData directly on Safari 15.6.
+  // This causes the intent to be duplicated in the payload.
+  // We will ignore the second intent if it is the same as the first one.
+  if (typeof intent !== 'string' || secondIntent && intent !== secondIntent || rest.length > 0) {
     throw new Error('The intent could only be set on a button');
   }
-  payload.delete(INTENT);
   return intent;
 }
 
@@ -27,7 +54,7 @@ function getIntent(payload) {
 function validate(field) {
   return {
     name: INTENT,
-    value: field ? "validate/".concat(field) : 'validate',
+    value: "validate/".concat(field),
     formNoValidate: true
   };
 }
@@ -36,86 +63,65 @@ function requestIntent(form, buttonProps) {
     console.warn('No form element is provided');
     return;
   }
-  var submitter = createSubmitter({
+  var submitter = dom.createSubmitter({
     name: INTENT,
     value: buttonProps.value,
     hidden: true,
     formNoValidate: buttonProps.formNoValidate
   });
-  requestSubmit(form, submitter);
-}
-
-/**
- * Helpers to configure an intent button for modifying a list
- *
- * @see https://conform.guide/api/react#list
- */
-var list = new Proxy({}, {
-  get(_target, type) {
-    return function (scope) {
-      var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return {
-        name: INTENT,
-        value: "list/".concat(type, "/").concat(scope, "/").concat(JSON.stringify(payload)),
-        formNoValidate: true
-      };
-    };
-  }
-});
-function isSubmitting(intent) {
-  var [type] = intent.split('/', 1);
-  return type !== 'validate' && type !== 'list';
+  dom.requestSubmit(form, submitter);
 }
-function getScope(intent) {
-  var _parseListCommand$sco, _parseListCommand;
-  var [type, ...rest] = intent.split('/');
-  switch (type) {
-    case 'validate':
-      return rest.length > 0 ? rest.join('/') : null;
-    case 'list':
-      return (_parseListCommand$sco = (_parseListCommand = parseListCommand(intent)) === null || _parseListCommand === void 0 ? void 0 : _parseListCommand.scope) !== null && _parseListCommand$sco !== void 0 ? _parseListCommand$sco : null;
-    default:
-      return null;
-  }
-}
-function parseListCommand(intent) {
-  try {
-    var [group, type, scope, json] = intent.split('/');
-    if (group !== 'list' || !['prepend', 'append', 'replace', 'remove', 'reorder'].includes(type) || !scope) {
-      return null;
+function parseIntent(intent) {
+  var [type, payload] = intent.split('/', 2);
+  if (typeof payload !== 'undefined') {
+    try {
+      switch (type) {
+        case 'validate':
+          return {
+            type,
+            payload
+          };
+        case 'list':
+          return {
+            type,
+            payload: JSON.parse(payload)
+          };
+      }
+    } catch (error) {
+      throw new Error("Failed parsing intent: ".concat(intent), {
+        cause: error
+      });
     }
-    var _payload = JSON.parse(json);
-    return {
-      // @ts-expect-error
-      type,
-      scope,
-      payload: _payload
-    };
-  } catch (error) {
-    return null;
   }
+  return null;
 }
-function updateList(list, command) {
-  switch (command.type) {
+function updateList(list, payload) {
+  switch (payload.operation) {
     case 'prepend':
-      list.unshift(command.payload.defaultValue);
+      list.unshift(payload.defaultValue);
       break;
     case 'append':
-      list.push(command.payload.defaultValue);
+      list.push(payload.defaultValue);
       break;
     case 'replace':
-      list.splice(command.payload.index, 1, command.payload.defaultValue);
+      list.splice(payload.index, 1, payload.defaultValue);
       break;
     case 'remove':
-      list.splice(command.payload.index, 1);
+      list.splice(payload.index, 1);
       break;
     case 'reorder':
-      list.splice(command.payload.to, 0, ...list.splice(command.payload.from, 1));
+      list.splice(payload.to, 0, ...list.splice(payload.from, 1));
       break;
     default:
-      throw new Error('Unknown list command received');
+      throw new Error('Unknown list intent received');
   }
   return list;
 }
 
-export { INTENT, getIntent, getScope, isSubmitting, list, parseListCommand, requestIntent, updateList, validate };
+exports.INTENT = INTENT;
+exports.getIntent = getIntent;
+exports.list = list;
+exports.parseIntent = parseIntent;
+exports.requestIntent = requestIntent;
+exports.updateList = updateList;
+exports.validate = validate;

package/intent.mjs

@@ -0,0 +1,117 @@
+import { objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.mjs';
+import { createSubmitter, requestSubmit } from './dom.mjs';
+
+/**
+ * Helpers to configure an intent button for modifying a list
+ *
+ * @see https://conform.guide/api/react#list
+ */
+var list = new Proxy({}, {
+  get(_target, operation) {
+    return function (name) {
+      var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return {
+        name: INTENT,
+        value: "list/".concat(JSON.stringify(_objectSpread2({
+          name,
+          operation
+        }, payload))),
+        formNoValidate: true
+      };
+    };
+  }
+});
+var INTENT = '__intent__';
+
+/**
+ * Returns the intent from the form data or search params.
+ * It throws an error if multiple intent is set.
+ */
+function getIntent(payload) {
+  if (!payload.has(INTENT)) {
+    return 'submit';
+  }
+  var [intent, secondIntent, ...rest] = payload.getAll(INTENT);
+
+  // The submitter value is included in the formData directly on Safari 15.6.
+  // This causes the intent to be duplicated in the payload.
+  // We will ignore the second intent if it is the same as the first one.
+  if (typeof intent !== 'string' || secondIntent && intent !== secondIntent || rest.length > 0) {
+    throw new Error('The intent could only be set on a button');
+  }
+  return intent;
+}
+
+/**
+ * Returns the properties required to configure an intent button for validation
+ *
+ * @see https://conform.guide/api/react#validate
+ */
+function validate(field) {
+  return {
+    name: INTENT,
+    value: "validate/".concat(field),
+    formNoValidate: true
+  };
+}
+function requestIntent(form, buttonProps) {
+  if (!form) {
+    console.warn('No form element is provided');
+    return;
+  }
+  var submitter = createSubmitter({
+    name: INTENT,
+    value: buttonProps.value,
+    hidden: true,
+    formNoValidate: buttonProps.formNoValidate
+  });
+  requestSubmit(form, submitter);
+}
+function parseIntent(intent) {
+  var [type, payload] = intent.split('/', 2);
+  if (typeof payload !== 'undefined') {
+    try {
+      switch (type) {
+        case 'validate':
+          return {
+            type,
+            payload
+          };
+        case 'list':
+          return {
+            type,
+            payload: JSON.parse(payload)
+          };
+      }
+    } catch (error) {
+      throw new Error("Failed parsing intent: ".concat(intent), {
+        cause: error
+      });
+    }
+  }
+  return null;
+}
+function updateList(list, payload) {
+  switch (payload.operation) {
+    case 'prepend':
+      list.unshift(payload.defaultValue);
+      break;
+    case 'append':
+      list.push(payload.defaultValue);
+      break;
+    case 'replace':
+      list.splice(payload.index, 1, payload.defaultValue);
+      break;
+    case 'remove':
+      list.splice(payload.index, 1);
+      break;
+    case 'reorder':
+      list.splice(payload.to, 0, ...list.splice(payload.from, 1));
+      break;
+    default:
+      throw new Error('Unknown list intent received');
+  }
+  return list;
+}
+
+export { INTENT, getIntent, list, parseIntent, requestIntent, updateList, validate };

package/package.json

@@ -3,18 +3,17 @@
 	"description": "A set of opinionated helpers built on top of the Constraint Validation API",
 	"homepage": "https://conform.guide",
 	"license": "MIT",
-	"version": "0.7.0-pre.0",
-	"type": "module",
-	"main": "index.cjs",
-	"module": "index.js",
+	"version": "0.7.0-pre.2",
+	"main": "index.js",
+	"module": "index.mjs",
 	"types": "index.d.ts",
 	"exports": {
 		".": {
 			"types": "./index.d.ts",
-			"module": "./index.js",
-			"import": "./index.js",
-			"require": "./index.cjs",
-			"default": "./index.js"
+			"module": "./index.mjs",
+			"import": "./index.mjs",
+			"require": "./index.js",
+			"default": "./index.mjs"
 		}
 	},
 	"repository": {

package/parse.js

@@ -1,20 +1,24 @@
-import { objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.js';
-import { resolve, setValue } from './formdata.js';
-import { getIntent, parseListCommand, updateList } from './intent.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
+var formdata = require('./formdata.js');
+var intent = require('./intent.js');
 
 function parse(payload, options) {
   var submission = {
-    intent: getIntent(payload),
-    payload: resolve(payload),
+    intent: intent.getIntent(payload),
+    payload: formdata.resolve(payload, [intent.INTENT]),
     error: {}
   };
-  var command = parseListCommand(submission.intent);
-  if (command) {
-    setValue(submission.payload, command.scope, list => {
+  var intent$1 = intent.parseIntent(submission.intent);
+  if (intent$1 && intent$1.type === 'list') {
+    formdata.setValue(submission.payload, intent$1.payload.name, list => {
       if (typeof list !== 'undefined' && !Array.isArray(list)) {
-        throw new Error('The list command can only be applied to a list');
+        throw new Error('The list intent can only be applied to a list');
       }
-      return updateList(list !== null && list !== void 0 ? list : [], command);
+      return intent.updateList(list !== null && list !== void 0 ? list : [], intent$1.payload);
     });
   }
   if (typeof (options === null || options === void 0 ? void 0 : options.resolve) === 'undefined') {
@@ -22,7 +26,7 @@ function parse(payload, options) {
   }
   var result = options.resolve(submission.payload, submission.intent);
   var mergeResolveResult = resolved => {
-    return _objectSpread2(_objectSpread2({}, submission), resolved);
+    return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, submission), resolved);
   };
   if (result instanceof Promise) {
     return result.then(mergeResolveResult);
@@ -30,4 +34,4 @@ function parse(payload, options) {
   return mergeResolveResult(result);
 }
 
-export { parse };
+exports.parse = parse;

package/parse.mjs

@@ -0,0 +1,33 @@
+import { objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.mjs';
+import { resolve, setValue } from './formdata.mjs';
+import { getIntent, parseIntent, updateList, INTENT } from './intent.mjs';
+
+function parse(payload, options) {
+  var submission = {
+    intent: getIntent(payload),
+    payload: resolve(payload, [INTENT]),
+    error: {}
+  };
+  var intent = parseIntent(submission.intent);
+  if (intent && intent.type === 'list') {
+    setValue(submission.payload, intent.payload.name, list => {
+      if (typeof list !== 'undefined' && !Array.isArray(list)) {
+        throw new Error('The list intent can only be applied to a list');
+      }
+      return updateList(list !== null && list !== void 0 ? list : [], intent.payload);
+    });
+  }
+  if (typeof (options === null || options === void 0 ? void 0 : options.resolve) === 'undefined') {
+    return submission;
+  }
+  var result = options.resolve(submission.payload, submission.intent);
+  var mergeResolveResult = resolved => {
+    return _objectSpread2(_objectSpread2({}, submission), resolved);
+  };
+  if (result instanceof Promise) {
+    return result.then(mergeResolveResult);
+  }
+  return mergeResolveResult(result);
+}
+
+export { parse };

package/types.d.ts

@@ -1,3 +1,6 @@
+export type Pretty<T> = {
+    [K in keyof T]: T[K];
+} & {};
 export type FieldConstraint<Schema = any> = {
     required?: boolean;
     minLength?: number;

package/index.cjs

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dom = require('./dom.cjs');
-var formdata = require('./formdata.cjs');
-var intent = require('./intent.cjs');
-var parse = require('./parse.cjs');
-
-
-
-exports.createSubmitter = dom.createSubmitter;
-exports.focusFirstInvalidControl = dom.focusFirstInvalidControl;
-exports.focusFormControl = dom.focusFormControl;
-exports.getFormAction = dom.getFormAction;
-exports.getFormControls = dom.getFormControls;
-exports.getFormElement = dom.getFormElement;
-exports.getFormEncType = dom.getFormEncType;
-exports.getFormMethod = dom.getFormMethod;
-exports.isFieldElement = dom.isFormControl;
-exports.isFocusableFormControl = dom.isFocusableFormControl;
-exports.requestSubmit = dom.requestSubmit;
-exports.getErrors = formdata.getErrors;
-exports.getFormData = formdata.getFormData;
-exports.getName = formdata.formatPaths;
-exports.getPaths = formdata.getPaths;
-exports.getValidationMessage = formdata.getValidationMessage;
-exports.INTENT = intent.INTENT;
-exports.getScope = intent.getScope;
-exports.isSubmitting = intent.isSubmitting;
-exports.list = intent.list;
-exports.parseListCommand = intent.parseListCommand;
-exports.requestIntent = intent.requestIntent;
-exports.updateList = intent.updateList;
-exports.validate = intent.validate;
-exports.parse = parse.parse;

package/intent.cjs

@@ -1,133 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dom = require('./dom.cjs');
-
-var INTENT = '__intent__';
-
-/**
- *
- * @param payload
- * @returns
- */
-function getIntent(payload) {
-  if (!payload.has(INTENT)) {
-    return 'submit';
-  }
-  var [intent, ...rest] = payload.getAll(INTENT);
-  if (typeof intent !== 'string' || rest.length > 0) {
-    throw new Error('The intent could only be set on a button');
-  }
-  payload.delete(INTENT);
-  return intent;
-}
-
-/**
- * Returns the properties required to configure an intent button for validation
- *
- * @see https://conform.guide/api/react#validate
- */
-function validate(field) {
-  return {
-    name: INTENT,
-    value: field ? "validate/".concat(field) : 'validate',
-    formNoValidate: true
-  };
-}
-function requestIntent(form, buttonProps) {
-  if (!form) {
-    console.warn('No form element is provided');
-    return;
-  }
-  var submitter = dom.createSubmitter({
-    name: INTENT,
-    value: buttonProps.value,
-    hidden: true,
-    formNoValidate: buttonProps.formNoValidate
-  });
-  dom.requestSubmit(form, submitter);
-}
-
-/**
- * Helpers to configure an intent button for modifying a list
- *
- * @see https://conform.guide/api/react#list
- */
-var list = new Proxy({}, {
-  get(_target, type) {
-    return function (scope) {
-      var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return {
-        name: INTENT,
-        value: "list/".concat(type, "/").concat(scope, "/").concat(JSON.stringify(payload)),
-        formNoValidate: true
-      };
-    };
-  }
-});
-function isSubmitting(intent) {
-  var [type] = intent.split('/', 1);
-  return type !== 'validate' && type !== 'list';
-}
-function getScope(intent) {
-  var _parseListCommand$sco, _parseListCommand;
-  var [type, ...rest] = intent.split('/');
-  switch (type) {
-    case 'validate':
-      return rest.length > 0 ? rest.join('/') : null;
-    case 'list':
-      return (_parseListCommand$sco = (_parseListCommand = parseListCommand(intent)) === null || _parseListCommand === void 0 ? void 0 : _parseListCommand.scope) !== null && _parseListCommand$sco !== void 0 ? _parseListCommand$sco : null;
-    default:
-      return null;
-  }
-}
-function parseListCommand(intent) {
-  try {
-    var [group, type, scope, json] = intent.split('/');
-    if (group !== 'list' || !['prepend', 'append', 'replace', 'remove', 'reorder'].includes(type) || !scope) {
-      return null;
-    }
-    var _payload = JSON.parse(json);
-    return {
-      // @ts-expect-error
-      type,
-      scope,
-      payload: _payload
-    };
-  } catch (error) {
-    return null;
-  }
-}
-function updateList(list, command) {
-  switch (command.type) {
-    case 'prepend':
-      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;
-}
-
-exports.INTENT = INTENT;
-exports.getIntent = getIntent;
-exports.getScope = getScope;
-exports.isSubmitting = isSubmitting;
-exports.list = list;
-exports.parseListCommand = parseListCommand;
-exports.requestIntent = requestIntent;
-exports.updateList = updateList;
-exports.validate = validate;

package/parse.cjs

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.cjs');
-var formdata = require('./formdata.cjs');
-var intent = require('./intent.cjs');
-
-function parse(payload, options) {
-  var submission = {
-    intent: intent.getIntent(payload),
-    payload: formdata.resolve(payload),
-    error: {}
-  };
-  var command = intent.parseListCommand(submission.intent);
-  if (command) {
-    formdata.setValue(submission.payload, command.scope, list => {
-      if (typeof list !== 'undefined' && !Array.isArray(list)) {
-        throw new Error('The list command can only be applied to a list');
-      }
-      return intent.updateList(list !== null && list !== void 0 ? list : [], command);
-    });
-  }
-  if (typeof (options === null || options === void 0 ? void 0 : options.resolve) === 'undefined') {
-    return submission;
-  }
-  var result = options.resolve(submission.payload, submission.intent);
-  var mergeResolveResult = resolved => {
-    return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, submission), resolved);
-  };
-  if (result instanceof Promise) {
-    return result.then(mergeResolveResult);
-  }
-  return mergeResolveResult(result);
-}
-
-exports.parse = parse;