Added checkbox onChange test

Author: ciscoheat

src/routes/(v2)/v2/issue-337-checkboxes/+page.server.ts

@@ -0,0 +1,23 @@
+import { zod } from '$lib/adapters/zod.js';
+import { message, superValidate } from '$lib/server/index.js';
+import { schema } from './schema.js';
+import { fail } from '@sveltejs/kit';
+
+export const load = async () => {
+	const form = await superValidate(zod(schema));
+	return { form };
+};
+
+export const actions = {
+	default: async ({ request }) => {
+		const formData = await request.formData();
+		console.log(formData);
+
+		const form = await superValidate(formData, zod(schema));
+		console.log(form);
+
+		if (!form.valid) return fail(400, { form });
+
+		return message(form, 'Posted OK!');
+	}
+};

src/routes/(v2)/v2/issue-337-checkboxes/+page.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+	import { superForm } from '$lib/client/index.js';
+	import SuperDebug from '$lib/client/SuperDebug.svelte';
+	import CheckBox from './CheckBox.svelte';
+	//import { zod } from '$lib/adapters/zod.js'
+	//import { schema } from './schema.js';
+
+	export let data;
+
+	const theForm = superForm(data.form, {
+		taintedMessage: false,
+		onChange({ paths }) {
+			console.log(paths);
+		}
+		//dataType: 'json',
+	});
+
+	const { form, errors, tainted, message, enhance } = theForm;
+</script>
+
+<SuperDebug data={{ $form, $errors, $tainted }} />
+
+{#if $message}<h4>{$message}</h4>{/if}
+
+<form method="POST" use:enhance>
+	<div>Accept: <CheckBox form={theForm} field="accept" /></div>
+	<div>
+		<button>Submit</button>
+	</div>
+</form>
+
+<style lang="scss">
+	form {
+		margin: 2rem 0;
+
+		input {
+			background-color: #dedede;
+		}
+
+		.invalid {
+			color: crimson;
+		}
+	}
+</style>

src/routes/(v2)/v2/issue-337-checkboxes/CheckBox.svelte

@@ -0,0 +1,24 @@
+<script lang="ts" context="module">
+	type T = Record<string, unknown>;
+</script>
+
+<script lang="ts" generics="T extends Record<string, unknown>">
+	import { formFieldProxy, type SuperForm, type FormPathLeaves } from '$lib/index.js';
+	import type { Writable } from 'svelte/store';
+
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	export let form: SuperForm<T, any>;
+	export let field: FormPathLeaves<T>;
+
+	const { value, constraints } = formFieldProxy(form, field);
+	$: boolValue = value as Writable<boolean>;
+</script>
+
+<input
+	name={field}
+	type="checkbox"
+	class="checkbox"
+	bind:checked={$boolValue}
+	{...$constraints}
+	{...$$restProps}
+/>

src/routes/(v2)/v2/issue-337-checkboxes/schema.ts

@@ -0,0 +1,5 @@
+import { z } from 'zod';
+
+export const schema = z.object({
+	accept: z.boolean()
+});