From 3bd7f332482e4bbeaf46c72c2feba55adefe5a12 Mon Sep 17 00:00:00 2001
From: James Garbutt <43081j@users.noreply.github.com>
Date: Fri, 10 Jan 2025 10:58:39 +0000
Subject: [PATCH] chore: shuffle things around to use svelte files
---
packages/svelte-form/index.html | 20 +++++++++++++++++++
packages/svelte-form/src/Field.svelte | 5 +++--
.../{createField.ts => createField.svelte.ts} | 0
.../{createForm.ts => createForm.svelte.ts} | 4 ++--
packages/svelte-form/src/index.ts | 4 ++--
5 files changed, 27 insertions(+), 6 deletions(-)
create mode 100644 packages/svelte-form/index.html
rename packages/svelte-form/src/{createField.ts => createField.svelte.ts} (100%)
rename packages/svelte-form/src/{createForm.ts => createForm.svelte.ts} (91%)
diff --git a/packages/svelte-form/index.html b/packages/svelte-form/index.html
new file mode 100644
index 000000000..5691a0f20
--- /dev/null
+++ b/packages/svelte-form/index.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+ Svelte
+
+
+
+
+
+
diff --git a/packages/svelte-form/src/Field.svelte b/packages/svelte-form/src/Field.svelte
index 852f2ba67..dc3392eb8 100644
--- a/packages/svelte-form/src/Field.svelte
+++ b/packages/svelte-form/src/Field.svelte
@@ -11,7 +11,7 @@
">
import type { Snippet } from 'svelte';
// TODO (43081j): somehow remove this circular reference
- import { createField } from './createField';
+ import { createField } from './createField.svelte.js';
type Props = {
children: Snippet<[
@@ -33,7 +33,8 @@
>;
let {
- children
+ children,
+ ...fieldOptions
}: Props = $props();
const fieldApi = createField<
diff --git a/packages/svelte-form/src/createField.ts b/packages/svelte-form/src/createField.svelte.ts
similarity index 100%
rename from packages/svelte-form/src/createField.ts
rename to packages/svelte-form/src/createField.svelte.ts
diff --git a/packages/svelte-form/src/createForm.ts b/packages/svelte-form/src/createForm.svelte.ts
similarity index 91%
rename from packages/svelte-form/src/createForm.ts
rename to packages/svelte-form/src/createForm.svelte.ts
index 6abce87ad..633afad51 100644
--- a/packages/svelte-form/src/createForm.ts
+++ b/packages/svelte-form/src/createForm.svelte.ts
@@ -1,9 +1,9 @@
import { FormApi } from '@tanstack/form-core'
import { onMount } from 'svelte'
-import { createField } from './createField.js'
+import { createField } from './createField.svelte.js'
import Field from './Field.svelte';
import type { FormOptions, Validator } from '@tanstack/form-core'
-import type { CreateField } from './createField.js';
+import type { CreateField } from './createField.svelte.js';
export interface SvelteFormApi<
TFormData,
diff --git a/packages/svelte-form/src/index.ts b/packages/svelte-form/src/index.ts
index 51faab167..db0fbed4b 100644
--- a/packages/svelte-form/src/index.ts
+++ b/packages/svelte-form/src/index.ts
@@ -1,6 +1,6 @@
export * from '@tanstack/form-core'
-export { createForm, type SvelteFormApi } from './createForm.js'
+export { createForm, type SvelteFormApi } from './createForm.svelte.js'
export type { Field } from './Field.svelte'
-export { createField } from './createField.js'
+export { createField } from './createField.svelte.js'