@inertiajs/svelte 3.0.2 → 3.1.0

package/dist/components/App.svelte

@@ -13,7 +13,7 @@
 <script lang="ts">
   import type { Component } from 'svelte'
   import type { LayoutType, LayoutResolver } from '../types'
-  import { isPropsObject, normalizeLayouts } from '@inertiajs/core'
+  import { isPropsObjectOrCallback, isPropsObject, normalizeLayouts } from '@inertiajs/core'
   import { router } from '@inertiajs/core'
   import Render, { h, type RenderProps } from './Render.svelte'
   import { setPage } from '../page.svelte'
@@ -110,7 +110,7 @@
     ) {
       const result = (layoutValue as Function)(page.props)
 
-      if (isPropsObject(result, isComponent)) {
+      if (isPropsObjectOrCallback(result, isComponent)) {
         effectiveLayout = defaultLayout?.(page.component, page) as LayoutType | undefined
         callbackProps = result as Record<string, unknown>
       } else {

package/dist/components/Deferred.svelte

@@ -1,34 +1,25 @@
 <script lang="ts">
-  import { isSameUrlWithoutQueryOrHash, router } from '@inertiajs/core'
+  import { isSameUrlWithoutQueryOrHash, router, partialReloadRequestsSomeProps } from '@inertiajs/core'
   import { get } from 'es-toolkit/compat'
   import { page } from '../index'
 
   interface Props {
     data: string | string[]
+    rescue?: import('svelte').Snippet<[{ reloading: boolean }]>
     fallback?: import('svelte').Snippet
     children?: import('svelte').Snippet<[{ reloading: boolean }]>
   }
 
-  let { data, fallback, children }: Props = $props()
+  let { data, rescue, fallback, children }: Props = $props()
 
   const keys = $derived(Array.isArray(data) ? data : [data])
+  const rescuedKeys = $derived(new Set(page.rescuedProps))
   const loaded = $derived(keys.every((key) => typeof get(page.props, key) !== 'undefined'))
+  const failed = $derived(keys.some((key) => rescuedKeys.has(key)))
 
   let reloading = $state(false)
   const activeReloads = new Set<object>()
 
-  const keysAreBeingReloaded = (only: string[], except: string[], keys: string[]): boolean => {
-    if (only.length === 0 && except.length === 0) {
-      return true
-    }
-
-    if (only.length > 0) {
-      return keys.some((key) => only.includes(key))
-    }
-
-    return keys.some((key) => !except.includes(key))
-  }
-
   $effect(() => {
     const removeStartListener = router.on('start', (e) => {
       const visit = e.detail.visit
@@ -36,7 +27,7 @@
       if (
         visit.preserveState === true &&
         isSameUrlWithoutQueryOrHash(visit.url, window.location) &&
-        keysAreBeingReloaded(visit.only, visit.except, keys)
+        partialReloadRequestsSomeProps(visit, keys)
       ) {
         activeReloads.add(visit)
         reloading = true
@@ -66,8 +57,10 @@
   })
 </script>
 
-{#if loaded}
+{#if loaded && !failed}
   {@render children?.({ reloading })}
+{:else if failed && rescue}
+  {@render rescue?.({ reloading })}
 {:else}
   {@render fallback?.()}
 {/if}

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

@@ -1,5 +1,8 @@
 interface Props {
     data: string | string[];
+    rescue?: import('svelte').Snippet<[{
+        reloading: boolean;
+    }]>;
     fallback?: import('svelte').Snippet;
     children?: import('svelte').Snippet<[{
         reloading: boolean;

package/dist/components/createForm.d.ts

@@ -1,9 +1,12 @@
 import type { FormComponentProps, FormComponentSlotProps } from '@inertiajs/core';
 import type { Component, ComponentProps, Snippet } from 'svelte';
 import Form from './Form.svelte';
-type TypedFormComponent<TForm extends Record<string, any>> = Component<Omit<ComponentProps<typeof Form>, 'children' | 'optimistic' | 'transform'> & {
+type TypedFormComponent<TForm extends Record<string, any>> = Component<Omit<ComponentProps<typeof Form>, 'children' | 'optimistic' | 'transform' | 'resetOnSuccess' | 'resetOnError' | 'onSubmitComplete'> & {
     optimistic?: FormComponentProps<TForm>['optimistic'];
     transform?: FormComponentProps<TForm>['transform'];
+    resetOnSuccess?: FormComponentProps<TForm>['resetOnSuccess'];
+    resetOnError?: FormComponentProps<TForm>['resetOnError'];
+    onSubmitComplete?: FormComponentProps<TForm>['onSubmitComplete'];
     children?: Snippet<[FormComponentSlotProps<TForm>]>;
 }>;
 export declare function createForm<TForm extends Record<string, any> = Record<string, any>>(): TypedFormComponent<TForm>;

package/dist/createInertiaApp.js

@@ -2,8 +2,11 @@ import { buildSSRBody, getInitialPageFromDOM, http as httpModule, router, setupP
 import { hydrate, mount } from 'svelte';
 import App, {} from './components/App.svelte';
 import { config } from './index';
-export default async function createInertiaApp({ id = 'app', resolve, setup, progress = {}, page, defaults = {}, http, layout, withApp, } = {}) {
+export default async function createInertiaApp({ id = 'app', resolve, setup, progress = {}, page, defaults = {}, nonce, http, layout, withApp, } = {}) {
     config.replace(defaults);
+    if (nonce) {
+        config.set('nonce', nonce);
+    }
     if (http) {
         httpModule.setClient(http);
     }

package/dist/useHttp.svelte.js

@@ -78,7 +78,7 @@ export default function useHttp(...args) {
             if (response.status >= 200 && response.status < 300) {
                 markAsSuccessful();
                 setFormState('response', responseData);
-                options.onSuccess?.(responseData);
+                options.onSuccess?.(responseData, response);
                 if (!wasDefaultsCalledInOnSuccess()) {
                     setDefaults(cloneDeep(form.data()));
                 }
@@ -102,12 +102,16 @@ export default function useHttp(...args) {
                     form.clearErrors().setError(processedErrors);
                     options.onError?.(processedErrors);
                 }
+                else {
+                    options.onHttpException?.(error.response);
+                }
                 throw error;
             }
             if (error instanceof HttpCancelledError || (error instanceof Error && error.name === 'AbortError')) {
                 options.onCancel?.();
                 throw new HttpCancelledError('Request was cancelled', url);
             }
+            options.onNetworkError?.(error instanceof Error ? error : new Error('Unknown error'));
             throw error;
         }
         finally {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertiajs/svelte",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "license": "MIT",
   "description": "The Svelte adapter for Inertia.js",
   "contributors": [
@@ -37,17 +37,17 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^7.0.1",
-    "@sveltejs/kit": "^2.53.2",
+    "@sveltejs/kit": "^2.58.0",
     "@sveltejs/package": "^2.5.7",
-    "@sveltejs/vite-plugin-svelte": "^6.2.4",
-    "axios": "^1.13.5",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "axios": "^1.15.2",
     "es-check": "9.5.3",
     "publint": "^0.3.17",
     "svelte": "^5.53.5",
     "svelte-check": "^4.4.3",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1"
+    "vite": "^8.0.10"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
@@ -55,7 +55,7 @@
   "dependencies": {
     "es-toolkit": "^1.33.0",
     "laravel-precognition": "^2.0.0",
-    "@inertiajs/core": "3.0.2"
+    "@inertiajs/core": "3.1.0"
   },
   "scripts": {
     "build": "pnpm package && svelte-check --tsconfig ./tsconfig.json && publint",