@formisch/preact 0.3.0 → 0.3.1

package/README.md

@@ -2,7 +2,7 @@
 
 Formisch is a schema-based, headless form library for Preact. 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-preact)!
 
-Formisch is also available for [Qwik][formisch-qwik], [SolidJS][formisch-solid], and [Vue][formisch-vue]. Svelte will follow soon.
+Formisch is also available for [Qwik][formisch-qwik], [SolidJS][formisch-solid], [Svelte][formisch-svelte] and [Vue][formisch-vue].
 
 ## Highlights
 
@@ -77,4 +77,5 @@ This project is available free of charge and licensed under the [MIT license](ht
 
 [formisch-qwik]: https://github.com/fabian-hiller/formisch/tree/main/frameworks/qwik
 [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

@@ -372,7 +372,7 @@ declare function FieldArray<TSchema extends Schema, TFieldArrayPath extends Requ
 }: FieldArrayProps<TSchema, TFieldArrayPath>): JSX.Element;
 //#endregion
 //#region src/components/Form/Form.d.ts
-type FormProps<TSchema extends Schema = Schema> = Omit<JSX.FormHTMLAttributes<HTMLFormElement>, "onSubmit"> & {
+type FormProps<TSchema extends Schema = Schema> = Omit<JSX.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "novalidate" | "noValidate"> & {
   of: FormStore<TSchema>;
   onSubmit: SubmitHandler<TSchema>;
 };

package/dist/index.js

@@ -37,7 +37,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);
@@ -55,7 +55,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();
 				}
 			}
@@ -275,23 +275,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;
@@ -303,17 +304,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;
 	});
@@ -622,7 +624,7 @@ function useFieldArray(form, config) {
 //#region src/hooks/useForm/useForm.ts
 function useForm(config) {
 	const form = useMemo(() => {
-		const internalFormStore = createFormStore(config, async (input) => v.safeParseAsync(config.schema, input));
+		const internalFormStore = createFormStore(config, (input) => v.safeParseAsync(config.schema, input));
 		return {
 			[INTERNAL]: internalFormStore,
 			isSubmitting: internalFormStore.isSubmitting,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formisch/preact",
   "description": "The modular and type-safe form library for Preact",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "license": "MIT",
   "author": "Fabian Hiller",
   "homepage": "https://formisch.dev",
@@ -32,17 +32,8 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "tsdown",
-    "lint": "eslint \"src/**/*.ts*\" && tsc --noEmit",
-    "lint.fix": "eslint \"src/**/*.ts*\" --fix",
-    "format": "prettier --write ./src",
-    "format.check": "prettier --check ./src"
-  },
   "devDependencies": {
     "@eslint/js": "^9.31.0",
-    "@formisch/core": "workspace:*",
-    "@formisch/methods": "workspace:*",
     "@preact/preset-vite": "^2.9.3",
     "@preact/signals": "^2.2.1",
     "eslint": "^9.31.0",
@@ -51,7 +42,9 @@
     "tsdown": "^0.12.9",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.37.0",
-    "vite": "^6.0.4"
+    "vite": "^6.0.4",
+    "@formisch/core": "0.3.1",
+    "@formisch/methods": "0.2.0"
   },
   "peerDependencies": {
     "@preact/signals": "^2.0.0",
@@ -63,5 +56,12 @@
     "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"
   }
-}
+}