@inertiajs/svelte 2.3.9 → 2.3.11

package/dist/components/Form.svelte

@@ -1,5 +1,6 @@
 <script>import {
   formDataToObject,
+  FormComponentResetSymbol,
   resetFormFields,
   mergeDataIntoQueryString,
   isUrlMethodPair,
@@ -67,6 +68,9 @@ function getUrlAndData(submitter) {
   return mergeDataIntoQueryString(_method, _action, getData(submitter), queryStringArrayFormat);
 }
 function updateDirtyState(event) {
+  if (event.type === "reset" && event.detail?.[FormComponentResetSymbol]) {
+    event.preventDefault();
+  }
   isDirty = event.type === "reset" ? false : !isEqual(getData(), formDataToObject(defaultData));
 }
 export function submit(submitter) {

package/dist/useForm.d.ts

@@ -53,8 +53,13 @@ export interface InertiaFormValidationProps<TForm extends object> {
 }
 export type InertiaForm<TForm extends object> = InertiaFormProps<TForm> & TForm;
 export type InertiaPrecognitiveForm<TForm extends object> = InertiaForm<TForm> & InertiaFormValidationProps<TForm>;
-export default function useForm<TForm extends FormDataType<TForm>>(method: Method | (() => Method), url: string | (() => string), data: TForm | (() => TForm)): InertiaPrecognitiveFormStore<TForm>;
-export default function useForm<TForm extends FormDataType<TForm>>(urlMethodPair: UrlMethodPair | (() => UrlMethodPair), data: TForm | (() => TForm)): InertiaPrecognitiveFormStore<TForm>;
-export default function useForm<TForm extends FormDataType<TForm>>(rememberKey: string, data: TForm | (() => TForm)): InertiaFormStore<TForm>;
-export default function useForm<TForm extends FormDataType<TForm>>(data: TForm | (() => TForm)): InertiaFormStore<TForm>;
+type ReservedFormKeys = keyof InertiaFormProps<any>;
+type ValidateFormData<T> = {
+    [K in keyof T]: K extends ReservedFormKeys ? ['Error: This field name is reserved by useForm:', K] : T[K];
+};
+export default function useForm<TForm extends FormDataType<TForm>>(method: Method | (() => Method), url: string | (() => string), data: ValidateFormData<TForm> | (() => ValidateFormData<TForm>)): InertiaPrecognitiveFormStore<TForm>;
+export default function useForm<TForm extends FormDataType<TForm>>(urlMethodPair: UrlMethodPair | (() => UrlMethodPair), data: ValidateFormData<TForm> | (() => ValidateFormData<TForm>)): InertiaPrecognitiveFormStore<TForm>;
+export default function useForm<TForm extends FormDataType<TForm>>(rememberKey: string, data: ValidateFormData<TForm> | (() => ValidateFormData<TForm>)): InertiaFormStore<TForm>;
+export default function useForm<TForm extends FormDataType<TForm>>(data: ValidateFormData<TForm> | (() => ValidateFormData<TForm>)): InertiaFormStore<TForm>;
+export default function useForm<TForm extends FormDataType<TForm>>(): InertiaFormStore<TForm>;
 export {};

package/dist/useForm.js

@@ -3,6 +3,24 @@ import { createValidator, resolveName, toSimpleValidationErrors } from 'laravel-
 import { cloneDeep, get, has, isEqual, set } from 'lodash-es';
 import { get as getStore, writable } from 'svelte/store';
 import { config } from '.';
+let reservedFormKeys = null;
+let bootstrapping = false;
+function validateFormDataKeys(data) {
+    if (bootstrapping) {
+        return;
+    }
+    if (reservedFormKeys === null) {
+        bootstrapping = true;
+        const store = useForm({});
+        reservedFormKeys = new Set(Object.keys(getStore(store)));
+        bootstrapping = false;
+    }
+    const conflicts = Object.keys(data).filter((key) => reservedFormKeys.has(key));
+    if (conflicts.length > 0) {
+        console.error(`[Inertia] useForm() data contains field(s) that conflict with form properties: ${conflicts.map((k) => `"${k}"`).join(', ')}. ` +
+            `These fields will be overwritten by form methods/properties. Please rename these fields.`);
+    }
+}
 export default function useForm(...args) {
     const parsedArgs = UseFormUtils.parseUseFormArguments(...args);
     const { rememberKey, data: initialData } = parsedArgs;
@@ -12,6 +30,7 @@ export default function useForm(...args) {
         ? router.restore(rememberKey)
         : null;
     let defaults = cloneDeep(data);
+    validateFormDataKeys(defaults);
     let cancelToken = null;
     let recentlySuccessfulTimeoutId = null;
     let transform = (data) => data;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertiajs/svelte",
-  "version": "2.3.9",
+  "version": "2.3.11",
   "license": "MIT",
   "description": "The Svelte adapter for Inertia.js",
   "contributors": [
@@ -36,14 +36,14 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.48.5",
-    "@sveltejs/package": "^2.5.4",
+    "@sveltejs/kit": "^2.49.5",
+    "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "axios": "^1.13.2",
-    "es-check": "^9.4.5",
-    "publint": "^0.2.12",
+    "es-check": "^9.5.3",
+    "publint": "^0.3.16",
     "svelte": "^4.2.20",
-    "svelte-check": "^4.3.4",
+    "svelte-check": "^4.3.5",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
     "vite": "^5.4.21"
@@ -54,8 +54,8 @@
   "dependencies": {
     "@types/lodash-es": "^4.17.12",
     "laravel-precognition": "^1.0.0",
-    "lodash-es": "^4.17.21",
-    "@inertiajs/core": "2.3.9"
+    "lodash-es": "^4.17.22",
+    "@inertiajs/core": "2.3.11"
   },
   "scripts": {
     "build": "pnpm package && svelte-check --tsconfig ./tsconfig.json && publint",