@formkit/zod 1.7.0-d6a1f02 → 1.7.0-dev.4f55c07

package/CLAUDE.md

@@ -0,0 +1,122 @@
+# @formkit/zod
+
+Zod schema validation plugin for FormKit forms. Bridges Zod's type-safe validation with FormKit's error display system.
+
+## Architecture
+
+```
+src/
+  index.ts    # Re-exports createZodPlugin
+  zod.ts      # Plugin implementation (~215 lines)
+__tests__/
+  zod.spec.ts # Vitest tests with Vue mounting
+```
+
+## Key Abstractions
+
+### Public API
+
+- **`createZodPlugin(zodSchema, submitCallback)`**: Factory function returning `[FormKitPlugin, submitHandler]` tuple
+  - `zodSchema`: Any Zod schema (`z.ZodTypeAny`)
+  - `submitCallback`: `(payload: z.infer<typeof zodSchema>, node: FormKitNode | undefined) => void | Promise<void>`
+  - Returns: Tuple of plugin and submit handler to use with `@submit`
+
+### Node Extension
+
+- **`node.setZodErrors(zodError)`**: Method added to form nodes via `node.extend()`. Hydrates FormKit errors from a `z.ZodError` object. Useful for server-side validation.
+
+### Internal Functions
+
+- `performZodValidation()`: Runs `safeParse` and maps errors to nodes
+- `setFormValidations()`: Distributes errors to matching nodes or form-level
+- `zodErrorToFormKitErrors()`: Converts `z.ZodError` to `[formErrors[], fieldErrors{}]`
+- `createMessageName()`: Resolves display name from `validationLabel > label > name`
+
+## How It Works
+
+1. Plugin attaches to `type="form"` nodes only (returns `false` for non-forms)
+2. Creates ledger counter `existingValidation` to track native FormKit validation
+3. On `commit` event: Debounced validation (150ms) with 600ms max interval
+4. On `message-added` with `submitted` state: Immediate validation
+5. Errors set as blocking validation messages with key pattern `{path}:zod`
+6. When native validation appears (`existingValidation` unsettles), zod errors clear for that field
+
+## Integration Points
+
+- **Depends on**: `@formkit/core` (FormKitNode, FormKitPlugin, createMessage)
+- **Peer dependency**: `zod ^3.0.0`
+- **Dev dependency**: `@formkit/vue` (testing only)
+- **Depended on by**: None (leaf package)
+- **Root CLAUDE.md section**: "Addons" category
+
+## Usage Pattern
+
+```ts
+import { createZodPlugin } from '@formkit/zod'
+import { z } from 'zod'
+
+const schema = z.object({
+  email: z.string().email(),
+  name: z.string().min(3)
+})
+
+const [zodPlugin, submitHandler] = createZodPlugin(schema, async (data) => {
+  // data is typed as z.infer<typeof schema>
+  await api.submit(data)
+})
+```
+
+```vue
+<FormKit type="form" :plugins="[zodPlugin]" @submit="submitHandler">
+  <FormKit name="email" />
+  <FormKit name="name" />
+</FormKit>
+```
+
+## Modification Guide
+
+### Adding Features
+
+- All logic lives in `src/zod.ts`
+- Follow existing pattern: functions inside `createZodPlugin` closure for access to `zodValidationSet` and `zodValidationListeners`
+- New node methods: Add via `node.extend()` in the `created` event handler
+- New TypeScript types: Extend `FormKitNodeExtensions` interface in `@formkit/core` module declaration
+
+### Adding Tests
+
+- Location: `__tests__/zod.spec.ts`
+- Pattern: Mount Vue components with `@vue/test-utils`, trigger form submission, assert on DOM or spy calls
+- Helper: `nextTick(timeout?)` for async settling
+- Run: `pnpm test` from monorepo root
+
+### Breaking Changes
+
+- Changing `createZodPlugin` signature or return type
+- Changing `setZodErrors` method signature
+- Altering error message key format (`{path}:zod`)
+- Modifying timing behavior (debounce/throttle values)
+
+## Error Mapping Logic
+
+1. Zod errors parsed via `zodError.issues`
+2. Each issue's `path` joined with `.` (e.g., `personalInfo.firstName`)
+3. `node.at(path)` locates target FormKit node
+4. If node found: Error added to that node's store
+5. If node not found: Error added to form-level errors (only on submit)
+
+## Auto-Update Triggers
+
+Update this CLAUDE.md when:
+- New export added to `src/index.ts`
+- New method added to `FormKitNodeExtensions`
+- Validation timing logic changes
+- Error mapping behavior changes
+- Dependencies updated in `package.json`
+
+## Deep Dive References
+
+- Zod plugin implementation: `src/zod.ts`
+- FormKit node API: `packages/core/src/node.ts`
+- Ledger system: `packages/core/src/ledger.ts`
+- Message creation: `packages/core/src/store.ts`
+- Example usage: `examples/src/vue/examples/Zod.vue`

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/zod.ts"],"names":["node"],"mappings":"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","sourcesContent":["import type { FormKitNode, FormKitPlugin } from '@formkit/core'\nimport { createMessage } from '@formkit/core'\nimport type { z } from 'zod'\n\n/**\n * Extend FormKitNode with setZodErrors.\n */\ndeclare module '@formkit/core' {\n  interface FormKitNodeExtensions {\n    setZodErrors(zodError: z.ZodError | undefined): FormKitNode\n  }\n}\n\nfunction createMessageName(node: FormKitNode): string {\n  if (typeof node.props.validationLabel === 'function') {\n    return node.props.validationLabel(node)\n  }\n  return (\n    node.props.validationLabel ||\n    node.props.label ||\n    node.props.name ||\n    String(node.name)\n  )\n}\n\n/**\n * Creates a new Zod schema plugin for form validation.\n *\n * @param zodSchema - A Zod schema to validate the form against.\n * @param submitCallback - A callback to run when the form is submitted and it passes validation.\n *\n * @returns A tuple of a {@link @formkit/core#FormKitPlugin | FormKitPlugin} and a submit handler.\n *\n * @public\n */\nexport function createZodPlugin<Z extends z.ZodTypeAny>(\n  zodSchema: Z,\n  submitCallback: (\n    payload: z.infer<typeof zodSchema>,\n    node: FormKitNode | undefined\n  ) => void | Promise<void>\n): [FormKitPlugin, (payload: any, node: FormKitNode | undefined) => void] {\n  const zodValidationSet = new Set<FormKitNode>()\n  const zodValidationListeners = new Map<FormKitNode, string>()\n  // The Zod plugin — maps zod schema to validation rules on\n  // matching FormKit nodes.\n  const zodPlugin = (node: FormKitNode) => {\n    if (node.props.type !== 'form') return false\n\n    node.ledger.count('existingValidation', (message) => {\n      if (message.type === 'validation' || message.type === 'error') {\n        return !message.key.endsWith(':zod')\n      }\n      return false\n    })\n\n    node.on('created', () => {\n      node.extend('setZodErrors', {\n        get: (node) => async (zodError: z.ZodError) => {\n          if (!zodError) return\n          await node.settled\n          const [formErrors, fieldErrors] = zodErrorToFormKitErrors(\n            zodError,\n            node\n          )\n          node.setErrors(fieldErrors, formErrors)\n        },\n        set: false,\n      })\n    })\n\n    node.on('destroyed', () => {\n      zodValidationSet.clear()\n      zodValidationListeners.clear()\n    })\n\n    let commitTimout: ReturnType<typeof setTimeout> | number = 0\n    let start = Date.now()\n    node.on('commit', ({ payload }) => {\n      clearTimeout(commitTimout)\n      const now = Date.now()\n      // perform at least every 600ms\n      if (now - start > 600) {\n        start = now\n        performZodValidation(payload, node)\n      }\n      // also perform after 150ms of no commits\n      commitTimout = setTimeout(() => {\n        performZodValidation(payload, node)\n      }, 150)\n    })\n\n    node.on('message-added', (message) => {\n      if (\n        message.payload.type === 'state' &&\n        message.payload.key === 'submitted'\n      ) {\n        // perform validation on submit so that check\n        // for form level errors can be done\n        performZodValidation(node.value, node)\n      }\n    })\n\n    return false\n  }\n\n  function performZodValidation(payload: any, node: FormKitNode) {\n    const zodResults = zodSchema.safeParse(payload)\n    if (!zodResults.success) {\n      setFormValidations(zodResults.error, node)\n    } else {\n      zodValidationSet.forEach((node) => {\n        node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n        const receipt = zodValidationListeners.get(node)\n        node.off(receipt as string)\n        zodValidationListeners.delete(node)\n      })\n      zodValidationSet.clear()\n    }\n  }\n\n  // The submit handler — validates the payload against the zod schema\n  // and then passes the data to the user's submit callback.\n  async function submitHandler(payload: any, node?: FormKitNode | undefined) {\n    const zodResults = await zodSchema.safeParseAsync(payload)\n    if (!zodResults.success) {\n      setFormValidations(zodResults.error, node)\n    } else {\n      await submitCallback(zodResults.data, node)\n    }\n  }\n\n  // Sets the form errors on the correct nodes.\n  function setFormValidations(\n    zodErrors: z.ZodError,\n    node?: FormKitNode | undefined\n  ) {\n    if (!node) return\n    const [formErrors, InputErrors] = zodErrorToFormKitErrors(zodErrors, node)\n    const oldZodValidationSet = new Set(zodValidationSet)\n    Object.entries(InputErrors).map((issue) => {\n      const [path, message] = issue\n      const targetNode = node.at(path)\n      if (targetNode) {\n        oldZodValidationSet.delete(targetNode)\n        const existingValidationCount =\n          targetNode.ledger.value('existingValidation')\n        if (existingValidationCount === 0) {\n          if (!targetNode.store[`${path}:zod`]) {\n            const validationListener = targetNode.on(\n              'unsettled:existingValidation',\n              () => {\n                targetNode.store.remove(`${path}:zod`)\n                zodValidationSet.delete(targetNode)\n              }\n            )\n            zodValidationListeners.set(targetNode, validationListener)\n          }\n\n          targetNode.store.set(\n            /* #__PURE__ */ createMessage({\n              blocking: true,\n              type: 'validation',\n              key: `${path}:zod`,\n              value: message,\n              meta: {\n                i18nArgs: [\n                  {\n                    node: targetNode,\n                    name: createMessageName(targetNode),\n                    args: [issue],\n                  },\n                ],\n                messageKey: 'zod',\n              },\n            })\n          )\n          zodValidationSet.add(targetNode)\n        }\n      }\n    })\n\n    // on submit, all remaining errors are global errors\n    if (node?.context?.state.submitted) {\n      node.setErrors([], formErrors)\n    }\n\n    oldZodValidationSet.forEach((node) => {\n      node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n      zodValidationSet.delete(node)\n    })\n  }\n\n  function zodErrorToFormKitErrors(\n    zodError: z.ZodError,\n    node: FormKitNode\n  ): [string[], Record<string, string>] {\n    const fieldErrors: Record<string, string> = {}\n    const formErrors: string[] = []\n    zodError.issues.forEach((error) => {\n      const path = error.path.join('.')\n      const targetNode = node.at(path)\n      if (targetNode) {\n        if (!fieldErrors[path]) {\n          fieldErrors[path] = error.message\n        }\n      } else {\n        formErrors.push(`${path}: ${error.message}`)\n      }\n    })\n    return [formErrors, fieldErrors]\n  }\n\n  return [zodPlugin, submitHandler]\n}\n"]}
+{"version":3,"sources":["../src/zod.ts"],"names":["node"],"mappings":"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","sourcesContent":["import { FormKitNode, FormKitPlugin, createMessage } from '@formkit/core'\nimport { z } from 'zod'\n\n/**\n * Extend FormKitNode with setZodErrors.\n */\ndeclare module '@formkit/core' {\n  interface FormKitNodeExtensions {\n    setZodErrors(zodError: z.ZodError | undefined): FormKitNode\n  }\n}\n\nfunction createMessageName(node: FormKitNode): string {\n  if (typeof node.props.validationLabel === 'function') {\n    return node.props.validationLabel(node)\n  }\n  return (\n    node.props.validationLabel ||\n    node.props.label ||\n    node.props.name ||\n    String(node.name)\n  )\n}\n\n/**\n * Creates a new Zod schema plugin for form validation.\n *\n * @param zodSchema - A Zod schema to validate the form against.\n * @param submitCallback - A callback to run when the form is submitted and it passes validation.\n *\n * @returns A tuple of a {@link @formkit/core#FormKitPlugin | FormKitPlugin} and a submit handler.\n *\n * @public\n */\nexport function createZodPlugin<Z extends z.ZodTypeAny>(\n  zodSchema: Z,\n  submitCallback: (\n    payload: z.infer<typeof zodSchema>,\n    node: FormKitNode | undefined\n  ) => void | Promise<void>\n): [FormKitPlugin, (payload: any, node: FormKitNode | undefined) => void] {\n  const zodValidationSet = new Set<FormKitNode>()\n  const zodValidationListeners = new Map<FormKitNode, string>()\n  // The Zod plugin — maps zod schema to validation rules on\n  // matching FormKit nodes.\n  const zodPlugin = (node: FormKitNode) => {\n    if (node.props.type !== 'form') return false\n\n    node.ledger.count('existingValidation', (message) => {\n      if (message.type === 'validation' || message.type === 'error') {\n        return !message.key.endsWith(':zod')\n      }\n      return false\n    })\n\n    node.on('created', () => {\n      node.extend('setZodErrors', {\n        get: (node) => async (zodError: z.ZodError) => {\n          if (!zodError) return\n          await node.settled\n          const [formErrors, fieldErrors] = zodErrorToFormKitErrors(\n            zodError,\n            node\n          )\n          node.setErrors(fieldErrors, formErrors)\n        },\n        set: false,\n      })\n    })\n\n    node.on('destroyed', () => {\n      zodValidationSet.clear()\n      zodValidationListeners.clear()\n    })\n\n    let commitTimout: ReturnType<typeof setTimeout> | number = 0\n    let start = Date.now()\n    node.on('commit', ({ payload }) => {\n      clearTimeout(commitTimout)\n      const now = Date.now()\n      // perform at least every 600ms\n      if (now - start > 600) {\n        start = now\n        performZodValidation(payload, node)\n      }\n      // also perform after 150ms of no commits\n      commitTimout = setTimeout(() => {\n        performZodValidation(payload, node)\n      }, 150)\n    })\n\n    node.on('message-added', (message) => {\n      if (\n        message.payload.type === 'state' &&\n        message.payload.key === 'submitted'\n      ) {\n        // perform validation on submit so that check\n        // for form level errors can be done\n        performZodValidation(node.value, node)\n      }\n    })\n\n    return false\n  }\n\n  function performZodValidation(payload: any, node: FormKitNode) {\n    const zodResults = zodSchema.safeParse(payload)\n    if (!zodResults.success) {\n      setFormValidations(zodResults.error, node)\n    } else {\n      zodValidationSet.forEach((node) => {\n        node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n        const receipt = zodValidationListeners.get(node)\n        node.off(receipt as string)\n        zodValidationListeners.delete(node)\n      })\n      zodValidationSet.clear()\n    }\n  }\n\n  // The submit handler — validates the payload against the zod schema\n  // and then passes the data to the user's submit callback.\n  async function submitHandler(payload: any, node?: FormKitNode | undefined) {\n    const zodResults = await zodSchema.safeParseAsync(payload)\n    if (!zodResults.success) {\n      setFormValidations(zodResults.error, node)\n    } else {\n      await submitCallback(zodResults.data, node)\n    }\n  }\n\n  // Sets the form errors on the correct nodes.\n  function setFormValidations(\n    zodErrors: z.ZodError,\n    node?: FormKitNode | undefined\n  ) {\n    if (!node) return\n    const [formErrors, InputErrors] = zodErrorToFormKitErrors(zodErrors, node)\n    const oldZodValidationSet = new Set(zodValidationSet)\n    Object.entries(InputErrors).map((issue) => {\n      const [path, message] = issue\n      const targetNode = node.at(path)\n      if (targetNode) {\n        oldZodValidationSet.delete(targetNode)\n        const existingValidationCount =\n          targetNode.ledger.value('existingValidation')\n        if (existingValidationCount === 0) {\n          if (!targetNode.store[`${path}:zod`]) {\n            const validationListener = targetNode.on(\n              'unsettled:existingValidation',\n              () => {\n                targetNode.store.remove(`${path}:zod`)\n                zodValidationSet.delete(targetNode)\n              }\n            )\n            zodValidationListeners.set(targetNode, validationListener)\n          }\n\n          targetNode.store.set(\n            /* #__PURE__ */ createMessage({\n              blocking: true,\n              type: 'validation',\n              key: `${path}:zod`,\n              value: message,\n              meta: {\n                i18nArgs: [\n                  {\n                    node: targetNode,\n                    name: createMessageName(targetNode),\n                    args: [issue],\n                  },\n                ],\n                messageKey: 'zod',\n              },\n            })\n          )\n          zodValidationSet.add(targetNode)\n        }\n      }\n    })\n\n    // on submit, all remaining errors are global errors\n    if (node?.context?.state.submitted) {\n      node.setErrors([], formErrors)\n    }\n\n    oldZodValidationSet.forEach((node) => {\n      node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n      zodValidationSet.delete(node)\n    })\n  }\n\n  function zodErrorToFormKitErrors(\n    zodError: z.ZodError,\n    node: FormKitNode\n  ): [string[], Record<string, string>] {\n    const fieldErrors: Record<string, string> = {}\n    const formErrors: string[] = []\n    zodError.issues.forEach((error) => {\n      const path = error.path.join('.')\n      const targetNode = node.at(path)\n      if (targetNode) {\n        if (!fieldErrors[path]) {\n          fieldErrors[path] = error.message\n        }\n      } else {\n        formErrors.push(`${path}: ${error.message}`)\n      }\n    })\n    return [formErrors, fieldErrors]\n  }\n\n  return [zodPlugin, submitHandler]\n}\n"]}

package/dist/index.dev.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/zod.ts"],"names":["node"],"mappings":"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","sourcesContent":["import type { FormKitNode, FormKitPlugin } from '@formkit/core'\nimport { createMessage } from '@formkit/core'\nimport type { z } from 'zod'\n\n/**\n * Extend FormKitNode with setZodErrors.\n */\ndeclare module '@formkit/core' {\n  interface FormKitNodeExtensions {\n    setZodErrors(zodError: z.ZodError | undefined): FormKitNode\n  }\n}\n\nfunction createMessageName(node: FormKitNode): string {\n  if (typeof node.props.validationLabel === 'function') {\n    return node.props.validationLabel(node)\n  }\n  return (\n    node.props.validationLabel ||\n    node.props.label ||\n    node.props.name ||\n    String(node.name)\n  )\n}\n\n/**\n * Creates a new Zod schema plugin for form validation.\n *\n * @param zodSchema - A Zod schema to validate the form against.\n * @param submitCallback - A callback to run when the form is submitted and it passes validation.\n *\n * @returns A tuple of a {@link @formkit/core#FormKitPlugin | FormKitPlugin} and a submit handler.\n *\n * @public\n */\nexport function createZodPlugin<Z extends z.ZodTypeAny>(\n  zodSchema: Z,\n  submitCallback: (\n    payload: z.infer<typeof zodSchema>,\n    node: FormKitNode | undefined\n  ) => void | Promise<void>\n): [FormKitPlugin, (payload: any, node: FormKitNode | undefined) => void] {\n  const zodValidationSet = new Set<FormKitNode>()\n  const zodValidationListeners = new Map<FormKitNode, string>()\n  // The Zod plugin — maps zod schema to validation rules on\n  // matching FormKit nodes.\n  const zodPlugin = (node: FormKitNode) => {\n    if (node.props.type !== 'form') return false\n\n    node.ledger.count('existingValidation', (message) => {\n      if (message.type === 'validation' || message.type === 'error') {\n        return !message.key.endsWith(':zod')\n      }\n      return false\n    })\n\n    node.on('created', () => {\n      node.extend('setZodErrors', {\n        get: (node) => async (zodError: z.ZodError) => {\n          if (!zodError) return\n          await node.settled\n          const [formErrors, fieldErrors] = zodErrorToFormKitErrors(\n            zodError,\n            node\n          )\n          node.setErrors(fieldErrors, formErrors)\n        },\n        set: false,\n      })\n    })\n\n    node.on('destroyed', () => {\n      zodValidationSet.clear()\n      zodValidationListeners.clear()\n    })\n\n    let commitTimout: ReturnType<typeof setTimeout> | number = 0\n    let start = Date.now()\n    node.on('commit', ({ payload }) => {\n      clearTimeout(commitTimout)\n      const now = Date.now()\n      // perform at least every 600ms\n      if (now - start > 600) {\n        start = now\n        performZodValidation(payload, node)\n      }\n      // also perform after 150ms of no commits\n      commitTimout = setTimeout(() => {\n        performZodValidation(payload, node)\n      }, 150)\n    })\n\n    node.on('message-added', (message) => {\n      if (\n        message.payload.type === 'state' &&\n        message.payload.key === 'submitted'\n      ) {\n        // perform validation on submit so that check\n        // for form level errors can be done\n        performZodValidation(node.value, node)\n      }\n    })\n\n    return false\n  }\n\n  function performZodValidation(payload: any, node: FormKitNode) {\n    const zodResults = zodSchema.safeParse(payload)\n    if (!zodResults.success) {\n      setFormValidations(zodResults.error, node)\n    } else {\n      zodValidationSet.forEach((node) => {\n        node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n        const receipt = zodValidationListeners.get(node)\n        node.off(receipt as string)\n        zodValidationListeners.delete(node)\n      })\n      zodValidationSet.clear()\n    }\n  }\n\n  // The submit handler — validates the payload against the zod schema\n  // and then passes the data to the user's submit callback.\n  async function submitHandler(payload: any, node?: FormKitNode | undefined) {\n    const zodResults = await zodSchema.safeParseAsync(payload)\n    if (!zodResults.success) {\n      setFormValidations(zodResults.error, node)\n    } else {\n      await submitCallback(zodResults.data, node)\n    }\n  }\n\n  // Sets the form errors on the correct nodes.\n  function setFormValidations(\n    zodErrors: z.ZodError,\n    node?: FormKitNode | undefined\n  ) {\n    if (!node) return\n    const [formErrors, InputErrors] = zodErrorToFormKitErrors(zodErrors, node)\n    const oldZodValidationSet = new Set(zodValidationSet)\n    Object.entries(InputErrors).map((issue) => {\n      const [path, message] = issue\n      const targetNode = node.at(path)\n      if (targetNode) {\n        oldZodValidationSet.delete(targetNode)\n        const existingValidationCount =\n          targetNode.ledger.value('existingValidation')\n        if (existingValidationCount === 0) {\n          if (!targetNode.store[`${path}:zod`]) {\n            const validationListener = targetNode.on(\n              'unsettled:existingValidation',\n              () => {\n                targetNode.store.remove(`${path}:zod`)\n                zodValidationSet.delete(targetNode)\n              }\n            )\n            zodValidationListeners.set(targetNode, validationListener)\n          }\n\n          targetNode.store.set(\n            /* #__PURE__ */ createMessage({\n              blocking: true,\n              type: 'validation',\n              key: `${path}:zod`,\n              value: message,\n              meta: {\n                i18nArgs: [\n                  {\n                    node: targetNode,\n                    name: createMessageName(targetNode),\n                    args: [issue],\n                  },\n                ],\n                messageKey: 'zod',\n              },\n            })\n          )\n          zodValidationSet.add(targetNode)\n        }\n      }\n    })\n\n    // on submit, all remaining errors are global errors\n    if (node?.context?.state.submitted) {\n      node.setErrors([], formErrors)\n    }\n\n    oldZodValidationSet.forEach((node) => {\n      node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n      zodValidationSet.delete(node)\n    })\n  }\n\n  function zodErrorToFormKitErrors(\n    zodError: z.ZodError,\n    node: FormKitNode\n  ): [string[], Record<string, string>] {\n    const fieldErrors: Record<string, string> = {}\n    const formErrors: string[] = []\n    zodError.issues.forEach((error) => {\n      const path = error.path.join('.')\n      const targetNode = node.at(path)\n      if (targetNode) {\n        if (!fieldErrors[path]) {\n          fieldErrors[path] = error.message\n        }\n      } else {\n        formErrors.push(`${path}: ${error.message}`)\n      }\n    })\n    return [formErrors, fieldErrors]\n  }\n\n  return [zodPlugin, submitHandler]\n}\n"]}
+{"version":3,"sources":["../src/zod.ts"],"names":["node"],"mappings":"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","sourcesContent":["import { FormKitNode, FormKitPlugin, createMessage } from '@formkit/core'\nimport { z } from 'zod'\n\n/**\n * Extend FormKitNode with setZodErrors.\n */\ndeclare module '@formkit/core' {\n  interface FormKitNodeExtensions {\n    setZodErrors(zodError: z.ZodError | undefined): FormKitNode\n  }\n}\n\nfunction createMessageName(node: FormKitNode): string {\n  if (typeof node.props.validationLabel === 'function') {\n    return node.props.validationLabel(node)\n  }\n  return (\n    node.props.validationLabel ||\n    node.props.label ||\n    node.props.name ||\n    String(node.name)\n  )\n}\n\n/**\n * Creates a new Zod schema plugin for form validation.\n *\n * @param zodSchema - A Zod schema to validate the form against.\n * @param submitCallback - A callback to run when the form is submitted and it passes validation.\n *\n * @returns A tuple of a {@link @formkit/core#FormKitPlugin | FormKitPlugin} and a submit handler.\n *\n * @public\n */\nexport function createZodPlugin<Z extends z.ZodTypeAny>(\n  zodSchema: Z,\n  submitCallback: (\n    payload: z.infer<typeof zodSchema>,\n    node: FormKitNode | undefined\n  ) => void | Promise<void>\n): [FormKitPlugin, (payload: any, node: FormKitNode | undefined) => void] {\n  const zodValidationSet = new Set<FormKitNode>()\n  const zodValidationListeners = new Map<FormKitNode, string>()\n  // The Zod plugin — maps zod schema to validation rules on\n  // matching FormKit nodes.\n  const zodPlugin = (node: FormKitNode) => {\n    if (node.props.type !== 'form') return false\n\n    node.ledger.count('existingValidation', (message) => {\n      if (message.type === 'validation' || message.type === 'error') {\n        return !message.key.endsWith(':zod')\n      }\n      return false\n    })\n\n    node.on('created', () => {\n      node.extend('setZodErrors', {\n        get: (node) => async (zodError: z.ZodError) => {\n          if (!zodError) return\n          await node.settled\n          const [formErrors, fieldErrors] = zodErrorToFormKitErrors(\n            zodError,\n            node\n          )\n          node.setErrors(fieldErrors, formErrors)\n        },\n        set: false,\n      })\n    })\n\n    node.on('destroyed', () => {\n      zodValidationSet.clear()\n      zodValidationListeners.clear()\n    })\n\n    let commitTimout: ReturnType<typeof setTimeout> | number = 0\n    let start = Date.now()\n    node.on('commit', ({ payload }) => {\n      clearTimeout(commitTimout)\n      const now = Date.now()\n      // perform at least every 600ms\n      if (now - start > 600) {\n        start = now\n        performZodValidation(payload, node)\n      }\n      // also perform after 150ms of no commits\n      commitTimout = setTimeout(() => {\n        performZodValidation(payload, node)\n      }, 150)\n    })\n\n    node.on('message-added', (message) => {\n      if (\n        message.payload.type === 'state' &&\n        message.payload.key === 'submitted'\n      ) {\n        // perform validation on submit so that check\n        // for form level errors can be done\n        performZodValidation(node.value, node)\n      }\n    })\n\n    return false\n  }\n\n  function performZodValidation(payload: any, node: FormKitNode) {\n    const zodResults = zodSchema.safeParse(payload)\n    if (!zodResults.success) {\n      setFormValidations(zodResults.error, node)\n    } else {\n      zodValidationSet.forEach((node) => {\n        node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n        const receipt = zodValidationListeners.get(node)\n        node.off(receipt as string)\n        zodValidationListeners.delete(node)\n      })\n      zodValidationSet.clear()\n    }\n  }\n\n  // The submit handler — validates the payload against the zod schema\n  // and then passes the data to the user's submit callback.\n  async function submitHandler(payload: any, node?: FormKitNode | undefined) {\n    const zodResults = await zodSchema.safeParseAsync(payload)\n    if (!zodResults.success) {\n      setFormValidations(zodResults.error, node)\n    } else {\n      await submitCallback(zodResults.data, node)\n    }\n  }\n\n  // Sets the form errors on the correct nodes.\n  function setFormValidations(\n    zodErrors: z.ZodError,\n    node?: FormKitNode | undefined\n  ) {\n    if (!node) return\n    const [formErrors, InputErrors] = zodErrorToFormKitErrors(zodErrors, node)\n    const oldZodValidationSet = new Set(zodValidationSet)\n    Object.entries(InputErrors).map((issue) => {\n      const [path, message] = issue\n      const targetNode = node.at(path)\n      if (targetNode) {\n        oldZodValidationSet.delete(targetNode)\n        const existingValidationCount =\n          targetNode.ledger.value('existingValidation')\n        if (existingValidationCount === 0) {\n          if (!targetNode.store[`${path}:zod`]) {\n            const validationListener = targetNode.on(\n              'unsettled:existingValidation',\n              () => {\n                targetNode.store.remove(`${path}:zod`)\n                zodValidationSet.delete(targetNode)\n              }\n            )\n            zodValidationListeners.set(targetNode, validationListener)\n          }\n\n          targetNode.store.set(\n            /* #__PURE__ */ createMessage({\n              blocking: true,\n              type: 'validation',\n              key: `${path}:zod`,\n              value: message,\n              meta: {\n                i18nArgs: [\n                  {\n                    node: targetNode,\n                    name: createMessageName(targetNode),\n                    args: [issue],\n                  },\n                ],\n                messageKey: 'zod',\n              },\n            })\n          )\n          zodValidationSet.add(targetNode)\n        }\n      }\n    })\n\n    // on submit, all remaining errors are global errors\n    if (node?.context?.state.submitted) {\n      node.setErrors([], formErrors)\n    }\n\n    oldZodValidationSet.forEach((node) => {\n      node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n      zodValidationSet.delete(node)\n    })\n  }\n\n  function zodErrorToFormKitErrors(\n    zodError: z.ZodError,\n    node: FormKitNode\n  ): [string[], Record<string, string>] {\n    const fieldErrors: Record<string, string> = {}\n    const formErrors: string[] = []\n    zodError.issues.forEach((error) => {\n      const path = error.path.join('.')\n      const targetNode = node.at(path)\n      if (targetNode) {\n        if (!fieldErrors[path]) {\n          fieldErrors[path] = error.message\n        }\n      } else {\n        formErrors.push(`${path}: ${error.message}`)\n      }\n    })\n    return [formErrors, fieldErrors]\n  }\n\n  return [zodPlugin, submitHandler]\n}\n"]}

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/zod.ts"],"names":["node"],"mappings":"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","sourcesContent":["import type { FormKitNode, FormKitPlugin } from '@formkit/core'\nimport { createMessage } from '@formkit/core'\nimport type { z } from 'zod'\n\n/**\n * Extend FormKitNode with setZodErrors.\n */\ndeclare module '@formkit/core' {\n  interface FormKitNodeExtensions {\n    setZodErrors(zodError: z.ZodError | undefined): FormKitNode\n  }\n}\n\nfunction createMessageName(node: FormKitNode): string {\n  if (typeof node.props.validationLabel === 'function') {\n    return node.props.validationLabel(node)\n  }\n  return (\n    node.props.validationLabel ||\n    node.props.label ||\n    node.props.name ||\n    String(node.name)\n  )\n}\n\n/**\n * Creates a new Zod schema plugin for form validation.\n *\n * @param zodSchema - A Zod schema to validate the form against.\n * @param submitCallback - A callback to run when the form is submitted and it passes validation.\n *\n * @returns A tuple of a {@link @formkit/core#FormKitPlugin | FormKitPlugin} and a submit handler.\n *\n * @public\n */\nexport function createZodPlugin<Z extends z.ZodTypeAny>(\n  zodSchema: Z,\n  submitCallback: (\n    payload: z.infer<typeof zodSchema>,\n    node: FormKitNode | undefined\n  ) => void | Promise<void>\n): [FormKitPlugin, (payload: any, node: FormKitNode | undefined) => void] {\n  const zodValidationSet = new Set<FormKitNode>()\n  const zodValidationListeners = new Map<FormKitNode, string>()\n  // The Zod plugin — maps zod schema to validation rules on\n  // matching FormKit nodes.\n  const zodPlugin = (node: FormKitNode) => {\n    if (node.props.type !== 'form') return false\n\n    node.ledger.count('existingValidation', (message) => {\n      if (message.type === 'validation' || message.type === 'error') {\n        return !message.key.endsWith(':zod')\n      }\n      return false\n    })\n\n    node.on('created', () => {\n      node.extend('setZodErrors', {\n        get: (node) => async (zodError: z.ZodError) => {\n          if (!zodError) return\n          await node.settled\n          const [formErrors, fieldErrors] = zodErrorToFormKitErrors(\n            zodError,\n            node\n          )\n          node.setErrors(fieldErrors, formErrors)\n        },\n        set: false,\n      })\n    })\n\n    node.on('destroyed', () => {\n      zodValidationSet.clear()\n      zodValidationListeners.clear()\n    })\n\n    let commitTimout: ReturnType<typeof setTimeout> | number = 0\n    let start = Date.now()\n    node.on('commit', ({ payload }) => {\n      clearTimeout(commitTimout)\n      const now = Date.now()\n      // perform at least every 600ms\n      if (now - start > 600) {\n        start = now\n        performZodValidation(payload, node)\n      }\n      // also perform after 150ms of no commits\n      commitTimout = setTimeout(() => {\n        performZodValidation(payload, node)\n      }, 150)\n    })\n\n    node.on('message-added', (message) => {\n      if (\n        message.payload.type === 'state' &&\n        message.payload.key === 'submitted'\n      ) {\n        // perform validation on submit so that check\n        // for form level errors can be done\n        performZodValidation(node.value, node)\n      }\n    })\n\n    return false\n  }\n\n  function performZodValidation(payload: any, node: FormKitNode) {\n    const zodResults = zodSchema.safeParse(payload)\n    if (!zodResults.success) {\n      setFormValidations(zodResults.error, node)\n    } else {\n      zodValidationSet.forEach((node) => {\n        node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n        const receipt = zodValidationListeners.get(node)\n        node.off(receipt as string)\n        zodValidationListeners.delete(node)\n      })\n      zodValidationSet.clear()\n    }\n  }\n\n  // The submit handler — validates the payload against the zod schema\n  // and then passes the data to the user's submit callback.\n  async function submitHandler(payload: any, node?: FormKitNode | undefined) {\n    const zodResults = await zodSchema.safeParseAsync(payload)\n    if (!zodResults.success) {\n      setFormValidations(zodResults.error, node)\n    } else {\n      await submitCallback(zodResults.data, node)\n    }\n  }\n\n  // Sets the form errors on the correct nodes.\n  function setFormValidations(\n    zodErrors: z.ZodError,\n    node?: FormKitNode | undefined\n  ) {\n    if (!node) return\n    const [formErrors, InputErrors] = zodErrorToFormKitErrors(zodErrors, node)\n    const oldZodValidationSet = new Set(zodValidationSet)\n    Object.entries(InputErrors).map((issue) => {\n      const [path, message] = issue\n      const targetNode = node.at(path)\n      if (targetNode) {\n        oldZodValidationSet.delete(targetNode)\n        const existingValidationCount =\n          targetNode.ledger.value('existingValidation')\n        if (existingValidationCount === 0) {\n          if (!targetNode.store[`${path}:zod`]) {\n            const validationListener = targetNode.on(\n              'unsettled:existingValidation',\n              () => {\n                targetNode.store.remove(`${path}:zod`)\n                zodValidationSet.delete(targetNode)\n              }\n            )\n            zodValidationListeners.set(targetNode, validationListener)\n          }\n\n          targetNode.store.set(\n            /* #__PURE__ */ createMessage({\n              blocking: true,\n              type: 'validation',\n              key: `${path}:zod`,\n              value: message,\n              meta: {\n                i18nArgs: [\n                  {\n                    node: targetNode,\n                    name: createMessageName(targetNode),\n                    args: [issue],\n                  },\n                ],\n                messageKey: 'zod',\n              },\n            })\n          )\n          zodValidationSet.add(targetNode)\n        }\n      }\n    })\n\n    // on submit, all remaining errors are global errors\n    if (node?.context?.state.submitted) {\n      node.setErrors([], formErrors)\n    }\n\n    oldZodValidationSet.forEach((node) => {\n      node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n      zodValidationSet.delete(node)\n    })\n  }\n\n  function zodErrorToFormKitErrors(\n    zodError: z.ZodError,\n    node: FormKitNode\n  ): [string[], Record<string, string>] {\n    const fieldErrors: Record<string, string> = {}\n    const formErrors: string[] = []\n    zodError.issues.forEach((error) => {\n      const path = error.path.join('.')\n      const targetNode = node.at(path)\n      if (targetNode) {\n        if (!fieldErrors[path]) {\n          fieldErrors[path] = error.message\n        }\n      } else {\n        formErrors.push(`${path}: ${error.message}`)\n      }\n    })\n    return [formErrors, fieldErrors]\n  }\n\n  return [zodPlugin, submitHandler]\n}\n"]}
+{"version":3,"sources":["../src/zod.ts"],"names":["node"],"mappings":"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","sourcesContent":["import { FormKitNode, FormKitPlugin, createMessage } from '@formkit/core'\nimport { z } from 'zod'\n\n/**\n * Extend FormKitNode with setZodErrors.\n */\ndeclare module '@formkit/core' {\n  interface FormKitNodeExtensions {\n    setZodErrors(zodError: z.ZodError | undefined): FormKitNode\n  }\n}\n\nfunction createMessageName(node: FormKitNode): string {\n  if (typeof node.props.validationLabel === 'function') {\n    return node.props.validationLabel(node)\n  }\n  return (\n    node.props.validationLabel ||\n    node.props.label ||\n    node.props.name ||\n    String(node.name)\n  )\n}\n\n/**\n * Creates a new Zod schema plugin for form validation.\n *\n * @param zodSchema - A Zod schema to validate the form against.\n * @param submitCallback - A callback to run when the form is submitted and it passes validation.\n *\n * @returns A tuple of a {@link @formkit/core#FormKitPlugin | FormKitPlugin} and a submit handler.\n *\n * @public\n */\nexport function createZodPlugin<Z extends z.ZodTypeAny>(\n  zodSchema: Z,\n  submitCallback: (\n    payload: z.infer<typeof zodSchema>,\n    node: FormKitNode | undefined\n  ) => void | Promise<void>\n): [FormKitPlugin, (payload: any, node: FormKitNode | undefined) => void] {\n  const zodValidationSet = new Set<FormKitNode>()\n  const zodValidationListeners = new Map<FormKitNode, string>()\n  // The Zod plugin — maps zod schema to validation rules on\n  // matching FormKit nodes.\n  const zodPlugin = (node: FormKitNode) => {\n    if (node.props.type !== 'form') return false\n\n    node.ledger.count('existingValidation', (message) => {\n      if (message.type === 'validation' || message.type === 'error') {\n        return !message.key.endsWith(':zod')\n      }\n      return false\n    })\n\n    node.on('created', () => {\n      node.extend('setZodErrors', {\n        get: (node) => async (zodError: z.ZodError) => {\n          if (!zodError) return\n          await node.settled\n          const [formErrors, fieldErrors] = zodErrorToFormKitErrors(\n            zodError,\n            node\n          )\n          node.setErrors(fieldErrors, formErrors)\n        },\n        set: false,\n      })\n    })\n\n    node.on('destroyed', () => {\n      zodValidationSet.clear()\n      zodValidationListeners.clear()\n    })\n\n    let commitTimout: ReturnType<typeof setTimeout> | number = 0\n    let start = Date.now()\n    node.on('commit', ({ payload }) => {\n      clearTimeout(commitTimout)\n      const now = Date.now()\n      // perform at least every 600ms\n      if (now - start > 600) {\n        start = now\n        performZodValidation(payload, node)\n      }\n      // also perform after 150ms of no commits\n      commitTimout = setTimeout(() => {\n        performZodValidation(payload, node)\n      }, 150)\n    })\n\n    node.on('message-added', (message) => {\n      if (\n        message.payload.type === 'state' &&\n        message.payload.key === 'submitted'\n      ) {\n        // perform validation on submit so that check\n        // for form level errors can be done\n        performZodValidation(node.value, node)\n      }\n    })\n\n    return false\n  }\n\n  function performZodValidation(payload: any, node: FormKitNode) {\n    const zodResults = zodSchema.safeParse(payload)\n    if (!zodResults.success) {\n      setFormValidations(zodResults.error, node)\n    } else {\n      zodValidationSet.forEach((node) => {\n        node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n        const receipt = zodValidationListeners.get(node)\n        node.off(receipt as string)\n        zodValidationListeners.delete(node)\n      })\n      zodValidationSet.clear()\n    }\n  }\n\n  // The submit handler — validates the payload against the zod schema\n  // and then passes the data to the user's submit callback.\n  async function submitHandler(payload: any, node?: FormKitNode | undefined) {\n    const zodResults = await zodSchema.safeParseAsync(payload)\n    if (!zodResults.success) {\n      setFormValidations(zodResults.error, node)\n    } else {\n      await submitCallback(zodResults.data, node)\n    }\n  }\n\n  // Sets the form errors on the correct nodes.\n  function setFormValidations(\n    zodErrors: z.ZodError,\n    node?: FormKitNode | undefined\n  ) {\n    if (!node) return\n    const [formErrors, InputErrors] = zodErrorToFormKitErrors(zodErrors, node)\n    const oldZodValidationSet = new Set(zodValidationSet)\n    Object.entries(InputErrors).map((issue) => {\n      const [path, message] = issue\n      const targetNode = node.at(path)\n      if (targetNode) {\n        oldZodValidationSet.delete(targetNode)\n        const existingValidationCount =\n          targetNode.ledger.value('existingValidation')\n        if (existingValidationCount === 0) {\n          if (!targetNode.store[`${path}:zod`]) {\n            const validationListener = targetNode.on(\n              'unsettled:existingValidation',\n              () => {\n                targetNode.store.remove(`${path}:zod`)\n                zodValidationSet.delete(targetNode)\n              }\n            )\n            zodValidationListeners.set(targetNode, validationListener)\n          }\n\n          targetNode.store.set(\n            /* #__PURE__ */ createMessage({\n              blocking: true,\n              type: 'validation',\n              key: `${path}:zod`,\n              value: message,\n              meta: {\n                i18nArgs: [\n                  {\n                    node: targetNode,\n                    name: createMessageName(targetNode),\n                    args: [issue],\n                  },\n                ],\n                messageKey: 'zod',\n              },\n            })\n          )\n          zodValidationSet.add(targetNode)\n        }\n      }\n    })\n\n    // on submit, all remaining errors are global errors\n    if (node?.context?.state.submitted) {\n      node.setErrors([], formErrors)\n    }\n\n    oldZodValidationSet.forEach((node) => {\n      node.store.remove(`${node.address.slice(1).join('.')}:zod`)\n      zodValidationSet.delete(node)\n    })\n  }\n\n  function zodErrorToFormKitErrors(\n    zodError: z.ZodError,\n    node: FormKitNode\n  ): [string[], Record<string, string>] {\n    const fieldErrors: Record<string, string> = {}\n    const formErrors: string[] = []\n    zodError.issues.forEach((error) => {\n      const path = error.path.join('.')\n      const targetNode = node.at(path)\n      if (targetNode) {\n        if (!fieldErrors[path]) {\n          fieldErrors[path] = error.message\n        }\n      } else {\n        formErrors.push(`${path}: ${error.message}`)\n      }\n    })\n    return [formErrors, fieldErrors]\n  }\n\n  return [zodPlugin, submitHandler]\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formkit/zod",
-  "version": "1.7.0-d6a1f02",
+  "version": "1.7.0-dev.4f55c07",
   "type": "module",
   "description": "Zod validation for FormKit.",
   "main": "dist/index.cjs",
@@ -27,7 +27,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/formkit/zod.git",
+    "url": "https://github.com/formkit/formkit.git",
     "directory": "packages/zod"
   },
   "contributors": [
@@ -35,16 +35,16 @@
     "Justin Schroeder <justin@formkit.com>"
   ],
   "license": "MIT",
+  "scripts": {
+    "test": "jest"
+  },
   "dependencies": {
-    "@formkit/core": "1.7.0-d6a1f02"
+    "@formkit/core": "1.7.0-dev.4f55c07"
   },
   "devDependencies": {
-    "@formkit/vue": "^1.7.0-d6a1f02"
+    "@formkit/vue": "workspace:^"
   },
   "peerDependencies": {
     "zod": "^3.0.0"
-  },
-  "scripts": {
-    "test": "jest"
   }
 }