@humanspeak/svelte-virtual-list 0.3.10 → 0.3.12

package/dist/SvelteVirtualList.svelte

@@ -697,7 +697,7 @@
                 })
                 heightManager.endDynamicUpdate()
             },
-            lastMeasuredIndex < 0 ? 0 : 100, // debounceTime (no debounce on first pass)
+            lastMeasuredIndex < 0 || dirtyItems.size > 0 ? 0 : 100, // debounceTime (no debounce on first pass or when dirty items exist)
             dirtyItems, // Pass dirty items for processing
             0, // Don't pass ReactiveListManager state - let each system manage its own totals
             0, // Don't pass ReactiveListManager state - let each system manage its own totals
@@ -1347,6 +1347,38 @@
         }
     })
 
+    // Call debugFunction in an effect to avoid state_unsafe_mutation when
+    // the callback writes to $state (which is forbidden during render effects)
+    $effect(() => {
+        if (!debug) return
+        const currentVisibleRange = visibleItems()
+        if (
+            !shouldShowDebugInfo(
+                prevVisibleRange,
+                currentVisibleRange,
+                prevHeight,
+                heightManager.averageHeight
+            )
+        )
+            return
+
+        const info = createDebugInfo(
+            currentVisibleRange,
+            items.length,
+            Object.keys(heightManager.getHeightCache()).length,
+            heightManager.averageHeight,
+            heightManager.scrollTop,
+            height || 0,
+            totalHeight()
+        )
+
+        if (debugFunction) {
+            debugFunction(info)
+        } else {
+            console.info('Virtual List Debug:', info)
+        }
+    })
+
     /**
      * Scrolls the virtual list to the item at the given index.
      *
@@ -1599,22 +1631,7 @@
                 class={itemsClass ?? 'virtual-list-items'}
                 style:transform="translateY({transformY()}px)"
             >
-                {#each displayItems() as currentItemWithIndex, i (currentItemWithIndex.originalIndex)}
-                    <!-- Only debug when visible range or average height changes -->
-                    {#if debug && i === 0 && shouldShowDebugInfo(prevVisibleRange, visibleItems(), prevHeight, heightManager.averageHeight)}
-                        {@const debugInfo = createDebugInfo(
-                            visibleItems(),
-                            items.length,
-                            Object.keys(heightManager.getHeightCache()).length,
-                            heightManager.averageHeight,
-                            heightManager.scrollTop,
-                            height || 0,
-                            totalHeight()
-                        )}
-                        {debugFunction
-                            ? debugFunction(debugInfo)
-                            : console.info('Virtual List Debug:', debugInfo)}
-                    {/if}
+                {#each displayItems() as currentItemWithIndex, _i (currentItemWithIndex.originalIndex)}
                     <!-- Render each visible item -->
                     <div
                         bind:this={itemElements[currentItemWithIndex.sliceIndex]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humanspeak/svelte-virtual-list",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "description": "A lightweight, high-performance virtual list component for Svelte 5 that renders large datasets with minimal memory usage. Features include dynamic height support, smooth scrolling, TypeScript support, and efficient DOM recycling. Ideal for infinite scrolling lists, data tables, chat interfaces, and any application requiring the rendering of thousands of items without compromising performance. Zero dependencies and fully customizable.",
   "keywords": [
     "svelte",
@@ -60,42 +60,42 @@
   },
   "devDependencies": {
     "@eslint/compat": "^2.0.2",
-    "@eslint/js": "^9.39.2",
-    "@faker-js/faker": "^10.2.0",
-    "@playwright/test": "^1.58.1",
-    "@sveltejs/adapter-auto": "^7.0.0",
-    "@sveltejs/kit": "^2.50.2",
+    "@eslint/js": "^10.0.1",
+    "@faker-js/faker": "^10.3.0",
+    "@playwright/test": "^1.58.2",
+    "@sveltejs/adapter-auto": "^7.0.1",
+    "@sveltejs/kit": "^2.52.0",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@tailwindcss/vite": "^4.1.18",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/svelte": "^5.3.1",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^25.2.0",
-    "@typescript-eslint/eslint-plugin": "^8.54.0",
-    "@typescript-eslint/parser": "^8.54.0",
+    "@types/node": "^25.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.55.0",
+    "@typescript-eslint/parser": "^8.55.0",
     "@vitest/coverage-v8": "^4.0.18",
     "concurrently": "^9.2.1",
-    "eslint": "^9.39.2",
+    "eslint": "^10.0.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-svelte": "^3.14.0",
-    "eslint-plugin-unused-imports": "^4.3.0",
+    "eslint-plugin-svelte": "^3.15.0",
+    "eslint-plugin-unused-imports": "^4.4.1",
     "globals": "^17.3.0",
     "husky": "^9.1.7",
-    "jsdom": "^28.0.0",
+    "jsdom": "^28.1.0",
     "prettier": "^3.8.1",
     "prettier-plugin-organize-imports": "^4.3.0",
     "prettier-plugin-sort-json": "^4.2.0",
     "prettier-plugin-svelte": "^3.4.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "publint": "^0.3.17",
-    "svelte": "^5.49.1",
-    "svelte-check": "^4.3.6",
+    "svelte": "^5.51.2",
+    "svelte-check": "^4.4.0",
     "tailwindcss": "^4.1.18",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.54.0",
+    "typescript-eslint": "^8.55.0",
     "vite": "^7.3.1",
     "vitest": "^4.0.18"
   },