solid-tiny-form 0.1.0 → 0.2.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 solid tiny
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 solid tiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,96 +1,96 @@
-# solid-tiny-form
-
-A tiny SolidJS form state manager inspired by `react-hook-form`, but designed around Solid's fine-grained reactivity and `createStore`.
-
-## Features
-
-- `createForm` API for registering fields, setting values, submitting, resetting, and validating.
-- Form state is stored in a Solid store from `solid-js/store`.
-- Pluggable resolver interface for schema validation libraries.
-- Built-in ArkType resolver via `arktypeResolver`.
-- Lightweight field-level rules for common cases.
-
-## Installation
-
-```sh
-pnpm add solid-tiny-form solid-js
-```
-
-Install ArkType when using the optional ArkType resolver:
-
-```sh
-pnpm add arktype
-```
-
-The ArkType adapter supports `arktype@^2.1.27` and is exposed from `solid-tiny-form/resolvers/arktype`.
-
-## Usage
-
-```tsx
-import { type } from "arktype";
-import { createForm } from "solid-tiny-form";
-import { arktypeResolver } from "solid-tiny-form/resolvers/arktype";
-
-const schema = type({
-  email: "string.email",
-  age: "number >= 18",
-});
-
-function Example() {
-  const form = createForm({
-    defaultValues: {
-      email: "",
-      age: 18,
-    },
-    resolver: arktypeResolver(schema),
-    mode: "onBlur",
-  });
-
-  const onSubmit = form.handleSubmit((values) => {
-    console.log(values);
-  });
-
-  return (
-    <form onSubmit={onSubmit}>
-      <input {...form.register("email")} />
-      <input type="number" {...form.register("age", { valueAsNumber: true })} />
-      <button disabled={form.formState.isSubmitting}>Submit</button>
-    </form>
-  );
-}
-```
-
-## API
-
-### `createForm(options)`
-
-Creates a form controller.
-
-```ts
-const form = createForm({
-  defaultValues,
-  resolver,
-  context,
-  mode: "onSubmit",
-});
-```
-
-Validation modes are `onSubmit`, `onBlur`, `onChange`, and `all`.
-
-### Resolver interface
-
-Resolvers receive current values and return parsed values plus field errors.
-
-```ts
-type Resolver<TValues, TContext> = (
-  values: TValues,
-  context: {
-    name?: string;
-    context?: TContext;
-  }
-) =>
-  | { values: TValues; errors: Record<string, FieldError> }
-  | Promise<{ values: TValues; errors: Record<string, FieldError> }>;
-```
-
-This keeps the core form independent from any validation library.
+# solid-tiny-form
+
+A tiny SolidJS form state manager inspired by `react-hook-form`, but designed around Solid's fine-grained reactivity and `createStore`.
+
+## Features
+
+- `createForm` API for registering fields, setting values, submitting, resetting, and validating.
+- Form state is stored in a Solid store from `solid-js/store`.
+- Pluggable resolver interface for schema validation libraries.
+- Built-in ArkType resolver via `arktypeResolver`.
+- Lightweight field-level rules for common cases.
+
+## Installation
+
+```sh
+pnpm add solid-tiny-form solid-js
+```
+
+Install ArkType when using the optional ArkType resolver:
+
+```sh
+pnpm add arktype
+```
+
+The ArkType adapter supports `arktype@^2.1.27` and is exposed from `solid-tiny-form/resolvers/arktype`.
+
+## Usage
+
+```tsx
+import { type } from "arktype";
+import { createForm } from "solid-tiny-form";
+import { arktypeResolver } from "solid-tiny-form/resolvers/arktype";
+
+const schema = type({
+  email: "string.email",
+  age: "number >= 18",
+});
+
+function Example() {
+  const form = createForm({
+    defaultValues: {
+      email: "",
+      age: 18,
+    },
+    resolver: arktypeResolver(schema),
+    mode: "onBlur",
+  });
+
+  const onSubmit = form.handleSubmit((values) => {
+    console.log(values);
+  });
+
+  return (
+    <form onSubmit={onSubmit}>
+      <input {...form.register("email")} />
+      <input type="number" {...form.register("age", { valueAsNumber: true })} />
+      <button disabled={form.formState.isSubmitting}>Submit</button>
+    </form>
+  );
+}
+```
+
+## API
+
+### `createForm(options)`
+
+Creates a form controller.
+
+```ts
+const form = createForm({
+  defaultValues,
+  resolver,
+  context,
+  mode: "onSubmit",
+});
+```
+
+Validation modes are `onSubmit`, `onBlur`, `onChange`, and `all`.
+
+### Resolver interface
+
+Resolvers receive current values and return parsed values plus field errors.
+
+```ts
+type Resolver<TValues, TContext> = (
+  values: TValues,
+  context: {
+    name?: string;
+    context?: TContext;
+  }
+) =>
+  | { values: TValues; errors: Record<string, FieldError> }
+  | Promise<{ values: TValues; errors: Record<string, FieldError> }>;
+```
+
+This keeps the core form independent from any validation library.

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { a as FieldPath, c as FieldValues, d as RegisterOptions, f as Resolver, g as ValidationMode, h as SetValueOptions, i as FieldFlags, l as Form, m as ResolverResult, n as FieldError, o as FieldPathValue, p as ResolverContext, r as FieldErrors, s as FieldRegistration, t as CreateFormOptions, u as FormState } from "./types-CzHtMISe.mjs";
+import { a as FieldPath, c as FieldValues, d as RegisterOptions, f as Resolver, g as ValidationMode, h as SetValueOptions, i as FieldFlags, l as Form, m as ResolverResult, n as FieldError, o as FieldPathValue, p as ResolverContext, r as FieldErrors, s as FieldRegistration, t as CreateFormOptions, u as FormState } from "./types-DL1ynFcc.mjs";
 
 //#region src/create-form.d.ts
 /** Create a Solid-first form controller backed by createStore. */

