@inertiajs/svelte 3.1.1 → 3.3.0

package/dist/components/App.svelte

@@ -1,6 +1,6 @@
 <script module lang="ts">
-  import type { ComponentResolver, ResolvedComponent } from '../types'
   import { type Page, type PageProps } from '@inertiajs/core'
+  import type { ComponentResolver, ResolvedComponent } from '../types'
 
   export interface InertiaAppProps<SharedProps extends PageProps = PageProps> {
     initialComponent: ResolvedComponent
@@ -11,13 +11,13 @@
 </script>
 
 <script lang="ts">
-  import type { Component } from 'svelte'
-  import type { LayoutType, LayoutResolver } from '../types'
   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'
+  import type { Component } from 'svelte'
   import { resetLayoutProps, storeState } from '../layoutProps.svelte'
+  import { setPage } from '../page.svelte'
+  import type { LayoutType, LayoutResolver } from '../types'
+  import Render, { h, type RenderProps } from './Render.svelte'
 
   interface Props {
     initialComponent: InertiaAppProps['initialComponent']

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

@@ -1,5 +1,5 @@
-import type { ComponentResolver, ResolvedComponent } from '../types';
 import { type Page, type PageProps } from '@inertiajs/core';
+import type { ComponentResolver, ResolvedComponent } from '../types';
 export interface InertiaAppProps<SharedProps extends PageProps = PageProps> {
     initialComponent: ResolvedComponent;
     initialPage: Page<SharedProps>;

package/dist/components/Form.svelte

@@ -15,12 +15,12 @@
     resolveUrlMethodPairComponent,
     UseFormUtils,
   } from '@inertiajs/core'
-  import { type NamedInputEvent, type ValidationConfig, type Validator } from 'laravel-precognition'
   import { isEqual } from 'es-toolkit'
+  import { type NamedInputEvent, type ValidationConfig, type Validator } from 'laravel-precognition'
   import { onMount } from 'svelte'
-  import { setFormContext } from './formContext'
-  import useForm from '../useForm.svelte'
   import { config } from '..'
+  import useForm from '../useForm.svelte'
+  import { setFormContext } from './formContext'
 
   const noop = () => undefined
 
@@ -174,10 +174,8 @@
       onProgress,
       onFinish,
       onCancel,
-      onSuccess: (...args) => {
-        if (onSuccess) {
-          onSuccess(...args)
-        }
+      onSuccess: async (...args) => {
+        const result = await onSuccess?.(...args)
 
         if (onSubmitComplete) {
           onSubmitComplete({
@@ -191,6 +189,8 @@
         if (setDefaultsOnSuccess === true) {
           defaults()
         }
+
+        return result
       },
       onError: (...args) => {
         if (onError) {

package/dist/components/InfiniteScroll.svelte

@@ -118,9 +118,7 @@
     return infiniteScrollInstance?.dataManager.hasNext() || false
   }
 
-  onMount(() => {
-    setTimeout(setupInfiniteScrollInstance)
-  })
+  onMount(setupInfiniteScrollInstance)
 
   function syncStateFromDataManager() {
     requestCount = infiniteScrollInstance!.dataManager.getRequestCount()
@@ -152,13 +150,19 @@
       // Request callbacks
       onBeforePreviousRequest: () => (loadingPrevious = true),
       onBeforeNextRequest: () => (loadingNext = true),
-      onCompletePreviousRequest: () => {
+      onCompletePreviousRequest: ({ completed }) => {
         loadingPrevious = false
-        syncStateFromDataManager()
+
+        if (completed) {
+          syncStateFromDataManager()
+        }
       },
-      onCompleteNextRequest: () => {
+      onCompleteNextRequest: ({ completed }) => {
         loadingNext = false
-        syncStateFromDataManager()
+
+        if (completed) {
+          syncStateFromDataManager()
+        }
       },
       onDataReset: syncStateFromDataManager,
     })

package/dist/createInertiaApp.d.ts

@@ -10,8 +10,9 @@ type SetupOptions<SharedProps extends PageProps> = {
     App: typeof App;
     props: InertiaAppProps<SharedProps>;
 };
-type SvelteWithApp = (context: Map<any, any>, options: {
+type SvelteWithApp<SharedProps extends PageProps> = (context: Map<any, any>, options: {
     ssr: boolean;
+    page: Page<SharedProps>;
 }) => void;
 type InertiaAppOptionsForCSR<SharedProps extends PageProps> = CreateInertiaAppOptionsForCSR<SharedProps, ComponentResolver, SetupOptions<SharedProps>, SvelteRenderResult | void, SvelteInertiaAppConfig> & {
     withApp?: never;
@@ -20,7 +21,7 @@ type InertiaAppOptionsAuto<SharedProps extends PageProps> = Omit<CreateInertiaAp
     page?: Page<SharedProps>;
 } & ({
     setup?: undefined;
-    withApp?: SvelteWithApp;
+    withApp?: SvelteWithApp<SharedProps>;
 } | {
     setup: (options: SetupOptions<SharedProps>) => SvelteRenderResult | void;
     withApp?: never;

package/dist/createInertiaApp.js

@@ -32,7 +32,7 @@ export default async function createInertiaApp({ id = 'app', resolve, setup, pro
             else {
                 const context = new Map();
                 if (withApp) {
-                    withApp(context, { ssr: true });
+                    withApp(context, { ssr: true, page });
                 }
                 svelteApp = render(App, { props, context });
             }
@@ -70,7 +70,7 @@ export default async function createInertiaApp({ id = 'app', resolve, setup, pro
     else {
         const context = new Map();
         if (withApp) {
-            withApp(context, { ssr: false });
+            withApp(context, { ssr: false, page: initialPage });
         }
         if (target.hasAttribute('data-server-rendered')) {
             hydrate(App, { target, props, context });

package/dist/usePoll.d.ts

@@ -1,5 +1,5 @@
 import { type PollOptions, type ReloadOptions } from '@inertiajs/core';
-export default function usePoll(interval: number, requestOptions?: ReloadOptions, options?: PollOptions): {
+export default function usePoll(interval: number, requestOptions?: ReloadOptions | (() => ReloadOptions), options?: PollOptions): {
     stop: VoidFunction;
     start: VoidFunction;
 };

package/dist/usePoll.js

@@ -4,7 +4,7 @@ export default function usePoll(interval, requestOptions = {}, options = {
     keepAlive: false,
     autoStart: true,
 }) {
-    const { stop, start } = router.poll(interval, requestOptions, {
+    const { stop, start, destroy } = router.poll(interval, requestOptions, {
         ...options,
         autoStart: false,
     });
@@ -14,7 +14,7 @@ export default function usePoll(interval, requestOptions = {}, options = {
         }
     });
     onDestroy(() => {
-        stop();
+        destroy();
     });
     return { stop, start };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertiajs/svelte",
-  "version": "3.1.1",
+  "version": "3.3.0",
   "license": "MIT",
   "description": "The Svelte adapter for Inertia.js",
   "contributors": [
@@ -37,16 +37,16 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^7.0.1",
-    "@sveltejs/kit": "^2.58.0",
+    "@sveltejs/kit": "^2.60.1",
     "@sveltejs/package": "^2.5.7",
     "@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",
+    "svelte": "^5.55.7",
+    "svelte-check": "^4.4.8",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.3",
     "vite": "^8.0.10"
   },
   "peerDependencies": {
@@ -55,7 +55,7 @@
   "dependencies": {
     "es-toolkit": "^1.33.0",
     "laravel-precognition": "^2.0.0",
-    "@inertiajs/core": "3.1.1"
+    "@inertiajs/core": "3.3.0"
   },
   "scripts": {
     "build": "pnpm package && svelte-check --tsconfig ./tsconfig.json && publint",