@inertiajs/svelte 2.0.5 → 2.0.7

package/dist/components/Link.svelte

@@ -1,5 +1,5 @@
 <script>import { inertia } from "../index";
-export let href;
+export let href = "";
 export let as = "a";
 export let data = {};
 export let method = "get";
@@ -13,6 +13,8 @@ export let queryStringArrayFormat = "brackets";
 export let async = false;
 export let prefetch = false;
 export let cacheFor = 0;
+method = typeof href === "object" ? href.method : method;
+href = typeof href === "object" ? href.url : href;
 $: asProp = method !== "get" ? "button" : as.toLowerCase();
 $: elProps = {
   a: { href },

package/dist/components/Link.svelte.d.ts

@@ -3,7 +3,10 @@ import type { CacheForOption, FormDataConvertible, LinkPrefetchOption, Method, P
 declare const __propDef: {
     props: {
         [x: string]: any;
-        href: string;
+        href?: string | {
+            url: string;
+            method: Method;
+        } | undefined;
         as?: keyof HTMLElementTagNameMap | undefined;
         data?: Record<string, FormDataConvertible> | undefined;
         method?: Method | undefined;

package/dist/link.d.ts

@@ -1,11 +1,14 @@
-import { type CacheForOption, type FormDataConvertible, type GlobalEventsMap, type LinkPrefetchOption, type VisitOptions } from '@inertiajs/core';
+import { type CacheForOption, type FormDataConvertible, type GlobalEventsMap, type LinkPrefetchOption, type Method, type VisitOptions } from '@inertiajs/core';
 import type { CancelTokenSource } from 'axios';
 import type { ActionReturn } from 'svelte/action';
 interface ActionElement extends HTMLElement {
     href?: string;
 }
 type ActionParameters = Omit<VisitOptions, 'data' | 'prefetch'> & {
-    href?: string;
+    href?: string | {
+        url: string;
+        method: Method;
+    };
     data?: Record<string, FormDataConvertible>;
     prefetch?: boolean | LinkPrefetchOption | LinkPrefetchOption[];
     cacheFor?: CacheForOption | CacheForOption[];

package/dist/link.js

@@ -58,7 +58,7 @@ function link(node, initialParams = {}) {
             }
             return 30_000;
         })();
-        method = (params.method?.toLowerCase() || 'get');
+        method = typeof params.href === 'object' ? params.href.method : (params.method?.toLowerCase() || 'get');
         [href, data] = hrefAndData(method, params);
         if (node.tagName === 'A') {
             node.href = href;
@@ -99,7 +99,7 @@ function link(node, initialParams = {}) {
         return node.dispatchEvent(new CustomEvent(type, detail));
     }
     function hrefAndData(method, params) {
-        return mergeDataIntoQueryString(method, node.href || params.href || '', params.data || {}, params.queryStringArrayFormat || 'brackets');
+        return mergeDataIntoQueryString(method, typeof params.href === 'object' ? params.href.url : node.href || params.href || '', params.data || {}, params.queryStringArrayFormat || 'brackets');
     }
     function prefetch() {
         router.prefetch(href, baseParams, { cacheFor: cacheForValue });

package/dist/useForm.d.ts

@@ -1,27 +1,30 @@
-import type { Errors, FormDataConvertible, Method, Progress, VisitOptions } from '@inertiajs/core';
+import type { Errors, FormDataConvertible, FormDataKeys, Method, Progress, VisitOptions } from '@inertiajs/core';
 import { type Writable } from 'svelte/store';
 type FormDataType = Record<string, FormDataConvertible>;
 type FormOptions = Omit<VisitOptions, 'data'>;
 export interface InertiaFormProps<TForm extends FormDataType> {
     isDirty: boolean;
-    errors: Partial<Record<keyof TForm, string>>;
+    errors: Partial<Record<FormDataKeys<TForm>, string>>;
     hasErrors: boolean;
     progress: Progress | null;
     wasSuccessful: boolean;
     recentlySuccessful: boolean;
     processing: boolean;
     setStore(data: TForm): void;
-    setStore(key: keyof TForm, value?: FormDataConvertible): void;
+    setStore(key: FormDataKeys<TForm>, value?: FormDataConvertible): void;
     data(): TForm;
     transform(callback: (data: TForm) => object): this;
     defaults(): this;
     defaults(fields: Partial<TForm>): this;
-    defaults(field?: keyof TForm, value?: FormDataConvertible): this;
-    reset(...fields: (keyof TForm)[]): this;
-    clearErrors(...fields: (keyof TForm)[]): this;
-    setError(field: keyof TForm, value: string): this;
+    defaults(field?: FormDataKeys<TForm>, value?: FormDataConvertible): this;
+    reset(...fields: FormDataKeys<TForm>[]): this;
+    clearErrors(...fields: FormDataKeys<TForm>[]): this;
+    setError(field: FormDataKeys<TForm>, value: string): this;
     setError(errors: Errors): this;
-    submit(method: Method, url: string, options?: FormOptions): void;
+    submit: (...args: [Method, string, FormOptions?] | [{
+        url: string;
+        method: Method;
+    }, FormOptions?]) => void;
     get(url: string, options?: FormOptions): void;
     post(url: string, options?: FormOptions): void;
     put(url: string, options?: FormOptions): void;

package/dist/useForm.js

@@ -1,6 +1,6 @@
 import { router } from '@inertiajs/core';
-import cloneDeep from 'lodash/cloneDeep';
-import isEqual from 'lodash/isEqual';
+import { cloneDeep, isEqual } from 'es-toolkit';
+import { get, has, set } from 'es-toolkit/compat';
 import { writable } from 'svelte/store';
 export default function useForm(rememberKeyOrData, maybeData) {
     const rememberKey = typeof rememberKeyOrData === 'string' ? rememberKeyOrData : null;
@@ -24,13 +24,12 @@ export default function useForm(rememberKeyOrData, maybeData) {
         processing: false,
         setStore(keyOrData, maybeValue = undefined) {
             store.update((store) => {
-                return Object.assign(store, typeof keyOrData === 'string' ? { [keyOrData]: maybeValue } : keyOrData);
+                return typeof keyOrData === 'string' ? set(store, keyOrData, maybeValue) : Object.assign(store, keyOrData);
             });
         },
         data() {
             return Object.keys(data).reduce((carry, key) => {
-                carry[key] = this[key];
-                return carry;
+                return set(carry, key, get(this, key));
             }, {});
         },
         transform(callback) {
@@ -38,10 +37,15 @@ export default function useForm(rememberKeyOrData, maybeData) {
             return this;
         },
         defaults(fieldOrFields, maybeValue) {
-            defaults =
-                typeof fieldOrFields === 'undefined'
-                    ? cloneDeep(this.data())
-                    : Object.assign(cloneDeep(defaults), typeof fieldOrFields === 'string' ? { [fieldOrFields]: maybeValue } : fieldOrFields);
+            if (typeof fieldOrFields === 'undefined') {
+                defaults = cloneDeep(this.data());
+            }
+            else {
+                defaults =
+                    typeof fieldOrFields === 'string'
+                        ? set(cloneDeep(defaults), fieldOrFields, maybeValue)
+                        : Object.assign(cloneDeep(defaults), fieldOrFields);
+            }
             return this;
         },
         reset(...fields) {
@@ -50,11 +54,10 @@ export default function useForm(rememberKeyOrData, maybeData) {
                 this.setStore(clonedData);
             }
             else {
-                this.setStore(Object.keys(clonedData)
-                    .filter((key) => fields.includes(key))
+                this.setStore(fields
+                    .filter((key) => has(clonedData, key))
                     .reduce((carry, key) => {
-                    carry[key] = clonedData[key];
-                    return carry;
+                    return set(carry, key, get(clonedData, key));
                 }, {}));
             }
             return this;
@@ -73,7 +76,11 @@ export default function useForm(rememberKeyOrData, maybeData) {
             }), {}));
             return this;
         },
-        submit(method, url, options = {}) {
+        submit(...args) {
+            const objectPassed = typeof args[0] === 'object';
+            const method = objectPassed ? args[0].method : args[0];
+            const url = objectPassed ? args[0].url : args[1];
+            const options = (objectPassed ? args[1] : args[2]) ?? {};
             const data = transform(this.data());
             const _options = {
                 ...options,
@@ -111,6 +118,7 @@ export default function useForm(rememberKeyOrData, maybeData) {
                     this.clearErrors();
                     this.setStore('wasSuccessful', true);
                     this.setStore('recentlySuccessful', true);
+                    this.defaults(cloneDeep(this.data()));
                     recentlySuccessfulTimeoutId = setTimeout(() => this.setStore('recentlySuccessful', false), 2000);
                     if (options.onSuccess) {
                         return options.onSuccess(page);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertiajs/svelte",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "license": "MIT",
   "description": "The Svelte adapter for Inertia.js",
   "contributors": [
@@ -43,9 +43,9 @@
     "svelte": "^4.0.0 || ^5.0.0 || ^5.0.0-next.244"
   },
   "dependencies": {
-    "@inertiajs/core": "2.0.5",
-    "html-escape": "^2.0.0",
-    "lodash": "^4.5.0"
+    "@inertiajs/core": "2.0.7",
+    "es-toolkit": "^1.33.0",
+    "html-escape": "^2.0.0"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.2.0",
@@ -53,14 +53,13 @@
     "@sveltejs/package": "^2.3.4",
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "@types/html-escape": "^2.0.2",
-    "@types/lodash": "^4.17.7",
     "axios": "^1.8.2",
     "publint": "^0.2.10",
     "svelte": "^4.2.16",
     "svelte-check": "^4.0.0",
     "tslib": "^2.7.0",
     "typescript": "^5.5.4",
-    "vite": "^5.4.12"
+    "vite": "^5.4.17"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",