@humanspeak/svelte-virtual-list 0.2.6-beta.3 → 0.2.6-beta.4

package/dist/SvelteVirtualList.svelte

@@ -253,12 +253,9 @@
                 lastMeasuredIndex = result.newLastMeasuredIndex
                 heightCache = result.updatedHeightCache
 
-                // Update running totals for precise height calculation (only when significant changes)
-                if (result.clearedDirtyItems.size > 10) {
-                    const heights = Object.values(heightCache)
-                    totalMeasuredHeight = heights.reduce((sum, h) => sum + h, 0)
-                    measuredCount = heights.length
-                }
+                // Update running totals efficiently (O(1) instead of O(n)!)
+                totalMeasuredHeight = result.newTotalHeight
+                measuredCount = result.newValidCount
 
                 // Clear processed dirty items
                 result.clearedDirtyItems.forEach((index) => {
@@ -273,7 +270,9 @@
                 }
             },
             100, // debounceTime
-            dirtyItems // Pass dirty items for processing
+            dirtyItems, // Pass dirty items for processing
+            totalMeasuredHeight, // Current running total height
+            measuredCount // Current running total count
         )
     }
 

package/dist/utils/heightCalculation.d.ts

@@ -75,4 +75,6 @@ export declare const calculateAverageHeightDebounced: (isCalculatingHeight: bool
     newLastMeasuredIndex: number;
     updatedHeightCache: Record<number, number>;
     clearedDirtyItems: Set<number>;
-}) => void, debounceTime: number, dirtyItems: Set<number>) => NodeJS.Timeout | null;
+    newTotalHeight: number;
+    newValidCount: number;
+}) => void, debounceTime: number, dirtyItems: Set<number>, currentTotalHeight?: number, currentValidCount?: number) => NodeJS.Timeout | null;

package/dist/utils/heightCalculation.js

@@ -71,7 +71,7 @@ import { BROWSER } from 'esm-env';
  */
 export const calculateAverageHeightDebounced = (isCalculatingHeight, heightUpdateTimeout, visibleItemsGetter, itemElements, heightCache, lastMeasuredIndex, calculatedItemHeight, 
 /* trunk-ignore(eslint/no-unused-vars) */
-onUpdate, debounceTime, dirtyItems) => {
+onUpdate, debounceTime, dirtyItems, currentTotalHeight = 0, currentValidCount = 0) => {
     if (!BROWSER || isCalculatingHeight)
         return null;
     const visibleRange = visibleItemsGetter();
@@ -81,13 +81,15 @@ onUpdate, debounceTime, dirtyItems) => {
     if (heightUpdateTimeout)
         clearTimeout(heightUpdateTimeout);
     return setTimeout(() => {
-        const { newHeight, newLastMeasuredIndex, updatedHeightCache, clearedDirtyItems } = calculateAverageHeight(itemElements, visibleRange, heightCache, calculatedItemHeight, dirtyItems);
+        const { newHeight, newLastMeasuredIndex, updatedHeightCache, clearedDirtyItems, newTotalHeight, newValidCount } = calculateAverageHeight(itemElements, visibleRange, heightCache, calculatedItemHeight, dirtyItems, currentTotalHeight, currentValidCount);
         if (Math.abs(newHeight - calculatedItemHeight) > 1 || dirtyItems.size > 0) {
             onUpdate({
                 newHeight,
                 newLastMeasuredIndex,
                 updatedHeightCache,
-                clearedDirtyItems
+                clearedDirtyItems,
+                newTotalHeight,
+                newValidCount
             });
         }
     }, debounceTime);

package/dist/utils/virtualList.d.ts

@@ -86,11 +86,13 @@ export declare const updateHeightAndScroll: (state: VirtualListState, setters: V
  */
 export declare const calculateAverageHeight: (itemElements: HTMLElement[], visibleRange: {
     start: number;
-}, heightCache: Record<number, number>, currentItemHeight: number, dirtyItems: Set<number>) => {
+}, heightCache: Record<number, number>, currentItemHeight: number, dirtyItems: Set<number>, currentTotalHeight?: number, currentValidCount?: number) => {
     newHeight: number;
     newLastMeasuredIndex: number;
     updatedHeightCache: Record<number, number>;
     clearedDirtyItems: Set<number>;
+    newTotalHeight: number;
+    newValidCount: number;
 };
 /**
  * Processes large arrays in chunks to prevent UI blocking.

package/dist/utils/virtualList.js

@@ -158,28 +158,23 @@ export const updateHeightAndScroll = (state, setters, immediate = false) => {
  *   40
  * )
  */
-export const calculateAverageHeight = (itemElements, visibleRange, heightCache, currentItemHeight, dirtyItems) => {
+export const calculateAverageHeight = (itemElements, visibleRange, heightCache, currentItemHeight, dirtyItems, currentTotalHeight = 0, currentValidCount = 0) => {
     const validElements = itemElements.filter((el) => el);
     if (validElements.length === 0) {
         return {
             newHeight: currentItemHeight,
             newLastMeasuredIndex: visibleRange.start,
             updatedHeightCache: heightCache,
-            clearedDirtyItems: new Set()
+            clearedDirtyItems: new Set(),
+            newTotalHeight: currentTotalHeight,
+            newValidCount: currentValidCount
         };
     }
     const newHeightCache = { ...heightCache };
     const clearedDirtyItems = new Set();
-    // Initialize running totals for O(1) average calculation
-    let totalValidHeight = 0;
-    let validHeightCount = 0;
-    // Calculate initial totals from existing cache
-    for (const height of Object.values(heightCache)) {
-        if (Number.isFinite(height) && height > 0) {
-            totalValidHeight += height;
-            validHeightCount++;
-        }
-    }
+    // Start with current running totals (O(1) instead of O(n))
+    let totalValidHeight = currentTotalHeight;
+    let validHeightCount = currentValidCount;
     // Process only dirty items if they exist, otherwise process all visible items
     if (dirtyItems.size > 0) {
         // Process only dirty items
@@ -240,7 +235,9 @@ export const calculateAverageHeight = (itemElements, visibleRange, heightCache,
         newHeight: validHeightCount > 0 ? totalValidHeight / validHeightCount : currentItemHeight,
         newLastMeasuredIndex: visibleRange.start,
         updatedHeightCache: newHeightCache,
-        clearedDirtyItems
+        clearedDirtyItems,
+        newTotalHeight: totalValidHeight,
+        newValidCount: validHeightCount
     };
 };
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@humanspeak/svelte-virtual-list",
-    "version": "0.2.6-beta.3",
+    "version": "0.2.6-beta.4",
     "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",