@inertiajs/svelte 2.1.1 → 2.1.2

package/dist/components/Form.svelte

@@ -25,6 +25,10 @@ export let onSuccess = noop;
 export let onError = noop;
 export let onSubmitComplete = noop;
 export let disableWhileProcessing = false;
+export let invalidateCacheTags = [];
+export let resetOnError = false;
+export let resetOnSuccess = false;
+export let setDefaultsOnSuccess = false;
 const form = useForm({});
 let formElement;
 let isDirty = false;
@@ -42,10 +46,21 @@ function updateDirtyState(event) {
 }
 export function submit() {
   const [url, _data] = mergeDataIntoQueryString(_method, _action, getData(), queryStringArrayFormat);
+  const maybeReset = (resetOption) => {
+    if (!resetOption) {
+      return;
+    }
+    if (resetOption === true) {
+      reset();
+    } else if (resetOption.length > 0) {
+      reset(...resetOption);
+    }
+  };
   const submitOptions = {
     headers,
     errorBag,
     showProgress,
+    invalidateCacheTags,
     onCancelToken,
     onBefore,
     onStart,
@@ -62,8 +77,17 @@ export function submit() {
           defaults
         });
       }
+      maybeReset(resetOnSuccess);
+      if (setDefaultsOnSuccess === true) {
+        defaults();
+      }
+    },
+    onError: (...args) => {
+      if (onError) {
+        onError(...args);
+      }
+      maybeReset(resetOnError);
     },
-    onError,
     ...options
   };
   $form.transform(() => transform(_data)).submit(_method, url, submitOptions);

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

@@ -3,10 +3,7 @@ import { type Errors, type FormDataConvertible } from '@inertiajs/core';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        action?: string | {
-            url: string;
-            method: import("@inertiajs/core").Method;
-        } | undefined;
+        action?: string | import("@inertiajs/core").UrlMethodPair | undefined;
         method?: import("@inertiajs/core").Method | "GET" | "POST" | "PUT" | "PATCH" | "DELETE" | undefined;
         headers?: Record<string, string> | undefined;
         queryStringArrayFormat?: "indices" | "brackets" | undefined;
@@ -26,6 +23,10 @@ declare const __propDef: {
         onError?: import("@inertiajs/core").GlobalEventCallback<"error", import("@inertiajs/core").RequestPayload> | undefined;
         onSubmitComplete?: ((props: import("@inertiajs/core").FormComponentonSubmitCompleteArguments) => void) | undefined;
         disableWhileProcessing?: boolean | undefined;
+        invalidateCacheTags?: string | string[] | undefined;
+        resetOnError?: boolean | string[] | undefined;
+        resetOnSuccess?: boolean | string[] | undefined;
+        setDefaultsOnSuccess?: boolean | undefined;
         submit?: (() => void) | undefined;
         reset?: ((...fields: string[]) => void) | undefined;
         clearErrors?: ((...fields: string[]) => void) | undefined;

package/dist/components/Link.svelte

@@ -13,6 +13,7 @@ export let queryStringArrayFormat = "brackets";
 export let async = false;
 export let prefetch = false;
 export let cacheFor = 0;
+export let cacheTags = [];
 $: _method = typeof href === "object" ? href.method : method;
 $: _href = typeof href === "object" ? href.url : href;
 $: asProp = _method !== "get" ? "button" : as.toLowerCase();
@@ -39,6 +40,7 @@ $: elProps = {
     async,
     prefetch,
     cacheFor,
+    cacheTags,
   }}
   {...$$restProps}
   {...elProps}

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

@@ -1,12 +1,9 @@
 import { SvelteComponent } from "svelte";
-import type { CacheForOption, FormDataConvertible, LinkPrefetchOption, Method, PreserveStateOption } from '@inertiajs/core';
+import type { CacheForOption, FormDataConvertible, LinkPrefetchOption, Method, PreserveStateOption, UrlMethodPair } from '@inertiajs/core';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        href?: string | {
-            url: string;
-            method: Method;
-        } | undefined;
+        href?: (string | UrlMethodPair) | undefined;
         as?: keyof HTMLElementTagNameMap | undefined;
         data?: Record<string, FormDataConvertible> | undefined;
         method?: Method | undefined;
