Fixed BigInt parsing.

Closes #526

Author: ciscoheat

CHANGELOG.md

@@ -11,6 +11,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Arbitrary types can now be sent in the form using the [transport](https://svelte.dev/docs/kit/hooks#Universal-hooks-transport) feature in SvelteKit hooks. There is a `transport` option both for `superValidate` and `superForm` that the `transport` export in `hooks.ts` can be used in directly. **Note:** Requires SvelteKit `^2.11.0`.
 
+### Fixed
+
+- `z.bigint()` was interpreted as a number instead of a [BigInt](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt).
+
 ## [2.21.1] - 2024-12-04
 
 ### Fixed

src/lib/formData.ts

@@ -317,6 +317,7 @@ function parseFormDataEntry(
 			const date = new Date(value ?? '');
 			return !isNaN(date as unknown as number) ? date : undefined;
 		}
+		case 'int64':
 		case 'bigint':
 			return BigInt(value ?? '.');
 		case 'symbol':

src/lib/jsonSchema/schemaDefaults.ts

@@ -203,6 +203,7 @@ export function defaultValue(type: SchemaType, enumType: unknown[] | undefined):
 		case 'unix-time':
 			// Cannot add default for Date due to https://github.com/Rich-Harris/devalue/issues/51
 			return undefined;
+		case 'int64':
 		case 'bigint':
 			return BigInt(0);
 		case 'set':

src/lib/jsonSchema/schemaInfo.ts

@@ -8,6 +8,7 @@ export type SchemaType =
 	| 'date'
 	| 'unix-time'
 	| 'bigint'
+	| 'int64'
 	| 'any'
 	| 'symbol'
 	| 'set'
@@ -26,7 +27,7 @@ export type SchemaInfo = {
 	required?: string[];
 };
 
-const conversionFormatTypes = ['unix-time', 'bigint', 'any', 'symbol', 'set'];
+const conversionFormatTypes = ['unix-time', 'bigint', 'any', 'symbol', 'set', 'int64'];
 
 /**
  * Normalizes the different kind of schema variations (anyOf, union, const null, etc)
@@ -113,7 +114,9 @@ function schemaTypes(
 	} else if (schema.format && conversionFormatTypes.includes(schema.format)) {
 		types.unshift(schema.format as SchemaType);
 
-		if (schema.format == 'unix-time') {
+		// Remove the integer type, as the schema format will be used
+		// instead in the following cases
+		if (schema.format == 'unix-time' || schema.format == 'int64') {
 			const i = types.findIndex((t) => t == 'integer');
 			types.splice(i, 1);
 		}

src/routes/(v2)/v2/Navigation.svelte

@@ -73,7 +73,8 @@
 		'effect',
 		'issue-500',
 		'typebox',
-		'transport'
+		'transport',
+		'bigint'
 	].sort();
 </script>
 

src/routes/(v2)/v2/bigint/+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, 'A big number: ' + form.data.number);
+	}
+};

src/routes/(v2)/v2/bigint/+page.svelte

@@ -0,0 +1,48 @@
+<script lang="ts">
+	import { superForm } from '$lib/client/index.js';
+	import SuperDebug from '$lib/client/SuperDebug.svelte';
+	//import { zod } from '$lib/adapters/zod.js'
+	//import { schema } from './schema.js';
+
+	export let data;
+
+	const { form, errors, tainted, message, enhance } = superForm(data.form, {
+		taintedMessage: false
+		//dataType: 'json',
+		//validators: zod(schema)
+	});
+</script>
+
+<SuperDebug data={{ $form, $errors, $tainted }} />
+
+{#if $message}<h4>{$message}</h4>{/if}
+
+<form method="POST" use:enhance>
+	<label>
+		A big number please: <input
+			type="number"
+			name="number"
+			value={$form.number}
+			oninput={(e) => ($form.number = BigInt(e.currentTarget.value))}
+			aria-invalid={$errors.number ? 'true' : undefined}
+		/>
+		{#if $errors.number}<span class="invalid">{$errors.number}</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/(v2)/v2/bigint/schema.ts

@@ -0,0 +1,5 @@
+import { z } from 'zod';
+
+export const schema = z.object({
+	number: z.bigint().min(BigInt(1000000), 'A BIG number please!')
+});