@epic-web/workshop-app 4.5.0 → 4.5.1

package/node_modules/@conform-to/dom/form.js

@@ -74,7 +74,7 @@ function handleIntent(meta, intent, fields, initialized) {
         } = intent.payload;
         var _name2 = formdata.formatName(intent.payload.name, intent.payload.index);
         if (typeof value !== 'undefined') {
-          updateValue(meta, _name2 !== null && _name2 !== void 0 ? _name2 : '', submission.serialize(value));
+          updateValue(meta, _name2 !== null && _name2 !== void 0 ? _name2 : '', value);
         }
         if (typeof validated !== 'undefined') {
           // Clean up previous validated state

package/node_modules/@conform-to/dom/form.mjs

@@ -70,7 +70,7 @@ function handleIntent(meta, intent, fields, initialized) {
         } = intent.payload;
         var _name2 = formatName(intent.payload.name, intent.payload.index);
         if (typeof value !== 'undefined') {
-          updateValue(meta, _name2 !== null && _name2 !== void 0 ? _name2 : '', serialize(value));
+          updateValue(meta, _name2 !== null && _name2 !== void 0 ? _name2 : '', value);
         }
         if (typeof validated !== 'undefined') {
           // Clean up previous validated state

package/node_modules/@conform-to/dom/formdata.d.ts

@@ -55,7 +55,7 @@ export declare function normalize(value: unknown, acceptFile?: boolean): unknown
 /**
  * Flatten a tree into a dictionary
  */
-export declare function flatten(data: Record<string | number | symbol, unknown> | Array<unknown> | undefined, options?: {
-    resolve?: (data: unknown) => unknown | null;
+export declare function flatten(data: unknown, options?: {
+    resolve?: (data: unknown) => unknown;
     prefix?: string;
 }): Record<string, unknown>;

package/node_modules/@conform-to/dom/formdata.js

@@ -174,51 +174,29 @@ function normalize(value) {
 /**
  * Flatten a tree into a dictionary
  */
-function flatten(data, options) {
+function flatten(data) {
   var _options$resolve;
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var result = {};
-  var resolve = (_options$resolve = options === null || options === void 0 ? void 0 : options.resolve) !== null && _options$resolve !== void 0 ? _options$resolve : data => data;
-  function setResult(data, name) {
+  var resolve = (_options$resolve = options.resolve) !== null && _options$resolve !== void 0 ? _options$resolve : data => data;
+  function process(data, prefix) {
     var value = normalize(resolve(data));
     if (typeof value !== 'undefined') {
-      result[name] = value;
+      result[prefix] = value;
     }
-  }
-  function processObject(obj, prefix) {
-    setResult(obj, prefix);
-    for (var [key, _value] of Object.entries(obj)) {
-      var name = prefix ? "".concat(prefix, ".").concat(key) : key;
-      if (Array.isArray(_value)) {
-        processArray(_value, name);
-      } else if (_value && isPlainObject(_value)) {
-        processObject(_value, name);
-      } else {
-        setResult(_value, name);
+    if (Array.isArray(data)) {
+      for (var i = 0; i < data.length; i++) {
+        process(data[i], "".concat(prefix, "[").concat(i, "]"));
       }
-    }
-  }
-  function processArray(array, prefix) {
-    setResult(array, prefix);
-    for (var i = 0; i < array.length; i++) {
-      var item = array[i];
-      var name = "".concat(prefix, "[").concat(i, "]");
-      if (Array.isArray(item)) {
-        processArray(item, name);
-      } else if (item && isPlainObject(item)) {
-        processObject(item, name);
-      } else {
-        setResult(item, name);
+    } else if (isPlainObject(data)) {
+      for (var [key, _value] of Object.entries(data)) {
+        process(_value, prefix ? "".concat(prefix, ".").concat(key) : key);
       }
     }
   }
   if (data) {
     var _options$prefix;
-    var prefix = (_options$prefix = options === null || options === void 0 ? void 0 : options.prefix) !== null && _options$prefix !== void 0 ? _options$prefix : '';
-    if (Array.isArray(data)) {
-      processArray(data, prefix);
-    } else {
-      processObject(data, prefix);
-    }
+    process(data, (_options$prefix = options.prefix) !== null && _options$prefix !== void 0 ? _options$prefix : '');
   }
   return result;
 }

package/node_modules/@conform-to/dom/formdata.mjs

@@ -170,51 +170,29 @@ function normalize(value) {
 /**
  * Flatten a tree into a dictionary
  */
-function flatten(data, options) {
+function flatten(data) {
   var _options$resolve;
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var result = {};
-  var resolve = (_options$resolve = options === null || options === void 0 ? void 0 : options.resolve) !== null && _options$resolve !== void 0 ? _options$resolve : data => data;
-  function setResult(data, name) {
+  var resolve = (_options$resolve = options.resolve) !== null && _options$resolve !== void 0 ? _options$resolve : data => data;
+  function process(data, prefix) {
     var value = normalize(resolve(data));
     if (typeof value !== 'undefined') {
-      result[name] = value;
+      result[prefix] = value;
     }
-  }
-  function processObject(obj, prefix) {
-    setResult(obj, prefix);
-    for (var [key, _value] of Object.entries(obj)) {
-      var name = prefix ? "".concat(prefix, ".").concat(key) : key;
-      if (Array.isArray(_value)) {
-        processArray(_value, name);
-      } else if (_value && isPlainObject(_value)) {
-        processObject(_value, name);
-      } else {
-        setResult(_value, name);
+    if (Array.isArray(data)) {
+      for (var i = 0; i < data.length; i++) {
+        process(data[i], "".concat(prefix, "[").concat(i, "]"));
       }
-    }
-  }
-  function processArray(array, prefix) {
-    setResult(array, prefix);
-    for (var i = 0; i < array.length; i++) {
-      var item = array[i];
-      var name = "".concat(prefix, "[").concat(i, "]");
-      if (Array.isArray(item)) {
-        processArray(item, name);
-      } else if (item && isPlainObject(item)) {
-        processObject(item, name);
-      } else {
-        setResult(item, name);
+    } else if (isPlainObject(data)) {
+      for (var [key, _value] of Object.entries(data)) {
+        process(_value, prefix ? "".concat(prefix, ".").concat(key) : key);
       }
     }
   }
   if (data) {
     var _options$prefix;
-    var prefix = (_options$prefix = options === null || options === void 0 ? void 0 : options.prefix) !== null && _options$prefix !== void 0 ? _options$prefix : '';
-    if (Array.isArray(data)) {
-      processArray(data, prefix);
-    } else {
-      processObject(data, prefix);
-    }
+    process(data, (_options$prefix = options.prefix) !== null && _options$prefix !== void 0 ? _options$prefix : '');
   }
   return result;
 }

package/node_modules/@conform-to/dom/intent.d.ts

@@ -0,0 +1,82 @@
+import { type Pretty } from './types.js';
+export interface IntentButtonProps {
+    name: typeof INTENT;
+    value: string;
+    formNoValidate?: boolean;
+}
+export type ListIntentPayload<Schema = unknown> = {
+    name: string;
+    operation: 'insert';
+    defaultValue?: Schema;
+    index?: number;
+} | {
+    name: string;
+    operation: 'prepend';
+    defaultValue?: Schema;
+} | {
+    name: string;
+    operation: 'append';
+    defaultValue?: Schema;
+} | {
+    name: string;
+    operation: 'replace';
+    defaultValue: Schema;
+    index: number;
+} | {
+    name: string;
+    operation: 'remove';
+    index: number;
+} | {
+    name: string;
+    operation: 'reorder';
+    from: number;
+    to: number;
+};
+type ExtractListIntentPayload<Operation, Schema = unknown> = Pretty<Omit<Extract<ListIntentPayload<Schema>, {
+    operation: Operation;
+}>, 'name' | 'operation'>>;
+type ListIntent<Operation> = {} extends ExtractListIntentPayload<Operation> ? <Schema>(name: string, payload?: ExtractListIntentPayload<Operation, Schema>) => IntentButtonProps : <Schema>(name: string, payload: ExtractListIntentPayload<Operation, Schema>) => IntentButtonProps;
+/**
+ * Helpers to configure an intent button for modifying a list
+ *
+ * @see https://conform.guide/api/react#list
+ */
+export declare const list: {
+    /**
+     * @deprecated You can use `insert` without specifying an index instead
+     */
+    append: ListIntent<'append'>;
+    /**
+     * @deprecated You can use `insert` with zero index instead
+     */
+    prepend: ListIntent<'prepend'>;
+    insert: ListIntent<'insert'>;
+    replace: ListIntent<'replace'>;
+    remove: ListIntent<'remove'>;
+    reorder: ListIntent<'reorder'>;
+};
+export declare const INTENT = "__intent__";
+/**
+ * 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;
+/**
+ * Returns the properties required to configure an intent button for validation
+ *
+ * @see https://conform.guide/api/react#validate
+ */
+export declare function validate(field: string): IntentButtonProps;
+export declare function requestIntent(form: HTMLFormElement | null | undefined, buttonProps: {
+    value: string;
+    formNoValidate?: boolean;
+}): void;
+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>;
+export {};

package/node_modules/@conform-to/dom/intent.js

@@ -0,0 +1,136 @@
+'use strict';
+
+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
+ *
+ * @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, 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) {
+    // eslint-disable-next-line no-console
+    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);
+}
+function parseIntent(intent) {
+  var seperatorIndex = intent.indexOf('/');
+  if (seperatorIndex > -1) {
+    var type = intent.slice(0, seperatorIndex);
+    var _payload = intent.slice(seperatorIndex + 1);
+    if (typeof _payload !== 'undefined') {
+      try {
+        switch (type) {
+          case 'validate':
+            return {
+              type,
+              payload: _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) {
+  var _payload$index;
+  switch (payload.operation) {
+    case 'prepend':
+      list.unshift(payload.defaultValue);
+      break;
+    case 'append':
+      list.push(payload.defaultValue);
+      break;
+    case 'insert':
+      list.splice((_payload$index = payload.index) !== null && _payload$index !== void 0 ? _payload$index : list.length, 0, 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;
+}
+
+exports.INTENT = INTENT;
+exports.getIntent = getIntent;
+exports.list = list;
+exports.parseIntent = parseIntent;
+exports.requestIntent = requestIntent;
+exports.updateList = updateList;
+exports.validate = validate;

package/node_modules/@conform-to/dom/intent.mjs

@@ -0,0 +1,126 @@
+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) {
+    // eslint-disable-next-line no-console
+    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 seperatorIndex = intent.indexOf('/');
+  if (seperatorIndex > -1) {
+    var type = intent.slice(0, seperatorIndex);
+    var _payload = intent.slice(seperatorIndex + 1);
+    if (typeof _payload !== 'undefined') {
+      try {
+        switch (type) {
+          case 'validate':
+            return {
+              type,
+              payload: _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) {
+  var _payload$index;
+  switch (payload.operation) {
+    case 'prepend':
+      list.unshift(payload.defaultValue);
+      break;
+    case 'append':
+      list.push(payload.defaultValue);
+      break;
+    case 'insert':
+      list.splice((_payload$index = payload.index) !== null && _payload$index !== void 0 ? _payload$index : list.length, 0, 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/node_modules/@conform-to/dom/package.json

@@ -1,60 +1,59 @@
 {
-	"name": "@conform-to/dom",
-	"description": "A set of opinionated helpers built on top of the Constraint Validation API",
-	"homepage": "https://conform.guide",
-	"license": "MIT",
-	"version": "1.1.3",
-	"main": "index.js",
-	"module": "index.mjs",
-	"types": "index.d.ts",
-	"exports": {
-		".": {
-			"types": "./index.d.ts",
-			"module": "./index.mjs",
-			"import": "./index.mjs",
-			"require": "./index.js",
-			"default": "./index.mjs"
-		}
-	},
-	"scripts": {
-		"build:js": "rollup -c",
-		"build:ts": "tsc",
-		"build": "pnpm run \"/^build:.*/\"",
-		"dev:js": "pnpm run build:js --watch",
-		"dev:ts": "pnpm run build:ts --watch",
-		"dev": "pnpm run \"/^dev:.*/\"",
-		"prepare": "pnpm run build"
-	},
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/edmundhung/conform",
-		"directory": "packages/conform-dom"
-	},
-	"author": {
-		"name": "Edmund Hung",
-		"email": "me@edmund.dev",
-		"url": "https://edmund.dev"
-	},
-	"bugs": {
-		"url": "https://github.com/edmundhung/conform/issues"
-	},
-	"keywords": [
-		"constraint-validation",
-		"form",
-		"form-validation",
-		"html",
-		"progressive-enhancement",
-		"validation",
-		"dom"
-	],
-	"sideEffects": false,
-	"devDependencies": {
-		"@babel/core": "^7.17.8",
-		"@babel/preset-env": "^7.20.2",
-		"@babel/preset-typescript": "^7.20.2",
-		"@rollup/plugin-babel": "^5.3.1",
-		"@rollup/plugin-node-resolve": "^13.3.0",
-		"rollup-plugin-copy": "^3.4.0",
-		"rollup": "^2.79.1"
-	}
-}
+  "name": "@conform-to/dom",
+  "description": "A set of opinionated helpers built on top of the Constraint Validation API",
+  "homepage": "https://conform.guide",
+  "license": "MIT",
+  "version": "1.1.4",
+  "main": "index.js",
+  "module": "index.mjs",
+  "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "module": "./index.mjs",
+      "import": "./index.mjs",
+      "require": "./index.js",
+      "default": "./index.mjs"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/edmundhung/conform",
+    "directory": "packages/conform-dom"
+  },
+  "author": {
+    "name": "Edmund Hung",
+    "email": "me@edmund.dev",
+    "url": "https://edmund.dev"
+  },
+  "bugs": {
+    "url": "https://github.com/edmundhung/conform/issues"
+  },
+  "keywords": [
+    "constraint-validation",
+    "form",
+    "form-validation",
+    "html",
+    "progressive-enhancement",
+    "validation",
+    "dom"
+  ],
+  "sideEffects": false,
+  "devDependencies": {
+    "@babel/core": "^7.17.8",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-typescript": "^7.20.2",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup": "^2.79.1"
+  },
+  "scripts": {
+    "build:js": "rollup -c",
+    "build:ts": "tsc",
+    "build": "pnpm run \"/^build:.*/\"",
+    "dev:js": "pnpm run build:js --watch",
+    "dev:ts": "pnpm run build:ts --watch",
+    "dev": "pnpm run \"/^dev:.*/\""
+  }
+}

package/node_modules/@conform-to/dom/parse.d.ts

@@ -0,0 +1,30 @@
+export type Submission<Schema = any> = {
+    intent: string;
+    payload: Record<string, unknown>;
+    error: Record<string, string[]>;
+    value?: Schema | null;
+};
+export declare const VALIDATION_UNDEFINED = "__undefined__";
+export declare const VALIDATION_SKIPPED = "__skipped__";
+export declare function parse(payload: FormData | URLSearchParams): Submission;
+export declare function parse<Schema>(payload: FormData | URLSearchParams, options?: {
+    resolve?: (payload: Record<string, any>, intent: string) => {
+        value?: Schema;
+        error?: Record<string, string[]>;
+    };
+}): Submission<Schema>;
+export declare function parse<Schema>(payload: FormData | URLSearchParams, options?: {
+    resolve?: (payload: Record<string, any>, intent: string) => Promise<{
+        value?: Schema;
+        error?: Record<string, string[]>;
+    }>;
+}): Promise<Submission<Schema>>;
+export declare function parse<Schema>(payload: FormData | URLSearchParams, options?: {
+    resolve?: (payload: Record<string, any>, intent: string) => {
+        value?: Schema;
+        error?: Record<string, string[]>;
+    } | Promise<{
+        value?: Schema;
+        error?: Record<string, string[]>;
+    }>;
+}): Submission<Schema> | Promise<Submission<Schema>>;