@@ -20,6 +17,7 @@ declare const __propDef: {
         async?: boolean | undefined;
         prefetch?: (boolean | LinkPrefetchOption | LinkPrefetchOption[]) | undefined;
         cacheFor?: (CacheForOption | CacheForOption[]) | undefined;
+        cacheTags?: string | string[] | undefined;
     };
     events: {
         focus: FocusEvent;

package/dist/link.d.ts

@@ -1,15 +1,10 @@
-import { type GlobalEventsMap, type LinkComponentBaseProps, type Method, type VisitOptions } from '@inertiajs/core';
+import { type GlobalEventsMap, type LinkComponentBaseProps, 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<LinkComponentBaseProps, 'onCancelToken'> & Omit<VisitOptions, keyof LinkComponentBaseProps> & {
-    href?: string | {
-        url: string;
-        method: Method;
-    };
-};
+type ActionParameters = Omit<LinkComponentBaseProps, 'onCancelToken'> & Omit<VisitOptions, keyof LinkComponentBaseProps>;
 type SelectedEventKeys = 'start' | 'progress' | 'finish' | 'before' | 'cancel' | 'success' | 'error' | 'prefetching' | 'prefetched';
 type SelectedGlobalEventsMap = Pick<GlobalEventsMap, SelectedEventKeys>;
 type ActionAttributes = {

package/dist/link.js

@@ -4,6 +4,7 @@ function link(node, initialParams = {}) {
     let hoverTimeout;
     let prefetchModes = [];
     let cacheForValue;
+    let cacheTags = [];
     let method;
     let href;
     let data;
@@ -39,7 +40,7 @@ function link(node, initialParams = {}) {
             }
         },
     };
-    function update({ cacheFor = 0, prefetch = false, ...params }) {
+    function update({ cacheFor = 0, prefetch = false, cacheTags: cacheTagValues = [], ...params }) {
         prefetchModes = (() => {
             if (prefetch === true) {
                 return ['hover'];
@@ -58,6 +59,7 @@ function link(node, initialParams = {}) {
             }
             return 30_000;
         })();
+        cacheTags = cacheTagValues;
         method = typeof params.href === 'object' ? params.href.method : (params.method?.toLowerCase() || 'get');
         [href, data] = hrefAndData(method, params);
         if (node.tagName === 'A') {
@@ -108,7 +110,7 @@ function link(node, initialParams = {}) {
             ...baseParams,
             onPrefetching: (visit) => dispatchEvent('prefetching', { detail: { visit } }),
             onPrefetched: (response, visit) => dispatchEvent('prefetched', { detail: { response, visit } }),
-        }, { cacheFor: cacheForValue });
+        }, { cacheFor: cacheForValue, cacheTags });
     }
     function updateNodeAttributes() {
         if (inFlightCount > 0) {

package/dist/useForm.d.ts

@@ -1,4 +1,4 @@
-import type { ErrorValue, FormDataErrors, FormDataKeys, FormDataType, FormDataValues, Method, Progress, VisitOptions } from '@inertiajs/core';
+import type { ErrorValue, FormDataErrors, FormDataKeys, FormDataType, FormDataValues, Method, Progress, UrlMethodPair, VisitOptions } from '@inertiajs/core';
 import { type Writable } from 'svelte/store';
 type InertiaFormStore<TForm extends object> = Writable<InertiaForm<TForm>> & InertiaForm<TForm>;
 type FormOptions = Omit<VisitOptions, 'data'>;
@@ -22,10 +22,7 @@ export interface InertiaFormProps<TForm extends object> {
     resetAndClearErrors<K extends FormDataKeys<TForm>>(...fields: K[]): this;
     setError<K extends FormDataKeys<TForm>>(field: K, value: ErrorValue): this;
     setError(errors: FormDataErrors<TForm>): this;
-    submit: (...args: [Method, string, FormOptions?] | [{
-        url: string;
-        method: Method;
-    }, FormOptions?]) => void;
+    submit: (...args: [Method, string, FormOptions?] | [UrlMethodPair, FormOptions?]) => void;
     get(url: string, options?: FormOptions): void;
     post(url: string, options?: FormOptions): void;
     put(url: string, options?: FormOptions): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertiajs/svelte",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "license": "MIT",
   "description": "The Svelte adapter for Inertia.js",
   "contributors": [
@@ -37,7 +37,7 @@
   "dependencies": {
     "es-toolkit": "^1.33.0",
     "html-escape": "^2.0.0",
-    "@inertiajs/core": "2.1.1"
+    "@inertiajs/core": "2.1.2"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.2.0",