Nullable nested objects couldn't be set with form when null.

Fixes #311

Author: ciscoheat

CHANGELOG.md

@@ -5,6 +5,13 @@ Headlines: Added, Changed, Deprecated, Removed, Fixed, Security
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+
+### Fixed
+
+- Using full version of klona to address a cloning issue. ([#312](https://github.com/ciscoheat/sveltekit-superforms/pull/312))
+- Nullable nested objects couldn't be set with `$form` when `null`. ([#311](https://github.com/ciscoheat/sveltekit-superforms/pull/311))
+
 ## [1.13.2] - 2024-01-07
 
 ### Fixed

src/lib/traversal.ts

@@ -91,9 +91,9 @@ export function traversePath<T extends object>(
   realPath: FieldPath<T>,
   modifier?: (data: PathData) => undefined | unknown | void
 ): PathData | undefined {
-  if (!realPath.length) return undefined;
-  const path: FieldPath<T> = [realPath[0]];
+  if (!realPath.length || !obj) return undefined;
 
+  const path: FieldPath<T> = [realPath[0]];
   let parent = obj;
 
   while (path.length < realPath.length) {
@@ -111,11 +111,13 @@ export function traversePath<T extends object>(
       : parent[key];
 
     if (value === undefined) return undefined;
-    else parent = value as T; // TODO: Handle non-object values
+    else parent = value as T;
 
     path.push(realPath[path.length]);
   }
 
+  if (!parent) return undefined;
+
   const key = realPath[realPath.length - 1];
   return {
     parent,

src/routes/tests/issue-311/+page.server.ts

@@ -0,0 +1,11 @@
+import { superValidate } from '$lib/server';
+import { schema } from './schema';
+
+import type { PageServerLoad } from './$types';
+
+///// Load function /////
+
+export const load: PageServerLoad = async () => {
+  const form = await superValidate(schema);
+  return { form };
+};

src/routes/tests/issue-311/+page.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { superForm } from '$lib/client';
+  import SuperDebug from '$lib/client/SuperDebug.svelte';
+
+  export let data;
+
+  const { form } = superForm(data.form);
+
+  onMount(() => {
+    $form.nested = { foo: 'bar' };
+  });
+</script>
+
+<SuperDebug data={$form} />

src/routes/tests/issue-311/schema.ts

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