@inertiajs/svelte 2.3.18 → 2.3.21

package/dist/components/Form.svelte

@@ -191,6 +191,9 @@ $: {
   } else {
     form.withoutFileValidation();
   }
+  if (withAllErrors ?? config.get("form.withAllErrors")) {
+    form.withAllErrors();
+  }
 }
 $: slotErrors = $form.errors;
 const formContextStore = writable(void 0);

package/dist/components/InfiniteScroll.svelte

@@ -3,6 +3,8 @@
   useInfiniteScroll
 } from "@inertiajs/core";
 import { onDestroy, onMount } from "svelte";
+import { usePage } from "../page";
+const page = usePage();
 export let data;
 export let buffer = 0;
 export let as = "div";
@@ -22,8 +24,9 @@ let endElementRef;
 let loadingPrevious = false;
 let loadingNext = false;
 let requestCount = 0;
-let hasPreviousPage = false;
-let hasNextPage = false;
+const scrollProp = $page.scrollProps?.[data];
+let hasPreviousPage = !!scrollProp?.previousPage;
+let hasNextPage = !!scrollProp?.nextPage;
 $: resolvedItemsElement = resolveHTMLElement(itemsElement, itemsElementRef);
 $: scrollableParent = resolvedItemsElement ? getScrollableParent(resolvedItemsElement) : null;
 $: sharedExposed = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertiajs/svelte",
-  "version": "2.3.18",
+  "version": "2.3.21",
   "license": "MIT",
   "description": "The Svelte adapter for Inertia.js",
   "contributors": [
@@ -55,8 +55,8 @@
   "dependencies": {
     "@types/lodash-es": "^4.17.12",
     "laravel-precognition": "^1.0.2",
-    "lodash-es": "^4.17.23",
-    "@inertiajs/core": "2.3.18"
+    "lodash-es": "^4.18.1",
+    "@inertiajs/core": "2.3.21"
   },
   "scripts": {
     "build": "pnpm package && svelte-check --tsconfig ./tsconfig.json && publint",

package/resources/boost/skills/inertia-svelte-development/SKILL.blade.php

@@ -303,34 +303,54 @@ export let users
 
 ### Polling
 
-Automatically refresh data at intervals:
+Use the `usePoll` hook to automatically refresh data at intervals. It handles cleanup on unmount and throttles polling when the tab is inactive.
 
-@boostsnippet("Polling Example", "svelte")
+@boostsnippet("Basic Polling", "svelte")
 <script>
-import { router } from '@inertiajs/svelte'
-import { onMount, onDestroy } from 'svelte'
+import { usePoll } from '@inertiajs/svelte'
 
 export let stats
 
-let interval
+usePoll(5000)
+</script>
 
-onMount(() => {
-    interval = setInterval(() => {
-        router.reload({ only: ['stats'] })
-    }, 5000) // Poll every 5 seconds
-})
+<div>
+    <h1>Dashboard</h1>
+    <div>Active Users: {stats.activeUsers}</div>
+</div>
+@endboostsnippet
+
+@boostsnippet("Polling With Request Options and Manual Control", "svelte")
+<script>
+import { usePoll } from '@inertiajs/svelte'
+
+export let stats
 
-onDestroy(() => {
-    clearInterval(interval)
+const { start, stop } = usePoll(5000, {
+    only: ['stats'],
+    onStart() {
+        console.log('Polling request started')
+    },
+    onFinish() {
+        console.log('Polling request finished')
+    },
+}, {
+    autoStart: false,
+    keepAlive: true,
 })
 </script>
 
 <div>
     <h1>Dashboard</h1>
     <div>Active Users: {stats.activeUsers}</div>
+    <button on:click={start}>Start Polling</button>
+    <button on:click={stop}>Stop Polling</button>
 </div>
 @endboostsnippet
 
+- `autoStart` (default `true`) — set to `false` to start polling manually via the returned `start()` function
+- `keepAlive` (default `false`) — set to `true` to prevent throttling when the browser tab is inactive
+
 ### WhenVisible
 
 Lazy-load a prop when an element scrolls into view. Useful for deferring expensive data that sits below the fold:
@@ -345,7 +365,6 @@ export let stats
 <div>
     <h1>Dashboard</h1>
 
-    <!-- stats prop is loaded only when this section scrolls into view -->
     <WhenVisible data="stats" buffer={200}>
         <div>
             <p>Total Users: {stats.total_users}</p>
@@ -359,6 +378,26 @@ export let stats
 </div>
 @endboostsnippet
 
+### InfiniteScroll
+
+Automatically load additional pages of paginated data as users scroll:
+
+@boostsnippet("InfiniteScroll Example", "svelte")
+<script>
+import { InfiniteScroll } from '@inertiajs/svelte'
+
+export let users
+</script>
+
+<InfiniteScroll data="users">
+    {#each users.data as user (user.id)}
+        <div>{user.name}</div>
+    {/each}
+</InfiniteScroll>
+@endboostsnippet
+
+The server must use `Inertia::scroll()` to configure the paginated data. Use the `search-docs` tool with a query of `infinite scroll` for detailed guidance on buffers, manual loading, reverse mode, and custom trigger elements.
+
 ## Server-Side Patterns
 
 Server-side patterns (Inertia::render, props, middleware) are covered in inertia-laravel guidelines.