@formisch/qwik 0.3.0 → 0.3.1

package/README.md

@@ -2,7 +2,7 @@
 
 Formisch is a schema-based, headless form library for Qwik. It manages form state and validation. It is type-safe, fast by default and its bundle size is small due to its modular design. Try it out in our [playground](https://stackblitz.com/edit/formisch-playground-qwik)!
 
-Formisch is also available for [Preact][formisch-preact], [SolidJS][formisch-solid], and [Vue][formisch-vue]. Svelte will follow soon.
+Formisch is also available for [Preact][formisch-preact], [SolidJS][formisch-solid], [Svelte][formisch-svelte] and [Vue][formisch-vue].
 
 ## Highlights
 
@@ -82,4 +82,5 @@ This project is available free of charge and licensed under the [MIT license](ht
 
 [formisch-preact]: https://github.com/fabian-hiller/formisch/tree/main/frameworks/preact
 [formisch-solid]: https://github.com/fabian-hiller/formisch/tree/main/frameworks/solid
+[formisch-svelte]: https://github.com/fabian-hiller/formisch/tree/main/frameworks/svelte
 [formisch-vue]: https://github.com/fabian-hiller/formisch/tree/main/frameworks/vue

package/dist/index.d.ts

@@ -169,129 +169,21 @@ type ValidArrayPath<TValue, TPath extends RequiredPath> = TPath extends LazyArra
 */
 //#endregion
 //#region ../../packages/methods/dist/index.qwik.d.ts
-//#region src/focus/focus.d.ts
-interface FocusFieldConfig<TSchema extends Schema, TFieldPath extends RequiredPath> {
-  readonly form: BaseFormStore<TSchema>;
-  readonly path: ValidPath<v.InferInput<TSchema>, TFieldPath>;
-}
-declare function focus<TSchema extends Schema, TFieldPath extends RequiredPath>(config: FocusFieldConfig<TSchema, TFieldPath>): void;
-//#endregion
-//#region src/getAllErrors/getAllErrors.d.ts
-declare function getAllErrors(form: BaseFormStore): [string, ...string[]] | null;
-//#endregion
-//#region src/getErrors/getErrors.d.ts
-interface GetFormErrorsConfig {
-  readonly path?: undefined;
-}
-interface GetFieldErrorsConfig<TSchema extends Schema, TFieldPath extends RequiredPath> {
-  readonly path: ValidPath<v.InferInput<TSchema>, TFieldPath>;
-}
-declare function getErrors<TSchema extends Schema>(form: BaseFormStore<TSchema>): [string, ...string[]] | null;
-declare function getErrors<TSchema extends Schema, TFieldPath extends RequiredPath | undefined = undefined>(form: BaseFormStore<TSchema>, config: TFieldPath extends RequiredPath ? GetFieldErrorsConfig<TSchema, TFieldPath> : GetFormErrorsConfig): [string, ...string[]] | null;
-//#endregion
-//#region src/getInput/getInput.d.ts
-interface GetFormInputConfig {
-  readonly path?: undefined;
-}
-interface GetFieldInputConfig<TSchema extends Schema, TFieldPath extends RequiredPath> {
-  readonly path: ValidPath<v.InferInput<TSchema>, TFieldPath>;
-}
-declare function getInput<TSchema extends Schema>(form: BaseFormStore<TSchema>): PartialValues<v.InferInput<TSchema>>;
-declare function getInput<TSchema extends Schema, TFieldPath extends RequiredPath | undefined = undefined>(form: BaseFormStore<TSchema>, config: TFieldPath extends RequiredPath ? GetFieldInputConfig<TSchema, TFieldPath> : GetFormInputConfig): PartialValues<TFieldPath extends RequiredPath ? PathValue<v.InferInput<TSchema>, TFieldPath> : v.InferInput<TSchema>>;
-//#endregion
-//#region src/handleSubmit/handleSubmit.d.ts
-declare function handleSubmit<TSchema extends Schema>(form: BaseFormStore<TSchema>, handler: SubmitHandler<TSchema>): (event: SubmitEvent) => void;
-//#endregion
-//#region src/insert/insert.d.ts
-interface InsertConfig<TSchema extends Schema, TFieldArrayPath extends RequiredPath> {
-  readonly path: ValidArrayPath<v.InferInput<TSchema>, TFieldArrayPath>;
-  readonly at?: number | undefined;
-  readonly initialInput?: DeepPartial<PathValue<v.InferInput<TSchema>, [...TFieldArrayPath, number]>> | undefined;
-}
-declare function insert<TSchema extends Schema, TFieldArrayPath extends RequiredPath>(form: BaseFormStore<TSchema>, config: InsertConfig<TSchema, TFieldArrayPath>): void;
-//#endregion
-//#region src/move/move.d.ts
-interface MoveConfig<TSchema extends Schema, TFieldArrayPath extends RequiredPath> {
-  readonly path: ValidArrayPath<v.InferInput<TSchema>, TFieldArrayPath>;
-  readonly from: number;
-  readonly to: number;
-}
-declare function move<TSchema extends Schema, TFieldArrayPath extends RequiredPath>(form: BaseFormStore<TSchema>, config: MoveConfig<TSchema, TFieldArrayPath>): void;
-//#endregion
-//#region src/remove/remove.d.ts
-interface RemoveConfig<TSchema extends Schema, TFieldArrayPath extends RequiredPath> {
-  readonly path: ValidArrayPath<v.InferInput<TSchema>, TFieldArrayPath>;
-  readonly at: number;
-}
-declare function remove<TSchema extends Schema, TFieldArrayPath extends RequiredPath>(form: BaseFormStore<TSchema>, config: RemoveConfig<TSchema, TFieldArrayPath>): void;
-//#endregion
-//#region src/replace/replace.d.ts
-interface ReplaceConfig<TSchema extends Schema, TFieldArrayPath extends RequiredPath> {
-  readonly path: ValidArrayPath<v.InferInput<TSchema>, TFieldArrayPath>;
-  readonly at: number;
-  readonly initialInput?: DeepPartial<PathValue<v.InferInput<TSchema>, [...TFieldArrayPath, number]>> | undefined;
-}
-declare function replace<TSchema extends Schema, TFieldArrayPath extends RequiredPath>(form: BaseFormStore<TSchema>, config: ReplaceConfig<TSchema, TFieldArrayPath>): void;
-//#endregion
-//#region src/reset/reset.d.ts
-interface ResetBaseConfig {
-  readonly keepInput?: boolean | undefined;
-  readonly keepTouched?: boolean | undefined;
-  readonly keepErrors?: boolean | undefined;
-}
-interface ResetFormConfig<TSchema extends Schema> extends ResetBaseConfig {
-  readonly path?: undefined;
-  readonly initialInput?: DeepPartial<v.InferInput<TSchema>> | undefined;
-  readonly keepSubmitCount?: boolean | undefined;
-  readonly keepSubmitted?: boolean | undefined;
-}
-interface ResetFieldConfig<TSchema extends Schema, TFieldPath extends RequiredPath> extends ResetBaseConfig {
-  readonly path: ValidPath<v.InferInput<TSchema>, TFieldPath>;
-  readonly initialInput?: DeepPartial<PathValue<v.InferInput<TSchema>, TFieldPath>>;
-}
-declare function reset(form: BaseFormStore): void;
-declare function reset<TSchema extends Schema, TFieldPath extends RequiredPath | undefined = undefined>(form: BaseFormStore<TSchema>, config: TFieldPath extends RequiredPath ? ResetFieldConfig<TSchema, TFieldPath> : ResetFormConfig<TSchema>): void;
-//#endregion
-//#region src/setErrors/setErrors.d.ts
-interface SetFormErrorsConfig {
-  readonly path?: undefined;
-  readonly errors: [string, ...string[]] | null;
-}
-interface SetFieldErrorsConfig<TSchema extends Schema, TFieldPath extends RequiredPath> {
-  readonly path: ValidPath<v.InferInput<TSchema>, TFieldPath>;
-  readonly errors: [string, ...string[]] | null;
-}
-declare function setErrors<TSchema extends Schema, TFieldPath extends RequiredPath | undefined = undefined>(form: BaseFormStore<TSchema>, config: TFieldPath extends RequiredPath ? SetFieldErrorsConfig<TSchema, TFieldPath> : SetFormErrorsConfig): void;
-//#endregion
-//#region src/setInput/setInput.d.ts
-interface SetFormInputConfig<TSchema extends Schema> {
-  readonly path?: undefined;
-  readonly input: v.InferInput<TSchema>;
-}
-interface SetFieldInputConfig<TSchema extends Schema, TFieldPath extends RequiredPath> {
-  readonly path: ValidPath<v.InferInput<TSchema>, TFieldPath>;
-  readonly input: PathValue<v.InferInput<TSchema>, TFieldPath>;
-}
-declare function setInput<TSchema extends Schema>(form: BaseFormStore<TSchema>, config: SetFormInputConfig<TSchema>): void;
-declare function setInput<TSchema extends Schema, TFieldPath extends RequiredPath | undefined = undefined>(form: BaseFormStore<TSchema>, config: TFieldPath extends RequiredPath ? SetFieldInputConfig<TSchema, TFieldPath> : SetFormInputConfig<TSchema>): void;
-//#endregion
-//#region src/submit/submit.d.ts
-declare function submit(form: BaseFormStore): void;
-//#endregion
-//#region src/swap/swap.d.ts
-interface SwapConfig<TSchema extends Schema, TFieldArrayPath extends RequiredPath> {
-  readonly path: ValidArrayPath<v.InferInput<TSchema>, TFieldArrayPath>;
-  readonly at: number;
-  readonly and: number;
-}
-declare function swap<TSchema extends Schema, TFieldArrayPath extends RequiredPath>(form: BaseFormStore<TSchema>, config: SwapConfig<TSchema, TFieldArrayPath>): void;
-//#endregion
-//#region src/validate/validate.d.ts
-interface ValidateFormConfig {
-  readonly shouldFocus?: boolean | undefined;
-}
-declare function validate<TSchema extends Schema>(form: BaseFormStore<TSchema>, config?: ValidateFormConfig): Promise<v.SafeParseResult<TSchema>>;
-//#endregion
+declare function focus(config: any): void;
+declare function getAllErrors(form: any): null;
+declare function getErrors(form: any, config: any): any;
+declare function getInput(form: any, config: any): unknown;
+declare function handleSubmit(form: any, handler: any): (event: any) => Promise<void>;
+declare function insert(form: any, config: any): void;
+declare function move(form: any, config: any): void;
+declare function remove(form: any, config: any): void;
+declare function replace(form: any, config: any): void;
+declare function reset(form: any, config: any): void;
+declare function setErrors(form: any, config: any): void;
+declare function setInput(form: any, config: any): void;
+declare function submit(form: any): void;
+declare function swap(form: any, config: any): void;
+declare function validate(form: any, config: any): Promise<v.SafeParseResult<Schema>>;
 //#endregion
 //#region src/types/field.d.ts
 /**
@@ -370,7 +262,7 @@ interface FieldArrayProps<TSchema extends Schema = Schema, TFieldArrayPath exten
 declare const FieldArray: <TSchema extends Schema, TFieldArrayPath extends RequiredPath>(props: _qwik_dev_core_internal3.PublicProps<FieldArrayProps<TSchema, TFieldArrayPath>>, key: string | null, flags: number, dev?: _qwik_dev_core_internal3.DevJSX) => JSXOutput;
 //#endregion
 //#region src/components/Form/Form.d.ts
-type FormProps<TSchema extends Schema = Schema> = Omit<PropsOf<'form'>, 'onSubmit$'> & {
+type FormProps<TSchema extends Schema = Schema> = Omit<PropsOf<'form'>, 'onSubmit$' | 'noValidate'> & {
   of: FormStore<TSchema>;
   onSubmit$: QRL<SubmitHandler<TSchema>>;
 };
@@ -392,4 +284,4 @@ declare function useFieldArray<TSchema extends Schema, TFieldArrayPath extends R
 declare function useFormQrl<TSchema extends Schema>(configQrl: QRL<FormConfig<TSchema>>): FormStore<TSchema>;
 declare const useForm$: <TSchema extends Schema>(qrl: FormConfig<TSchema>) => FormStore<TSchema>;
 //#endregion
-export { Field, FieldArray, FieldArrayProps, FieldArrayStore, FieldElementProps, FieldProps, FieldStore, FocusFieldConfig, Form, FormProps, FormStore, GetFieldErrorsConfig, GetFieldInputConfig, GetFormErrorsConfig, GetFormInputConfig, InsertConfig, MoveConfig, RemoveConfig, ReplaceConfig, ResetFieldConfig, ResetFormConfig, SetFieldErrorsConfig, SetFieldInputConfig, SetFormErrorsConfig, SetFormInputConfig, type SubmitHandler, SwapConfig, UseFieldArrayConfig, UseFieldConfig, ValidateFormConfig, focus, getAllErrors, getErrors, getInput, handleSubmit, insert, move, remove, replace, reset, setErrors, setInput, submit, swap, useField, useFieldArray, useForm$, useFormQrl, validate };
+export { Field, FieldArray, FieldArrayProps, FieldArrayStore, FieldElementProps, FieldProps, FieldStore, Form, FormProps, FormStore, type SubmitHandler, UseFieldArrayConfig, UseFieldConfig, focus, getAllErrors, getErrors, getInput, handleSubmit, insert, move, remove, replace, reset, setErrors, setInput, submit, swap, useField, useFieldArray, useForm$, useFormQrl, validate };

package/dist/index.qwik.js

@@ -39,7 +39,7 @@ function initializeFieldStore(internalFieldStore, schema, initialInput, path) {
 				} else for (let index = 0; index < schema.items; index++) {
 					internalFieldStore.children[index] = {};
 					path.push(index);
-					initializeFieldStore(internalFieldStore.children[index], schema.items[index], initialInput && initialInput[index], path);
+					initializeFieldStore(internalFieldStore.children[index], schema.items[index], initialInput?.[index], path);
 					path.pop();
 				}
 				const initialItems = internalFieldStore.children.map(createId);
@@ -57,7 +57,7 @@ function initializeFieldStore(internalFieldStore, schema, initialInput, path) {
 				for (const key in schema.entries) {
 					internalFieldStore.children[key] = {};
 					path.push(key);
-					initializeFieldStore(internalFieldStore.children[key], schema.entries[key], initialInput && initialInput[key], path);
+					initializeFieldStore(internalFieldStore.children[key], schema.entries[key], initialInput?.[key], path);
 					path.pop();
 				}
 			}
@@ -277,23 +277,24 @@ function setFieldBool(internalFieldStore, type, bool) {
 function setFieldInput(internalFieldStore, input) {
 	batch(() => {
 		if (internalFieldStore.kind === "array") {
+			const arrayInput = input ?? [];
 			const items = untrack(() => internalFieldStore.items.value);
-			if (input.length < items.length) internalFieldStore.items.value = items.slice(0, input.length);
-			else if (input.length > items.length) {
-				if (input.length > internalFieldStore.children.length) {
+			if (arrayInput.length < items.length) internalFieldStore.items.value = items.slice(0, arrayInput.length);
+			else if (arrayInput.length > items.length) {
+				if (arrayInput.length > internalFieldStore.children.length) {
 					const path = JSON.parse(internalFieldStore.name);
-					for (let index = internalFieldStore.children.length; index < input.length; index++) {
+					for (let index = internalFieldStore.children.length; index < arrayInput.length; index++) {
 						internalFieldStore.children[index] = {};
 						path.push(index);
-						initializeFieldStore(internalFieldStore.children[index], internalFieldStore.schema.item, input[index], path);
+						initializeFieldStore(internalFieldStore.children[index], internalFieldStore.schema.item, arrayInput[index], path);
 						path.pop();
 					}
 				}
-				internalFieldStore.items.value = [...items, ...input.slice(items.length).map(createId)];
+				internalFieldStore.items.value = [...items, ...arrayInput.slice(items.length).map(createId)];
 			}
-			for (let index = 0; index < items.length; index++) setFieldInput(internalFieldStore.children[index], input[index]);
+			for (let index = 0; index < items.length; index++) setFieldInput(internalFieldStore.children[index], arrayInput[index]);
 			internalFieldStore.isDirty.value = untrack(() => internalFieldStore.startItems.value).length !== items.length;
-		} else if (internalFieldStore.kind === "object") for (const key in internalFieldStore.children) setFieldInput(internalFieldStore.children[key], input[key]);
+		} else if (internalFieldStore.kind === "object") for (const key in internalFieldStore.children) setFieldInput(internalFieldStore.children[key], input?.[key]);
 		else {
 			internalFieldStore.input.value = input;
 			internalFieldStore.isTouched.value = true;
@@ -305,17 +306,18 @@ function setFieldInput(internalFieldStore, input) {
 function setInitialFieldInput(internalFieldStore, initialInput) {
 	batch(() => {
 		if (internalFieldStore.kind === "array") {
-			if (initialInput.length > internalFieldStore.children.length) {
+			const initialArrayInput = initialInput ?? [];
+			if (initialArrayInput.length > internalFieldStore.children.length) {
 				const path = JSON.parse(internalFieldStore.name);
-				for (let index = internalFieldStore.children.length; index < initialInput.length; index++) {
+				for (let index = internalFieldStore.children.length; index < initialArrayInput.length; index++) {
 					internalFieldStore.children[index] = {};
 					path.push(index);
-					initializeFieldStore(internalFieldStore.children[index], internalFieldStore.schema.item, initialInput[index], path);
+					initializeFieldStore(internalFieldStore.children[index], internalFieldStore.schema.item, initialArrayInput[index], path);
 					path.pop();
 				}
 			}
-			internalFieldStore.initialItems.value = initialInput.map(createId);
-			for (let index = 0; index < internalFieldStore.children.length; index++) setInitialFieldInput(internalFieldStore.children[index], initialInput?.[index]);
+			internalFieldStore.initialItems.value = initialArrayInput.map(createId);
+			for (let index = 0; index < internalFieldStore.children.length; index++) setInitialFieldInput(internalFieldStore.children[index], initialArrayInput[index]);
 		} else if (internalFieldStore.kind === "object") for (const key in internalFieldStore.children) setInitialFieldInput(internalFieldStore.children[key], initialInput?.[key]);
 		else internalFieldStore.initialInput.value = initialInput;
 	});
@@ -667,8 +669,7 @@ const useForm$ = implicit$FirstArg(useFormQrl);
 */
 const Field = component$(({ of, path, render$ }) => {
 	const field = useField(of, { path });
-	const render = useResolvedQrl(render$);
-	return render(field);
+	return useResolvedQrl(render$)(field);
 });
 
 //#endregion
@@ -678,8 +679,7 @@ const Field = component$(({ of, path, render$ }) => {
 */
 const FieldArray = component$(({ of, path, render$ }) => {
 	const field = useFieldArray(of, { path });
-	const render = useResolvedQrl(render$);
-	return render(field);
+	return useResolvedQrl(render$)(field);
 });
 
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formisch/qwik",
   "description": "The modular and type-safe form library for Qwik",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "license": "MIT",
   "author": "Fabian Hiller",
   "homepage": "https://formisch.dev",
@@ -35,18 +35,8 @@
   "engines": {
     "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
   },
-  "scripts": {
-    "build": "tsdown",
-    "lint": "eslint \"src/**/*.ts*\" && tsc --noEmit",
-    "lint.fix": "eslint \"src/**/*.ts*\" --fix",
-    "format": "prettier --write ./src",
-    "format.check": "prettier --check ./src",
-    "qwik": "qwik"
-  },
   "devDependencies": {
     "@eslint/js": "^9.31.0",
-    "@formisch/core": "workspace:*",
-    "@formisch/methods": "workspace:*",
     "@qwik.dev/core": "2.0.0-beta.5",
     "@types/node": "24.0.13",
     "eslint": "9.31.0",
@@ -58,7 +48,9 @@
     "typescript-eslint": "8.36.0",
     "valibot": "^1.1.0",
     "vite": "7.0.4",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite-tsconfig-paths": "^5.1.4",
+    "@formisch/core": "0.3.1",
+    "@formisch/methods": "0.2.0"
   },
   "peerDependencies": {
     "@qwik.dev/core": ">=2",
@@ -69,5 +61,13 @@
     "typescript": {
       "optional": true
     }
+  },
+  "scripts": {
+    "build": "tsdown",
+    "lint": "eslint \"src/**/*.ts*\" && tsc --noEmit",
+    "lint.fix": "eslint \"src/**/*.ts*\" --fix",
+    "format": "prettier --write ./src",
+    "format.check": "prettier --check ./src",
+    "qwik": "qwik"
   }
-}
+}