package/dist/index.mjs

@@ -1,3 +1,4 @@
+import { a as isEqual, i as isEmptyObject, n as getEventValue, o as setPath, r as getPath, t as cloneValue } from "./utils-jVw2-Xts.mjs";
 import { createStore, produce, reconcile, unwrap } from "solid-js/store";
 //#region src/create-form/async.ts
 /** Run a promise from a synchronous event handler and surface failures globally. */
@@ -9,65 +10,6 @@ function runAsync(task) {
 	});
 }
 //#endregion
-//#region src/utils.ts
-/** Return a dot path split into store path segments. */
-function toPath(name) {
-	return name.split(".").filter(Boolean);
-}
-/** Read a nested value from an object by dot path. */
-function getPath(source, name) {
-	let value = source;
-	for (const key of toPath(name)) {
-		if (value == null || typeof value !== "object") return;
-		value = value[key];
-	}
-	return value;
-}
-/** Set a nested value on a cloned object by dot path. */
-function setPath(source, name, value) {
-	const root = cloneValue(source);
-	const path = toPath(name);
-	let cursor = root;
-	for (const [index, key] of path.entries()) {
-		if (index === path.length - 1) {
-			cursor[key] = value;
-			break;
-		}
-		const next = cursor[key];
-		if (next == null || typeof next !== "object" || Array.isArray(next)) cursor[key] = {};
-		cursor = cursor[key];
-	}
-	return root;
-}
-/** Create a JSON-compatible deep clone. */
-function cloneValue(value) {
-	if (value == null || typeof value !== "object") return value;
-	return JSON.parse(JSON.stringify(value));
-}
-/** Compare two JSON-compatible values. */
-function isEqual(left, right) {
-	return JSON.stringify(left) === JSON.stringify(right);
-}
-/** Return true when an object has no own enumerable keys. */
-function isEmptyObject(value) {
-	return Object.keys(value).length === 0;
-}
-/** Extract a form value from a DOM event or raw value. */
-function getEventValue(valueOrEvent) {
-	if (!isEventLike(valueOrEvent)) return valueOrEvent;
-	const target = valueOrEvent.currentTarget ?? valueOrEvent.target;
-	if (!isValueTarget(target)) return;
-	if (target.type === "checkbox") return Boolean(target.checked);
-	if (target.type === "number") return target.value === "" ? void 0 : Number(target.value);
-	return target.value;
-}
-function isEventLike(value) {
-	return value != null && typeof value === "object" && ("target" in value || "currentTarget" in value);
-}
-function isValueTarget(target) {
-	return target != null && typeof target === "object" && ("value" in target || "checked" in target);
-}
-//#endregion
 //#region src/create-form/state.ts
 /** Create the initial form state object. */
 function createInitialFormState(defaultValues) {

package/dist/resolvers/arktype.d.mts

@@ -1,10 +1,8 @@
-import { c as FieldValues, f as Resolver } from "../types-CzHtMISe.mjs";
+import { c as FieldValues, f as Resolver } from "../types-DL1ynFcc.mjs";
 import { Type } from "arktype";
 
 //#region src/resolvers/arktype.d.ts
-/** A supported ArkType schema. */
-type ArkTypeSchema<TValues extends FieldValues = FieldValues> = Type<TValues>;
 /** Create a resolver for ArkType schemas. */
-declare function arktypeResolver<TValues extends FieldValues>(schema: ArkTypeSchema<TValues>): Resolver<TValues>;
+declare function arktypeResolver<TValues extends FieldValues>(schema: Type<TValues>): Resolver<TValues>;
 //#endregion
-export { ArkTypeSchema, arktypeResolver };
+export { arktypeResolver };

package/dist/resolvers/arktype.mjs

@@ -1,7 +1,9 @@
+import { r as getPath } from "../utils-jVw2-Xts.mjs";
 //#region src/resolvers/arktype.ts
 /** Create a resolver for ArkType schemas. */
 function arktypeResolver(schema) {
-	return (values) => {
+	return (values, ctx) => {
+		if (ctx.name) return validateField(schema, values, ctx.name);
 		const result = schema(values);
 		const errors = readArkTypeErrors(result);
 		return {
@@ -10,6 +12,21 @@ function arktypeResolver(schema) {
 		};
 	};
 }
+function validateField(schema, values, name) {
+	try {
+		const errors = readArkTypeErrors(schema.get(...name.split("."))(getPath(values, name)));
+		return {
+			errors: errors ? prefixFieldErrors(name, errors) : {},
+			values
+		};
+	} catch (err) {
+		console.error(err);
+		return {
+			errors: {},
+			values
+		};
+	}
+}
 function readArkTypeErrors(result) {
 	if (!isArkErrors(result)) return;
 	const errors = {};
@@ -20,6 +37,14 @@ function readArkTypeErrors(result) {
 	};
 	return errors;
 }
+function prefixFieldErrors(name, errors) {
+	if (errors.root) return { [name]: errors.root };
+	return Object.fromEntries(Object.entries(errors).map(([path, error]) => [joinPath(name, path), error]));
+}
+function joinPath(name, path) {
+	if (!path || path === "root") return name;
+	return `${name}.${path}`;
+}
 function isArkErrors(value) {
 	return Array.isArray(value) && "byPath" in value && typeof value.summary === "string";
 }

package/dist/{types-CzHtMISe.d.mts → types-DL1ynFcc.d.mts}

@@ -109,7 +109,7 @@ interface CreateFormOptions<TValues extends FieldValues = FieldValues, TContext
   /** Extra context passed to the resolver. */
   context?: TContext;
   /** Initial form values. */
-  defaultValues?: Partial<TValues>;
+  defaultValues?: Partial<NoInfer<TValues>>;
   /** When validation should run automatically. Defaults to onSubmit. */
   mode?: ValidationMode;
   /** Schema or custom validation resolver. */

package/dist/utils-jVw2-Xts.mjs

@@ -0,0 +1,60 @@
+//#region src/utils.ts
+/** Return a dot path split into store path segments. */
+function toPath(name) {
+	return name.split(".").filter(Boolean);
+}
+/** Read a nested value from an object by dot path. */
+function getPath(source, name) {
+	let value = source;
+	for (const key of toPath(name)) {
+		if (value == null || typeof value !== "object") return;
+		value = value[key];
+	}
+	return value;
+}
+/** Set a nested value on a cloned object by dot path. */
+function setPath(source, name, value) {
+	const root = cloneValue(source);
+	const path = toPath(name);
+	let cursor = root;
+	for (const [index, key] of path.entries()) {
+		if (index === path.length - 1) {
+			cursor[key] = value;
+			break;
+		}
+		const next = cursor[key];
+		if (next == null || typeof next !== "object" || Array.isArray(next)) cursor[key] = {};
+		cursor = cursor[key];
+	}
+	return root;
+}
+/** Create a JSON-compatible deep clone. */
+function cloneValue(value) {
+	if (value == null || typeof value !== "object") return value;
+	return JSON.parse(JSON.stringify(value));
+}
+/** Compare two JSON-compatible values. */
+function isEqual(left, right) {
+	return JSON.stringify(left) === JSON.stringify(right);
+}
+/** Return true when an object has no own enumerable keys. */
+function isEmptyObject(value) {
+	return Object.keys(value).length === 0;
+}
+/** Extract a form value from a DOM event or raw value. */
+function getEventValue(valueOrEvent) {
+	if (!isEventLike(valueOrEvent)) return valueOrEvent;
+	const target = valueOrEvent.currentTarget ?? valueOrEvent.target;
+	if (!isValueTarget(target)) return;
+	if (target.type === "checkbox") return Boolean(target.checked);
+	if (target.type === "number") return target.value === "" ? void 0 : Number(target.value);
+	return target.value;
+}
+function isEventLike(value) {
+	return value != null && typeof value === "object" && ("target" in value || "currentTarget" in value);
+}
+function isValueTarget(target) {
+	return target != null && typeof target === "object" && ("value" in target || "checked" in target);
+}
+//#endregion
+export { isEqual as a, isEmptyObject as i, getEventValue as n, setPath as o, getPath as r, cloneValue as t };

package/package.json

@@ -22,7 +22,7 @@
     "solid-js": "^1.9.7"
   },
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "peerDependenciesMeta": {
     "arktype": {
       "optional": true