Merge pull request #91 from abdel-17/expose-range-extractor

feat: add `rangeExtractor` prop to `VirtualList`

Author: abdel-17

.changeset/crazy-wolves-spend.md

@@ -0,0 +1,5 @@
+---
+"svelte-file-tree": minor
+---
+
+feat: add `rangeExtractor` prop to `VirtualList`

packages/svelte-file-tree/src/lib/components/VirtualList.svelte

@@ -1,5 +1,6 @@
 <script lang="ts" module>
 	import {
+		defaultRangeExtractor,
 		elementScroll,
 		observeElementOffset,
 		observeElementRect,
@@ -36,6 +37,7 @@
 	let {
 		children,
 		estimateSize,
+		rangeExtractor = defaultRangeExtractor,
 		overscan = 1,
 		paddingStart,
 		paddingEnd,
@@ -63,6 +65,7 @@
 		getScrollElement: () => ref,
 		getItemKey: (order) => visibleItems[order]!.node.id,
 		estimateSize: (order) => estimateSize(visibleItems[order]!, order),
+		rangeExtractor: (range) => rangeExtractor(range),
 		onChange: (instance) => {
 			instance._willUpdate();
 			treeSize = instance.getTotalSize();

packages/svelte-file-tree/src/lib/components/types.ts

@@ -1,4 +1,4 @@
-import type { ScrollToOptions } from "@tanstack/virtual-core";
+import type { Range, ScrollToOptions } from "@tanstack/virtual-core";
 import type { Snippet } from "svelte";
 import type { HTMLAttributes } from "svelte/elements";
 import type { SvelteSet } from "svelte/reactivity";
@@ -132,6 +132,8 @@ export type VirtualListItem<
 	end: number;
 };
 
+export type VirtualListRange = Range;
+
 export type VirtualListChildrenSnippetArgs<
 	TFile extends FileNode = FileNode,
 	TFolder extends FolderNode<TFile | TFolder> = DefaultTFolder<TFile>,
@@ -146,6 +148,7 @@ export interface VirtualListProps<
 > extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
 	children: Snippet<[args: VirtualListChildrenSnippetArgs<TFile, TFolder>]>;
 	estimateSize: (item: TreeItemState<TFile, TFolder>, order: number) => number;
+	rangeExtractor?: (range: VirtualListRange) => Array<number>;
 	overscan?: number;
 	paddingStart?: number;
 	paddingEnd?: number;