Proxy in proxy test.

Author: ciscoheat

src/routes/tests/proxy-in-proxy/+page.server.ts

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

src/routes/tests/proxy-in-proxy/+page.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+  import { dateProxy, formFieldProxy, superForm } from '$lib/client';
+  import type { PageData } from './$types';
+
+  export let data: PageData;
+
+  const theForm = superForm(data.form);
+  const { errors } = formFieldProxy(theForm, 'date');
+  const date = dateProxy(theForm.form, 'date', { format: 'date' });
+</script>
+
+<form method="POST" use:theForm.enhance>
+  <label>
+    Date: <input name="date" type="date" bind:value={$date} />
+    {#if $errors}<span class="invalid">{$errors}</span>{/if}
+  </label>
+  <div>
+    <button>Submit</button>
+  </div>
+</form>
+
+<style lang="scss">
+  form {
+    margin: 2rem 0;
+
+    input {
+      background-color: #dedede;
+    }
+
+    .invalid {
+      color: crimson;
+    }
+  }
+</style>

src/routes/tests/proxy-in-proxy/schema.ts

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