virtua 0.33.5 → 0.33.6

package/lib/svelte/ListItem.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
+  import { afterUpdate, onDestroy } from "svelte";
   import { isRTLDocument, type ItemResizeObserver } from "./core";
-  import { effect, styleToString } from "./utils";
+  import { styleToString } from "./utils";
 
   export let index: number;
   export let offset: number;
@@ -10,11 +11,16 @@
 
   let elementRef: HTMLDivElement;
 
+  let cleanupResizer: (() => void) | undefined;
   // The index may be changed if elements are inserted to or removed from the start of props.children
   let prevIndex: number | undefined;
-  effect(() => {
+  afterUpdate(() => {
     if (prevIndex === index) return;
-    return resizer(elementRef, (prevIndex = index));
+    if (cleanupResizer) cleanupResizer();
+    cleanupResizer = resizer(elementRef, (prevIndex = index));
+  });
+  onDestroy(() => {
+    if (cleanupResizer) cleanupResizer();
   });
 
   let style: string;

package/lib/svelte/VList.svelte

@@ -25,7 +25,7 @@
     SCROLL_TO_INDEX,
   } from "./core";
   import {
-    effect,
+    onUpdate,
     type UnwrapCustomEvents,
     defaultGetKey,
     styleToString,
@@ -131,20 +131,20 @@
   });
 
   let prevLength = data.length;
-  effect(() => {
+  onUpdate(() => {
     if (prevLength === data.length) return;
     virtualizer[CHANGE_ITEM_LENGTH]((prevLength = data.length), shift);
   }, true);
 
   let prevJumpCount: number | undefined;
-  effect(() => {
+  onUpdate(() => {
     if (prevJumpCount === jumpCount) return;
     prevJumpCount = jumpCount;
     virtualizer[FIX_SCROLL_JUMP]();
   });
 
   let prevRange: typeof range | undefined;
-  effect(() => {
+  onUpdate(() => {
     if (prevRange && prevRange[0] === range[0] && prevRange[1] === range[1])
       return;
     prevRange = range;

package/lib/svelte/utils.d.ts

@@ -1,5 +1,5 @@
 // @ts-nocheck
-export declare const effect: (cb: () => (() => void) | void, before?: boolean) => void;
+export declare const onUpdate: (cb: () => void, before?: boolean) => void;
 export declare const styleToString: (obj: Record<string, string>) => string;
 export declare const defaultGetKey: (_data: unknown, i: number) => string;
 /**

package/lib/svelte/utils.js

@@ -1,14 +1,7 @@
-import { afterUpdate, beforeUpdate, onDestroy } from "svelte";
-export const effect = (cb, before) => {
-    let cleanup;
+import { afterUpdate, beforeUpdate } from "svelte";
+export const onUpdate = (cb, before) => {
     (before ? beforeUpdate : afterUpdate)(() => {
-        if (cleanup)
-            cleanup();
-        cleanup = cb();
-    });
-    onDestroy(() => {
-        if (cleanup)
-            cleanup();
+        cb();
     });
 };
 export const styleToString = (obj) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "virtua",
-  "version": "0.33.5",
+  "version": "0.33.6",
   "description": "A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.",
   "main": "lib/index.js",
   "module": "lib/index.mjs",