react-anchorlist 0.1.0

package/dist/components/ChatVirtualList.d.ts

@@ -0,0 +1,6 @@
+import { ChatVirtualListHandle, ChatVirtualListProps } from '../types';
+import * as React from "react";
+export declare const ChatVirtualList: <T>(props: ChatVirtualListProps<T> & {
+    ref?: React.Ref<ChatVirtualListHandle>;
+}) => React.ReactElement;
+//# sourceMappingURL=ChatVirtualList.d.ts.map

package/dist/components/ChatVirtualList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatVirtualList.d.ts","sourceRoot":"","sources":["../../src/components/ChatVirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAe,MAAM,UAAU,CAAA;AA6FxF,eAAO,MAAM,eAAe,EAAuC,CAAC,CAAC,EACnE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAA;CAAE,KACxE,KAAK,CAAC,YAAY,CAAA"}

package/dist/components/VirtualItem.d.ts

@@ -0,0 +1,15 @@
+import { VirtualItem } from '../types';
+
+interface VirtualItemProps {
+    virtualItem: VirtualItem<unknown>;
+    measureItem: (key: string | number, size: number) => void;
+    children: React.ReactNode;
+}
+/**
+ * Wrapper for a single virtualized item.
+ * - Positioned with CSS transform (GPU compositor — no layout reflow)
+ * - ResizeObserver measures real height and reports back to the engine
+ */
+export declare function VirtualItemComponent({ virtualItem, measureItem, children, }: VirtualItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VirtualItem.d.ts.map

package/dist/components/VirtualItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualItem.d.ts","sourceRoot":"","sources":["../../src/components/VirtualItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,UAAU,gBAAgB;IACxB,WAAW,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE,gBAAgB,2CA6BlB"}

package/dist/components/VirtualList.d.ts

@@ -0,0 +1,5 @@
+import { VirtualListProps } from '../types';
+
+/** Simple virtualized list — no chat-specific features. Good for ticket lists, selects, etc. */
+export declare function VirtualList<T>({ data, itemContent, computeItemKey, estimatedItemSize, overscan, onEndReached, endReachedThreshold, components, className, style, }: VirtualListProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VirtualList.d.ts.map

package/dist/components/VirtualList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../src/components/VirtualList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAe,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE7D,gGAAgG;AAChG,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,IAAI,EACJ,WAAW,EACX,cAAc,EACd,iBAAsB,EACtB,QAAY,EACZ,YAAY,EACZ,mBAAyB,EACzB,UAAe,EACf,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAoDrB"}

package/dist/components/VirtualScroller.d.ts

@@ -0,0 +1,12 @@
+import type * as React from "react";
+interface VirtualScrollerProps {
+    scrollerRef: React.RefObject<HTMLDivElement>;
+    totalSize: number;
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** Scrollable container. Inner div has the virtual total height. */
+export declare function VirtualScroller({ scrollerRef, totalSize, children, className, style, }: VirtualScrollerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VirtualScroller.d.ts.map

package/dist/components/VirtualScroller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualScroller.d.ts","sourceRoot":"","sources":["../../src/components/VirtualScroller.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,oBAAoB;IAC5B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC5C,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,oEAAoE;AACpE,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,oBAAoB,2CAYtB"}

package/dist/core/binarySearch.d.ts

@@ -0,0 +1,5 @@
+/** O(log n) — finds index of first item whose top edge is >= scrollTop */
+export declare function findFirstVisibleIndex(offsets: number[], scrollTop: number): number;
+/** Linear scan from end — finds the last item whose top edge is within scrollBottom */
+export declare function findLastVisibleIndex(offsets: number[], _sizes: number[], scrollBottom: number): number;
+//# sourceMappingURL=binarySearch.d.ts.map

package/dist/core/binarySearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"binarySearch.d.ts","sourceRoot":"","sources":["../../src/core/binarySearch.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAWlF;AAED,uFAAuF;AACvF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EAAE,EACjB,MAAM,EAAE,MAAM,EAAE,EAChB,YAAY,EAAE,MAAM,GACnB,MAAM,CAMR"}

package/dist/core/itemSizeCache.d.ts

@@ -0,0 +1,18 @@
+import { OffsetMap } from './offsetMap';
+
+/**
+ * Persists measured item heights by key.
+ * Survives re-renders and item reordering — heights are re-applied whenever
+ * the OffsetMap is rebuilt.
+ */
+export declare class ItemSizeCache {
+    private cache;
+    get(key: string | number): number | undefined;
+    set(key: string | number, size: number): void;
+    has(key: string | number): boolean;
+    delete(key: string | number): void;
+    clear(): void;
+    /** Re-applies all cached sizes to the OffsetMap using a key→index map */
+    applyToOffsetMap(offsetMap: OffsetMap, keyToIndex: Map<string | number, number>): void;
+}
+//# sourceMappingURL=itemSizeCache.d.ts.map

package/dist/core/itemSizeCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"itemSizeCache.d.ts","sourceRoot":"","sources":["../../src/core/itemSizeCache.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C;;;;GAIG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,KAAK,CAA0C;IAEvD,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS;IAI7C,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAI7C,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO;IAIlC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAIlC,KAAK,IAAI,IAAI;IAIb,yEAAyE;IACzE,gBAAgB,CACd,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,GACvC,IAAI;CAQR"}

package/dist/core/offsetMap.d.ts

@@ -0,0 +1,19 @@
+export declare class OffsetMap {
+    private offsets;
+    private sizes;
+    private defaultSize;
+    constructor(count: number, defaultSize: number);
+    private _recalcFrom;
+    getOffset(index: number): number;
+    getSize(index: number): number;
+    /** Returns true if the value changed */
+    setSize(index: number, size: number): boolean;
+    prepend(count: number): void;
+    append(count: number): void;
+    resize(newCount: number): void;
+    totalSize(): number;
+    get count(): number;
+    getOffsets(): number[];
+    getSizes(): number[];
+}
+//# sourceMappingURL=offsetMap.d.ts.map

package/dist/core/offsetMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offsetMap.d.ts","sourceRoot":"","sources":["../../src/core/offsetMap.ts"],"names":[],"mappings":"AAAA,qBAAa,SAAS;IACpB,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,WAAW,CAAQ;gBAEf,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM;IAO9C,OAAO,CAAC,WAAW;IASnB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIhC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI9B,wCAAwC;IACxC,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO;IAO7C,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO5B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAS3B,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAU9B,SAAS,IAAI,MAAM;IAMnB,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,UAAU,IAAI,MAAM,EAAE;IAItB,QAAQ,IAAI,MAAM,EAAE;CAGrB"}

package/dist/core/rangeCalc.d.ts

@@ -0,0 +1,12 @@
+export interface RenderRange {
+    start: number;
+    end: number;
+}
+/** Applies overscan buffer to the visible range, clamped to [0, itemCount-1] */
+export declare function calcRenderRange(params: {
+    firstVisible: number;
+    lastVisible: number;
+    itemCount: number;
+    overscan: number;
+}): RenderRange;
+//# sourceMappingURL=rangeCalc.d.ts.map

package/dist/core/rangeCalc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeCalc.d.ts","sourceRoot":"","sources":["../../src/core/rangeCalc.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,gFAAgF;AAChF,wBAAgB,eAAe,CAAC,MAAM,EAAE;IACtC,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB,GAAG,WAAW,CAOd"}

package/dist/hooks/useAtBottom.d.ts

@@ -0,0 +1,3 @@
+/** Returns true when the scroll container is within `threshold` px of the bottom */
+export declare function useAtBottom(scrollerRef: React.RefObject<HTMLDivElement>, threshold: number): boolean;
+//# sourceMappingURL=useAtBottom.d.ts.map

package/dist/hooks/useAtBottom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAtBottom.d.ts","sourceRoot":"","sources":["../../src/hooks/useAtBottom.ts"],"names":[],"mappings":"AAEA,oFAAoF;AACpF,wBAAgB,WAAW,CACzB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC5C,SAAS,EAAE,MAAM,GAChB,OAAO,CA4BT"}

package/dist/hooks/useChatVirtualizer.d.ts

@@ -0,0 +1,23 @@
+import { UseChatVirtualizerReturn } from '../types';
+
+/**
+ * Composites all virtual engine hooks into a single chat-optimized hook.
+ * Handles: virtualization, scroll anchor (no-flicker prepend), stick-to-bottom,
+ * start/end reached callbacks, and programmatic scroll-to-key.
+ */
+export declare function useChatVirtualizer<T>(options: {
+    items: T[];
+    getKey: (item: T, index: number) => string | number;
+    estimatedItemSize?: number;
+    overscan?: number;
+    atBottomThreshold?: number;
+    followOutput?: "auto" | "smooth" | false;
+    initialAlignment?: "top" | "bottom";
+    onStartReached?: () => void | Promise<void>;
+    onEndReached?: () => void | Promise<void>;
+    startReachedThreshold?: number;
+    endReachedThreshold?: number;
+    scrollToMessageKey?: string | number | null;
+    onScrollToMessageComplete?: () => void;
+}): UseChatVirtualizerReturn<T>;
+//# sourceMappingURL=useChatVirtualizer.d.ts.map

package/dist/hooks/useChatVirtualizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatVirtualizer.d.ts","sourceRoot":"","sources":["../../src/hooks/useChatVirtualizer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAE3E;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE;IAC7C,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;IACxC,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3C,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAA;CACvC,GAAG,wBAAwB,CAAC,CAAC,CAAC,CA6G9B"}

package/dist/hooks/useFollowOutput.d.ts

@@ -0,0 +1,14 @@
+import { ScrollToIndexOpts } from '../types';
+
+/**
+ * Automatically scrolls to the last item when new items are appended
+ * and the user is already at the bottom.
+ * Uses useLayoutEffect to run before paint — zero visual lag.
+ */
+export declare function useFollowOutput(params: {
+    itemCount: number;
+    isAtBottom: boolean;
+    scrollToIndex: (index: number, opts?: ScrollToIndexOpts) => void;
+    mode: "auto" | "smooth" | false;
+}): void;
+//# sourceMappingURL=useFollowOutput.d.ts.map

package/dist/hooks/useFollowOutput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFollowOutput.d.ts","sourceRoot":"","sources":["../../src/hooks/useFollowOutput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAChE,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;CAChC,GAAG,IAAI,CAcP"}

package/dist/hooks/usePagination.d.ts

@@ -0,0 +1,9 @@
+import { UsePaginationOptions, UsePaginationReturn } from '../types';
+
+/**
+ * Manages paginated data with deduplication.
+ * Supports append, prepend, and bidirectional loading.
+ * Compatible with any fetcher (SWR, TanStack, raw fetch, etc.).
+ */
+export declare function usePagination<T>(options: UsePaginationOptions<T>): UsePaginationReturn<T>;
+//# sourceMappingURL=usePagination.d.ts.map

package/dist/hooks/usePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAEzE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAsIzF"}

package/dist/hooks/useScrollAnchor.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Prevents scroll jump when items are prepended.
+ * Call prepareAnchor() BEFORE adding items to the top.
+ * useLayoutEffect adjusts scrollTop synchronously before the browser paints.
+ */
+export declare function useScrollAnchor(scrollerRef: React.RefObject<HTMLDivElement>, itemCount: number): {
+    prepareAnchor: () => void;
+};
+//# sourceMappingURL=useScrollAnchor.d.ts.map

package/dist/hooks/useScrollAnchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollAnchor.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollAnchor.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC5C,SAAS,EAAE,MAAM,GAChB;IAAE,aAAa,EAAE,MAAM,IAAI,CAAA;CAAE,CA0B/B"}

package/dist/hooks/useScrollToIndex.d.ts

@@ -0,0 +1,6 @@
+import { OffsetMap } from '../core/offsetMap';
+import { ScrollToIndexOpts } from '../types';
+
+/** Programmatic scroll to a given item index with alignment support */
+export declare function useScrollToIndex(scrollerRef: React.RefObject<HTMLDivElement>, offsetMapRef: React.MutableRefObject<OffsetMap | null>): (index: number, opts?: ScrollToIndexOpts) => void;
+//# sourceMappingURL=useScrollToIndex.d.ts.map

package/dist/hooks/useScrollToIndex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToIndex.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollToIndex.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,uEAAuE;AACvE,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,GACrD,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,IAAI,CA2BnD"}

package/dist/hooks/useVirtualEngine.d.ts

@@ -0,0 +1,10 @@
+import { UseVirtualEngineReturn } from '../types';
+
+export declare function useVirtualEngine<T>(options: {
+    items: T[];
+    getKey: (item: T, index: number) => string | number;
+    estimatedItemSize: number;
+    overscan: number;
+    initialAlignment: "top" | "bottom";
+}): UseVirtualEngineReturn<T>;
+//# sourceMappingURL=useVirtualEngine.d.ts.map

package/dist/hooks/useVirtualEngine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualEngine.d.ts","sourceRoot":"","sources":["../../src/hooks/useVirtualEngine.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,UAAU,CAAA;AA6BnE,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE;IAC3C,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACnD,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,KAAK,GAAG,QAAQ,CAAA;CACnC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CA2K5B"}

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react/jsx-runtime"),l=require("react");function _(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const D=_(l);class q{constructor(e,t){this.defaultSize=t,this.sizes=e>0?Array(e).fill(t):[],this.offsets=e>0?Array(e).fill(0):[],e>0&&this._recalcFrom(0)}_recalcFrom(e){for(let t=e;t<this.sizes.length;t++)this.offsets[t]=t===0?0:(this.offsets[t-1]??0)+(this.sizes[t-1]??this.defaultSize)}getOffset(e){return this.offsets[e]??0}getSize(e){return this.sizes[e]??this.defaultSize}setSize(e,t){return this.sizes[e]===t?!1:(this.sizes[e]=t,this._recalcFrom(e+1),!0)}prepend(e){const t=Array(e).fill(this.defaultSize);this.sizes=[...t,...this.sizes],this.offsets=Array(this.sizes.length).fill(0),this._recalcFrom(0)}append(e){const t=this.sizes.length;for(let r=0;r<e;r++)this.sizes.push(this.defaultSize),this.offsets.push(0);this._recalcFrom(t)}resize(e){const t=this.sizes.length;e>t?this.append(e-t):e<t&&(this.sizes=this.sizes.slice(0,e),this.offsets=this.offsets.slice(0,e))}totalSize(){if(this.sizes.length===0)return 0;const e=this.sizes.length-1;return(this.offsets[e]??0)+(this.sizes[e]??this.defaultSize)}get count(){return this.sizes.length}getOffsets(){return this.offsets}getSizes(){return this.sizes}}class G{constructor(){this.cache=new Map}get(e){return this.cache.get(e)}set(e,t){this.cache.set(e,t)}has(e){return this.cache.has(e)}delete(e){this.cache.delete(e)}clear(){this.cache.clear()}applyToOffsetMap(e,t){for(const[r,i]of this.cache){const a=t.get(r);a!==void 0&&e.setSize(a,i)}}}function U(s,e){if(s.length===0)return 0;let t=0,r=s.length-1;for(;t<r;){const i=t+r>>1;(s[i]??0)<e?t=i+1:r=i}return Math.max(0,t>0&&(s[t]??0)>e?t-1:t)}function Z(s,e,t){if(s.length===0)return 0;for(let r=s.length-1;r>=0;r--)if((s[r]??0)<t)return r;return 0}function Y(s){const{firstVisible:e,lastVisible:t,itemCount:r,overscan:i}=s;return r===0?{start:0,end:-1}:{start:Math.max(0,e-i),end:Math.min(r-1,t+i)}}function $(s,e){return l.useCallback((t,r)=>{const i=s.current,a=e.current;if(!i||!a)return;const c=a.getOffset(t),d=a.getSize(t),S=(r==null?void 0:r.align)??"start",y=(r==null?void 0:r.behavior)??"auto",v=(r==null?void 0:r.offset)??0;let T;S==="start"?T=c+v:S==="center"?T=c-i.clientHeight/2+d/2+v:T=c-i.clientHeight+d+v,i.scrollTo({top:Math.max(0,T),behavior:y})},[s,e])}function J(s,e){switch(e.type){case"SCROLL":return{...s,scrollTop:e.scrollTop,totalSize:e.totalSize,renderRange:e.renderRange};case"RESIZE_CONTAINER":return{...s,containerHeight:e.height,totalSize:e.totalSize,renderRange:e.renderRange};case"MEASURE":return{...s,totalSize:e.totalSize};case"ITEMS_CHANGED":return{...s,renderRange:e.renderRange,totalSize:e.totalSize}}}function F(s){const{items:e,getKey:t,estimatedItemSize:r,overscan:i,initialAlignment:a}=s,c=l.useRef(null),d=l.useRef(null),S=l.useRef(new G),y=l.useRef([]),v=l.useRef(!1),T=l.useRef(i);T.current=i,d.current||(d.current=new q(e.length,r));const z=l.useCallback((o,m)=>{const n=d.current;if(!n||n.count===0)return{start:0,end:-1};const u=n.getOffsets(),h=n.getSizes(),x=U(u,o),P=Z(u,h,o+m);return Y({firstVisible:x,lastVisible:P,itemCount:n.count,overscan:T.current})},[]),[b,f]=l.useReducer(J,{renderRange:{start:0,end:Math.min(e.length-1,i*2)},scrollTop:0,containerHeight:0,totalSize:d.current.totalSize()});l.useEffect(()=>{const o=d.current,m=e.map((k,L)=>t(k,L)),n=y.current,u=n.length,h=m.length;h===0?o.resize(0):u===0?o.resize(h):h>u?n.length>0&&m[h-u]===n[0]?o.prepend(h-u):o.resize(h):h<u&&o.resize(h);const x=new Map;m.forEach((k,L)=>x.set(k,L)),S.current.applyToOffsetMap(o,x),y.current=m;const P=c.current,H=(P==null?void 0:P.scrollTop)??0,M=(P==null?void 0:P.clientHeight)??0,B=z(H,M);f({type:"ITEMS_CHANGED",renderRange:B,totalSize:o.totalSize()})},[e,t,z]),l.useEffect(()=>{const o=c.current;if(!o)return;const m=()=>{const n=d.current,u=o.scrollTop,h=o.clientHeight,x=z(u,h);f({type:"SCROLL",scrollTop:u,totalSize:n.totalSize(),renderRange:x})};return o.addEventListener("scroll",m,{passive:!0}),()=>o.removeEventListener("scroll",m)},[z]),l.useEffect(()=>{const o=c.current;if(!o)return;const m=new ResizeObserver(([n])=>{if(!n)return;const u=n.contentRect.height,h=d.current,x=o.scrollTop,P=z(x,u);f({type:"RESIZE_CONTAINER",height:u,totalSize:h.totalSize(),renderRange:P})});return m.observe(o),()=>m.disconnect()},[z]),l.useEffect(()=>{if(v.current||e.length===0)return;const o=c.current;o&&(a==="bottom"&&(o.scrollTop=o.scrollHeight),v.current=!0)},[a,e.length]);const w=l.useCallback((o,m)=>{const n=d.current;if(!n)return;S.current.set(o,m);const u=y.current.indexOf(o);if(u===-1)return;n.setSize(u,m)&&f({type:"MEASURE",totalSize:n.totalSize()})},[]),O=l.useCallback((o,m="auto")=>{var n;(n=c.current)==null||n.scrollTo({top:o,behavior:m})},[]),p=$(c,d),R=d.current,{start:I,end:E}=b.renderRange,j=[];if(R&&E>=I)for(let o=I;o<=E&&o<e.length;o++)j.push({key:y.current[o]??t(e[o],o),index:o,start:R.getOffset(o),size:R.getSize(o),data:e[o]});const g=c.current,C=g?g.scrollHeight-g.scrollTop-g.clientHeight:1/0;return{scrollerRef:c,virtualItems:j,totalSize:b.totalSize,measureItem:w,scrollToIndex:p,scrollToOffset:O,isAtTop:b.scrollTop<=0,isAtBottom:C<=0,scrollTop:b.scrollTop}}function Q(s,e){const t=l.useRef(0),r=l.useRef(0),i=l.useRef(!1),a=l.useCallback(()=>{const c=s.current;c&&(t.current=c.scrollTop,r.current=c.scrollHeight,i.current=!0)},[s]);return l.useLayoutEffect(()=>{if(!i.current)return;const c=s.current;if(!c)return;const d=c.scrollHeight-r.current;d>0&&(c.scrollTop=t.current+d),i.current=!1},[e,s]),{prepareAnchor:a}}function W(s,e){const[t,r]=l.useState(!0),i=l.useRef(null);return l.useEffect(()=>{const a=s.current;if(!a)return;const c=()=>{const S=a.scrollHeight-a.scrollTop-a.clientHeight;r(S<=e)},d=()=>{i.current!==null&&cancelAnimationFrame(i.current),i.current=requestAnimationFrame(c)};return a.addEventListener("scroll",d,{passive:!0}),c(),()=>{a.removeEventListener("scroll",d),i.current!==null&&cancelAnimationFrame(i.current)}},[s,e]),t}function X(s){const{itemCount:e,isAtBottom:t,scrollToIndex:r,mode:i}=s,a=l.useRef(e);l.useLayoutEffect(()=>{i&&(e>a.current&&t&&e>0&&r(e-1,{align:"end",behavior:i==="smooth"?"smooth":"auto"}),a.current=e)},[e,t,r,i])}function K(s){const{items:e,getKey:t,estimatedItemSize:r=80,overscan:i=5,atBottomThreshold:a=200,followOutput:c="auto",initialAlignment:d="bottom",onStartReached:S,onEndReached:y,startReachedThreshold:v=300,endReachedThreshold:T=300,scrollToMessageKey:z,onScrollToMessageComplete:b}=s,f=F({items:e,getKey:t,estimatedItemSize:r,overscan:i,initialAlignment:d}),w=W(f.scrollerRef,a),{prepareAnchor:O}=Q(f.scrollerRef,e.length);X({itemCount:e.length,isAtBottom:w,scrollToIndex:f.scrollToIndex,mode:c??!1});const p=l.useRef(!1);l.useEffect(()=>{const g=f.scrollerRef.current;if(!g||!S)return;const C=()=>{g.scrollTop<=v&&!p.current&&(p.current=!0,Promise.resolve(S()).finally(()=>{p.current=!1}))};return g.addEventListener("scroll",C,{passive:!0}),()=>g.removeEventListener("scroll",C)},[f.scrollerRef,S,v]);const R=l.useRef(!1);l.useEffect(()=>{const g=f.scrollerRef.current;if(!g||!y)return;const C=()=>{g.scrollHeight-g.scrollTop-g.clientHeight<=T&&!R.current&&(R.current=!0,Promise.resolve(y()).finally(()=>{R.current=!1}))};return g.addEventListener("scroll",C,{passive:!0}),()=>g.removeEventListener("scroll",C)},[f.scrollerRef,y,T]);const I=l.useRef(null);l.useEffect(()=>{if(!z||I.current===z)return;const g=e.findIndex((C,o)=>t(C,o)===z);g!==-1&&(I.current=z,f.scrollToIndex(g,{align:"center",behavior:"smooth"}),b==null||b())},[z,e,t,f,b]);const E=l.useCallback((g="auto")=>{e.length!==0&&f.scrollToIndex(e.length-1,{align:"end",behavior:g})},[e.length,f]),j=l.useCallback((g,C)=>{const o=e.findIndex((m,n)=>t(m,n)===g);o!==-1&&f.scrollToIndex(o,C)},[e,t,f]);return{scrollerRef:f.scrollerRef,virtualItems:f.virtualItems,totalSize:f.totalSize,measureItem:f.measureItem,scrollToIndex:f.scrollToIndex,scrollToBottom:E,scrollToKey:j,isAtBottom:w,prepareAnchor:O}}function N({scrollerRef:s,totalSize:e,children:t,className:r,style:i}){return A.jsx("div",{ref:s,className:r,style:{overflow:"auto",height:"100%",position:"relative",...i},children:A.jsx("div",{style:{height:e,position:"relative",width:"100%"},children:t})})}function V({virtualItem:s,measureItem:e,children:t}){const r=l.useRef(null);return l.useEffect(()=>{const i=r.current;if(!i)return;const a=new ResizeObserver(([c])=>{c&&e(s.key,c.contentRect.height)});return a.observe(i),()=>a.disconnect()},[s.key,e]),A.jsx("div",{ref:r,style:{position:"absolute",top:0,transform:`translateY(${s.start}px)`,width:"100%",minHeight:s.size},children:t})}function ee(s,e){const{data:t,itemContent:r,computeItemKey:i,estimatedItemSize:a=80,overscan:c=5,followOutput:d="auto",atBottomThreshold:S=200,initialAlignment:y="bottom",onStartReached:v,onEndReached:T,startReachedThreshold:z=300,endReachedThreshold:b=300,scrollToMessageKey:f,onScrollToMessageComplete:w,components:O={},className:p,style:R}=s,{scrollerRef:I,virtualItems:E,totalSize:j,measureItem:g,scrollToIndex:C,scrollToBottom:o,scrollToKey:m,isAtBottom:n,prepareAnchor:u}=K({items:t,getKey:(H,M)=>i(M,H),estimatedItemSize:a,overscan:c,atBottomThreshold:S,followOutput:d,initialAlignment:y,onStartReached:v,onEndReached:T,startReachedThreshold:z,endReachedThreshold:b,scrollToMessageKey:f,onScrollToMessageComplete:w});l.useImperativeHandle(e,()=>({scrollToBottom:o,scrollToIndex:C,scrollToKey:m,getScrollTop:()=>{var H;return((H=I.current)==null?void 0:H.scrollTop)??0},isAtBottom:()=>n,prepareAnchor:u}),[o,C,m,I,n,u]);const{Header:h,Footer:x,EmptyPlaceholder:P}=O;return t.length===0&&P?A.jsx(P,{}):A.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[h&&A.jsx(h,{}),A.jsx(N,{scrollerRef:I,totalSize:j,className:p,style:{flex:1,minHeight:0,...R},children:E.map(H=>A.jsx(V,{virtualItem:H,measureItem:g,children:r(H.index,H.data)},H.key))}),x&&A.jsx(x,{})]})}const te=l.forwardRef(ee);function re({data:s,itemContent:e,computeItemKey:t,estimatedItemSize:r=80,overscan:i=5,onEndReached:a,endReachedThreshold:c=300,components:d={},className:S,style:y}){const{scrollerRef:v,virtualItems:T,totalSize:z,measureItem:b}=F({items:s,getKey:(p,R)=>t(R,p),estimatedItemSize:r,overscan:i,initialAlignment:"top"});D.useEffect(()=>{const p=v.current;if(!p||!a)return;let R=!1;const I=()=>{p.scrollHeight-p.scrollTop-p.clientHeight<=c&&!R&&(R=!0,Promise.resolve(a()).finally(()=>{R=!1}))};return p.addEventListener("scroll",I,{passive:!0}),()=>p.removeEventListener("scroll",I)},[v,a,c]);const{Header:f,Footer:w,EmptyPlaceholder:O}=d;return s.length===0&&O?A.jsx(O,{}):A.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[f&&A.jsx(f,{}),A.jsx(N,{scrollerRef:v,totalSize:z,className:S,style:{flex:1,minHeight:0,...y},children:T.map(p=>A.jsx(V,{virtualItem:p,measureItem:b,children:e(p.index,p.data)},p.key))}),w&&A.jsx(w,{})]})}function se(s){const{fetcher:e,initialPage:t=1,direction:r="append",getKey:i,onPageLoaded:a,onError:c}=s,[d,S]=l.useState([]),[y,v]=l.useState(t),[T,z]=l.useState(!0),[b,f]=l.useState(!1),[w,O]=l.useState(!1),[p,R]=l.useState(!1),I=l.useRef(new Set),E=l.useRef(!1),j=l.useCallback(n=>i?n.filter(u=>{const h=i(u);return I.current.has(h)?!1:(I.current.add(h),!0)}):n,[i]),g=l.useCallback(async()=>{if(!(E.current||!T)){E.current=!0,R(!0);try{const n=y+1,u=await e(n),h=j(u.data);S(x=>r==="prepend"?[...h,...x]:[...x,...h]),v(n),z(u.hasNextPage),f(u.hasPrevPage),a==null||a(n,h)}catch(n){c==null||c(n instanceof Error?n:new Error(String(n)))}finally{R(!1),E.current=!1}}},[y,T,e,j,r,a,c]),C=l.useCallback(async()=>{if(!(E.current||!b)){E.current=!0,R(!0);try{const n=y-1,u=await e(n),h=j(u.data);S(x=>[...h,...x]),v(n),f(u.hasPrevPage),z(u.hasNextPage),a==null||a(n,h)}catch(n){c==null||c(n instanceof Error?n:new Error(String(n)))}finally{R(!1),E.current=!1}}},[y,b,e,j,a,c]),o=l.useCallback(async()=>{if(!E.current){E.current=!0,O(!0);try{const n=await e(t),u=n.data;if(i){const h=new Set(u.map(i));u.forEach(x=>I.current.add(i(x))),S(x=>{const P=x.filter(H=>!h.has(i(H)));return r==="prepend"?[...u,...P]:[...P,...u]})}else S(u);v(t),z(n.hasNextPage),f(n.hasPrevPage),a==null||a(t,u)}catch(n){c==null||c(n instanceof Error?n:new Error(String(n)))}finally{O(!1),E.current=!1}}},[e,t,i,r,a,c]),m=l.useCallback(()=>{S([]),v(t),z(!0),f(!1),O(!1),R(!1),I.current.clear(),E.current=!1},[t]);return{items:d,loadNextPage:g,loadPrevPage:C,hasNextPage:T,hasPrevPage:b,loading:w,loadingMore:p,refresh:o,reset:m,currentPage:y}}exports.ChatVirtualList=te;exports.VirtualList=re;exports.useChatVirtualizer=K;exports.usePagination=se;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { ChatVirtualList } from './components/ChatVirtualList';
+export { VirtualList } from './components/VirtualList';
+export { useChatVirtualizer } from './hooks/useChatVirtualizer';
+export { usePagination } from './hooks/usePagination';
+export type { ChatVirtualListProps, ChatVirtualListHandle, VirtualListProps, VirtualItem, ScrollToIndexOpts, VirtualListComponents, UsePaginationOptions, UsePaginationReturn, UseChatVirtualizerReturn, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,SAAS,CAAA"}

package/dist/index.js

@@ -0,0 +1,592 @@
+import { jsx as b, jsxs as _ } from "react/jsx-runtime";
+import * as Z from "react";
+import { useCallback as C, useRef as A, useReducer as q, useEffect as K, useLayoutEffect as k, useState as L, forwardRef as Y, useImperativeHandle as $ } from "react";
+class J {
+  constructor(e, t) {
+    this.defaultSize = t, this.sizes = e > 0 ? Array(e).fill(t) : [], this.offsets = e > 0 ? Array(e).fill(0) : [], e > 0 && this._recalcFrom(0);
+  }
+  _recalcFrom(e) {
+    for (let t = e; t < this.sizes.length; t++)
+      this.offsets[t] = t === 0 ? 0 : (this.offsets[t - 1] ?? 0) + (this.sizes[t - 1] ?? this.defaultSize);
+  }
+  getOffset(e) {
+    return this.offsets[e] ?? 0;
+  }
+  getSize(e) {
+    return this.sizes[e] ?? this.defaultSize;
+  }
+  /** Returns true if the value changed */
+  setSize(e, t) {
+    return this.sizes[e] === t ? !1 : (this.sizes[e] = t, this._recalcFrom(e + 1), !0);
+  }
+  prepend(e) {
+    const t = Array(e).fill(this.defaultSize);
+    this.sizes = [...t, ...this.sizes], this.offsets = Array(this.sizes.length).fill(0), this._recalcFrom(0);
+  }
+  append(e) {
+    const t = this.sizes.length;
+    for (let n = 0; n < e; n++)
+      this.sizes.push(this.defaultSize), this.offsets.push(0);
+    this._recalcFrom(t);
+  }
+  resize(e) {
+    const t = this.sizes.length;
+    e > t ? this.append(e - t) : e < t && (this.sizes = this.sizes.slice(0, e), this.offsets = this.offsets.slice(0, e));
+  }
+  totalSize() {
+    if (this.sizes.length === 0) return 0;
+    const e = this.sizes.length - 1;
+    return (this.offsets[e] ?? 0) + (this.sizes[e] ?? this.defaultSize);
+  }
+  get count() {
+    return this.sizes.length;
+  }
+  getOffsets() {
+    return this.offsets;
+  }
+  getSizes() {
+    return this.sizes;
+  }
+}
+class Q {
+  constructor() {
+    this.cache = /* @__PURE__ */ new Map();
+  }
+  get(e) {
+    return this.cache.get(e);
+  }
+  set(e, t) {
+    this.cache.set(e, t);
+  }
+  has(e) {
+    return this.cache.has(e);
+  }
+  delete(e) {
+    this.cache.delete(e);
+  }
+  clear() {
+    this.cache.clear();
+  }
+  /** Re-applies all cached sizes to the OffsetMap using a key→index map */
+  applyToOffsetMap(e, t) {
+    for (const [n, s] of this.cache) {
+      const c = t.get(n);
+      c !== void 0 && e.setSize(c, s);
+    }
+  }
+}
+function W(o, e) {
+  if (o.length === 0) return 0;
+  let t = 0, n = o.length - 1;
+  for (; t < n; ) {
+    const s = t + n >> 1;
+    (o[s] ?? 0) < e ? t = s + 1 : n = s;
+  }
+  return Math.max(0, t > 0 && (o[t] ?? 0) > e ? t - 1 : t);
+}
+function X(o, e, t) {
+  if (o.length === 0) return 0;
+  for (let n = o.length - 1; n >= 0; n--)
+    if ((o[n] ?? 0) < t) return n;
+  return 0;
+}
+function ee(o) {
+  const { firstVisible: e, lastVisible: t, itemCount: n, overscan: s } = o;
+  return n === 0 ? { start: 0, end: -1 } : {
+    start: Math.max(0, e - s),
+    end: Math.min(n - 1, t + s)
+  };
+}
+function te(o, e) {
+  return C(
+    (t, n) => {
+      const s = o.current, c = e.current;
+      if (!s || !c) return;
+      const l = c.getOffset(t), h = c.getSize(t), p = (n == null ? void 0 : n.align) ?? "start", v = (n == null ? void 0 : n.behavior) ?? "auto", y = (n == null ? void 0 : n.offset) ?? 0;
+      let R;
+      p === "start" ? R = l + y : p === "center" ? R = l - s.clientHeight / 2 + h / 2 + y : R = l - s.clientHeight + h + y, s.scrollTo({ top: Math.max(0, R), behavior: v });
+    },
+    [o, e]
+  );
+}
+function re(o, e) {
+  switch (e.type) {
+    case "SCROLL":
+      return { ...o, scrollTop: e.scrollTop, totalSize: e.totalSize, renderRange: e.renderRange };
+    case "RESIZE_CONTAINER":
+      return { ...o, containerHeight: e.height, totalSize: e.totalSize, renderRange: e.renderRange };
+    case "MEASURE":
+      return { ...o, totalSize: e.totalSize };
+    case "ITEMS_CHANGED":
+      return { ...o, renderRange: e.renderRange, totalSize: e.totalSize };
+  }
+}
+function D(o) {
+  const { items: e, getKey: t, estimatedItemSize: n, overscan: s, initialAlignment: c } = o, l = A(null), h = A(null), p = A(new Q()), v = A([]), y = A(!1), R = A(s);
+  R.current = s, h.current || (h.current = new J(e.length, n));
+  const z = C((i, g) => {
+    const r = h.current;
+    if (!r || r.count === 0) return { start: 0, end: -1 };
+    const a = r.getOffsets(), f = r.getSizes(), T = W(a, i), P = X(a, f, i + g);
+    return ee({
+      firstVisible: T,
+      lastVisible: P,
+      itemCount: r.count,
+      overscan: R.current
+    });
+  }, []), [I, u] = q(re, {
+    renderRange: { start: 0, end: Math.min(e.length - 1, s * 2) },
+    scrollTop: 0,
+    containerHeight: 0,
+    totalSize: h.current.totalSize()
+  });
+  K(() => {
+    const i = h.current, g = e.map((N, V) => t(N, V)), r = v.current, a = r.length, f = g.length;
+    f === 0 ? i.resize(0) : a === 0 ? i.resize(f) : f > a ? r.length > 0 && g[f - a] === r[0] ? i.prepend(f - a) : i.resize(f) : f < a && i.resize(f);
+    const T = /* @__PURE__ */ new Map();
+    g.forEach((N, V) => T.set(N, V)), p.current.applyToOffsetMap(i, T), v.current = g;
+    const P = l.current, w = (P == null ? void 0 : P.scrollTop) ?? 0, B = (P == null ? void 0 : P.clientHeight) ?? 0, U = z(w, B);
+    u({ type: "ITEMS_CHANGED", renderRange: U, totalSize: i.totalSize() });
+  }, [e, t, z]), K(() => {
+    const i = l.current;
+    if (!i) return;
+    const g = () => {
+      const r = h.current, a = i.scrollTop, f = i.clientHeight, T = z(a, f);
+      u({ type: "SCROLL", scrollTop: a, totalSize: r.totalSize(), renderRange: T });
+    };
+    return i.addEventListener("scroll", g, { passive: !0 }), () => i.removeEventListener("scroll", g);
+  }, [z]), K(() => {
+    const i = l.current;
+    if (!i) return;
+    const g = new ResizeObserver(([r]) => {
+      if (!r) return;
+      const a = r.contentRect.height, f = h.current, T = i.scrollTop, P = z(T, a);
+      u({ type: "RESIZE_CONTAINER", height: a, totalSize: f.totalSize(), renderRange: P });
+    });
+    return g.observe(i), () => g.disconnect();
+  }, [z]), K(() => {
+    if (y.current || e.length === 0) return;
+    const i = l.current;
+    i && (c === "bottom" && (i.scrollTop = i.scrollHeight), y.current = !0);
+  }, [c, e.length]);
+  const M = C((i, g) => {
+    const r = h.current;
+    if (!r) return;
+    p.current.set(i, g);
+    const a = v.current.indexOf(i);
+    if (a === -1) return;
+    r.setSize(a, g) && u({ type: "MEASURE", totalSize: r.totalSize() });
+  }, []), O = C(
+    (i, g = "auto") => {
+      var r;
+      (r = l.current) == null || r.scrollTo({ top: i, behavior: g });
+    },
+    []
+  ), m = te(l, h), S = h.current, { start: E, end: x } = I.renderRange, F = [];
+  if (S && x >= E)
+    for (let i = E; i <= x && i < e.length; i++)
+      F.push({
+        key: v.current[i] ?? t(e[i], i),
+        index: i,
+        start: S.getOffset(i),
+        size: S.getSize(i),
+        data: e[i]
+      });
+  const d = l.current, H = d ? d.scrollHeight - d.scrollTop - d.clientHeight : 1 / 0;
+  return {
+    scrollerRef: l,
+    virtualItems: F,
+    totalSize: I.totalSize,
+    measureItem: M,
+    scrollToIndex: m,
+    scrollToOffset: O,
+    isAtTop: I.scrollTop <= 0,
+    isAtBottom: H <= 0,
+    scrollTop: I.scrollTop
+  };
+}
+function ne(o, e) {
+  const t = A(0), n = A(0), s = A(!1), c = C(() => {
+    const l = o.current;
+    l && (t.current = l.scrollTop, n.current = l.scrollHeight, s.current = !0);
+  }, [o]);
+  return k(() => {
+    if (!s.current) return;
+    const l = o.current;
+    if (!l) return;
+    const h = l.scrollHeight - n.current;
+    h > 0 && (l.scrollTop = t.current + h), s.current = !1;
+  }, [e, o]), { prepareAnchor: c };
+}
+function se(o, e) {
+  const [t, n] = L(!0), s = A(null);
+  return K(() => {
+    const c = o.current;
+    if (!c) return;
+    const l = () => {
+      const p = c.scrollHeight - c.scrollTop - c.clientHeight;
+      n(p <= e);
+    }, h = () => {
+      s.current !== null && cancelAnimationFrame(s.current), s.current = requestAnimationFrame(l);
+    };
+    return c.addEventListener("scroll", h, { passive: !0 }), l(), () => {
+      c.removeEventListener("scroll", h), s.current !== null && cancelAnimationFrame(s.current);
+    };
+  }, [o, e]), t;
+}
+function ie(o) {
+  const { itemCount: e, isAtBottom: t, scrollToIndex: n, mode: s } = o, c = A(e);
+  k(() => {
+    s && (e > c.current && t && e > 0 && n(e - 1, {
+      align: "end",
+      behavior: s === "smooth" ? "smooth" : "auto"
+    }), c.current = e);
+  }, [e, t, n, s]);
+}
+function oe(o) {
+  const {
+    items: e,
+    getKey: t,
+    estimatedItemSize: n = 80,
+    overscan: s = 5,
+    atBottomThreshold: c = 200,
+    followOutput: l = "auto",
+    initialAlignment: h = "bottom",
+    onStartReached: p,
+    onEndReached: v,
+    startReachedThreshold: y = 300,
+    endReachedThreshold: R = 300,
+    scrollToMessageKey: z,
+    onScrollToMessageComplete: I
+  } = o, u = D({
+    items: e,
+    getKey: t,
+    estimatedItemSize: n,
+    overscan: s,
+    initialAlignment: h
+  }), M = se(u.scrollerRef, c), { prepareAnchor: O } = ne(u.scrollerRef, e.length);
+  ie({
+    itemCount: e.length,
+    isAtBottom: M,
+    scrollToIndex: u.scrollToIndex,
+    mode: l ?? !1
+  });
+  const m = A(!1);
+  K(() => {
+    const d = u.scrollerRef.current;
+    if (!d || !p) return;
+    const H = () => {
+      d.scrollTop <= y && !m.current && (m.current = !0, Promise.resolve(p()).finally(() => {
+        m.current = !1;
+      }));
+    };
+    return d.addEventListener("scroll", H, { passive: !0 }), () => d.removeEventListener("scroll", H);
+  }, [u.scrollerRef, p, y]);
+  const S = A(!1);
+  K(() => {
+    const d = u.scrollerRef.current;
+    if (!d || !v) return;
+    const H = () => {
+      d.scrollHeight - d.scrollTop - d.clientHeight <= R && !S.current && (S.current = !0, Promise.resolve(v()).finally(() => {
+        S.current = !1;
+      }));
+    };
+    return d.addEventListener("scroll", H, { passive: !0 }), () => d.removeEventListener("scroll", H);
+  }, [u.scrollerRef, v, R]);
+  const E = A(null);
+  K(() => {
+    if (!z || E.current === z) return;
+    const d = e.findIndex((H, i) => t(H, i) === z);
+    d !== -1 && (E.current = z, u.scrollToIndex(d, { align: "center", behavior: "smooth" }), I == null || I());
+  }, [z, e, t, u, I]);
+  const x = C(
+    (d = "auto") => {
+      e.length !== 0 && u.scrollToIndex(e.length - 1, { align: "end", behavior: d });
+    },
+    [e.length, u]
+  ), F = C(
+    (d, H) => {
+      const i = e.findIndex((g, r) => t(g, r) === d);
+      i !== -1 && u.scrollToIndex(i, H);
+    },
+    [e, t, u]
+  );
+  return {
+    scrollerRef: u.scrollerRef,
+    virtualItems: u.virtualItems,
+    totalSize: u.totalSize,
+    measureItem: u.measureItem,
+    scrollToIndex: u.scrollToIndex,
+    scrollToBottom: x,
+    scrollToKey: F,
+    isAtBottom: M,
+    prepareAnchor: O
+  };
+}
+function j({
+  scrollerRef: o,
+  totalSize: e,
+  children: t,
+  className: n,
+  style: s
+}) {
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      ref: o,
+      className: n,
+      style: { overflow: "auto", height: "100%", position: "relative", ...s },
+      children: /* @__PURE__ */ b("div", { style: { height: e, position: "relative", width: "100%" }, children: t })
+    }
+  );
+}
+function G({
+  virtualItem: o,
+  measureItem: e,
+  children: t
+}) {
+  const n = A(null);
+  return K(() => {
+    const s = n.current;
+    if (!s) return;
+    const c = new ResizeObserver(([l]) => {
+      l && e(o.key, l.contentRect.height);
+    });
+    return c.observe(s), () => c.disconnect();
+  }, [o.key, e]), /* @__PURE__ */ b(
+    "div",
+    {
+      ref: n,
+      style: {
+        position: "absolute",
+        top: 0,
+        // transform instead of top: avoids reflow, uses GPU compositor layer
+        transform: `translateY(${o.start}px)`,
+        width: "100%",
+        // Reserve estimated height to prevent layout collapse before first measure
+        minHeight: o.size
+      },
+      children: t
+    }
+  );
+}
+function le(o, e) {
+  const {
+    data: t,
+    itemContent: n,
+    computeItemKey: s,
+    estimatedItemSize: c = 80,
+    overscan: l = 5,
+    followOutput: h = "auto",
+    atBottomThreshold: p = 200,
+    initialAlignment: v = "bottom",
+    onStartReached: y,
+    onEndReached: R,
+    startReachedThreshold: z = 300,
+    endReachedThreshold: I = 300,
+    scrollToMessageKey: u,
+    onScrollToMessageComplete: M,
+    components: O = {},
+    className: m,
+    style: S
+  } = o, {
+    scrollerRef: E,
+    virtualItems: x,
+    totalSize: F,
+    measureItem: d,
+    scrollToIndex: H,
+    scrollToBottom: i,
+    scrollToKey: g,
+    isAtBottom: r,
+    prepareAnchor: a
+  } = oe({
+    items: t,
+    getKey: (w, B) => s(B, w),
+    estimatedItemSize: c,
+    overscan: l,
+    atBottomThreshold: p,
+    followOutput: h,
+    initialAlignment: v,
+    onStartReached: y,
+    onEndReached: R,
+    startReachedThreshold: z,
+    endReachedThreshold: I,
+    scrollToMessageKey: u,
+    onScrollToMessageComplete: M
+  });
+  $(
+    e,
+    () => ({
+      scrollToBottom: i,
+      scrollToIndex: H,
+      scrollToKey: g,
+      getScrollTop: () => {
+        var w;
+        return ((w = E.current) == null ? void 0 : w.scrollTop) ?? 0;
+      },
+      isAtBottom: () => r,
+      prepareAnchor: a
+    }),
+    [i, H, g, E, r, a]
+  );
+  const { Header: f, Footer: T, EmptyPlaceholder: P } = O;
+  return t.length === 0 && P ? /* @__PURE__ */ b(P, {}) : /* @__PURE__ */ _("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+    f && /* @__PURE__ */ b(f, {}),
+    /* @__PURE__ */ b(
+      j,
+      {
+        scrollerRef: E,
+        totalSize: F,
+        className: m,
+        style: { flex: 1, minHeight: 0, ...S },
+        children: x.map((w) => /* @__PURE__ */ b(
+          G,
+          {
+            virtualItem: w,
+            measureItem: d,
+            children: n(w.index, w.data)
+          },
+          w.key
+        ))
+      }
+    ),
+    T && /* @__PURE__ */ b(T, {})
+  ] });
+}
+const ue = Y(le);
+function fe({
+  data: o,
+  itemContent: e,
+  computeItemKey: t,
+  estimatedItemSize: n = 80,
+  overscan: s = 5,
+  onEndReached: c,
+  endReachedThreshold: l = 300,
+  components: h = {},
+  className: p,
+  style: v
+}) {
+  const { scrollerRef: y, virtualItems: R, totalSize: z, measureItem: I } = D({
+    items: o,
+    getKey: (m, S) => t(S, m),
+    estimatedItemSize: n,
+    overscan: s,
+    initialAlignment: "top"
+  });
+  Z.useEffect(() => {
+    const m = y.current;
+    if (!m || !c) return;
+    let S = !1;
+    const E = () => {
+      m.scrollHeight - m.scrollTop - m.clientHeight <= l && !S && (S = !0, Promise.resolve(c()).finally(() => {
+        S = !1;
+      }));
+    };
+    return m.addEventListener("scroll", E, { passive: !0 }), () => m.removeEventListener("scroll", E);
+  }, [y, c, l]);
+  const { Header: u, Footer: M, EmptyPlaceholder: O } = h;
+  return o.length === 0 && O ? /* @__PURE__ */ b(O, {}) : /* @__PURE__ */ _("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+    u && /* @__PURE__ */ b(u, {}),
+    /* @__PURE__ */ b(
+      j,
+      {
+        scrollerRef: y,
+        totalSize: z,
+        className: p,
+        style: { flex: 1, minHeight: 0, ...v },
+        children: R.map((m) => /* @__PURE__ */ b(
+          G,
+          {
+            virtualItem: m,
+            measureItem: I,
+            children: e(m.index, m.data)
+          },
+          m.key
+        ))
+      }
+    ),
+    M && /* @__PURE__ */ b(M, {})
+  ] });
+}
+function he(o) {
+  const {
+    fetcher: e,
+    initialPage: t = 1,
+    direction: n = "append",
+    getKey: s,
+    onPageLoaded: c,
+    onError: l
+  } = o, [h, p] = L([]), [v, y] = L(t), [R, z] = L(!0), [I, u] = L(!1), [M, O] = L(!1), [m, S] = L(!1), E = A(/* @__PURE__ */ new Set()), x = A(!1), F = C(
+    (r) => s ? r.filter((a) => {
+      const f = s(a);
+      return E.current.has(f) ? !1 : (E.current.add(f), !0);
+    }) : r,
+    [s]
+  ), d = C(async () => {
+    if (!(x.current || !R)) {
+      x.current = !0, S(!0);
+      try {
+        const r = v + 1, a = await e(r), f = F(a.data);
+        p(
+          (T) => n === "prepend" ? [...f, ...T] : [...T, ...f]
+        ), y(r), z(a.hasNextPage), u(a.hasPrevPage), c == null || c(r, f);
+      } catch (r) {
+        l == null || l(r instanceof Error ? r : new Error(String(r)));
+      } finally {
+        S(!1), x.current = !1;
+      }
+    }
+  }, [v, R, e, F, n, c, l]), H = C(async () => {
+    if (!(x.current || !I)) {
+      x.current = !0, S(!0);
+      try {
+        const r = v - 1, a = await e(r), f = F(a.data);
+        p((T) => [...f, ...T]), y(r), u(a.hasPrevPage), z(a.hasNextPage), c == null || c(r, f);
+      } catch (r) {
+        l == null || l(r instanceof Error ? r : new Error(String(r)));
+      } finally {
+        S(!1), x.current = !1;
+      }
+    }
+  }, [v, I, e, F, c, l]), i = C(async () => {
+    if (!x.current) {
+      x.current = !0, O(!0);
+      try {
+        const r = await e(t), a = r.data;
+        if (s) {
+          const f = new Set(a.map(s));
+          a.forEach((T) => E.current.add(s(T))), p((T) => {
+            const P = T.filter((w) => !f.has(s(w)));
+            return n === "prepend" ? [...a, ...P] : [...P, ...a];
+          });
+        } else
+          p(a);
+        y(t), z(r.hasNextPage), u(r.hasPrevPage), c == null || c(t, a);
+      } catch (r) {
+        l == null || l(r instanceof Error ? r : new Error(String(r)));
+      } finally {
+        O(!1), x.current = !1;
+      }
+    }
+  }, [e, t, s, n, c, l]), g = C(() => {
+    p([]), y(t), z(!0), u(!1), O(!1), S(!1), E.current.clear(), x.current = !1;
+  }, [t]);
+  return {
+    items: h,
+    loadNextPage: d,
+    loadPrevPage: H,
+    hasNextPage: R,
+    hasPrevPage: I,
+    loading: M,
+    loadingMore: m,
+    refresh: i,
+    reset: g,
+    currentPage: v
+  };
+}
+export {
+  ue as ChatVirtualList,
+  fe as VirtualList,
+  oe as useChatVirtualizer,
+  he as usePagination
+};

package/dist/types.d.ts

@@ -0,0 +1,120 @@
+import type * as React from "react";
+export interface VirtualItem<T = unknown> {
+    key: string | number;
+    index: number;
+    /** Y position (top) in pixels */
+    start: number;
+    /** Current height — estimated until measured */
+    size: number;
+    data: T;
+}
+export interface ScrollToIndexOpts {
+    align?: "start" | "center" | "end";
+    behavior?: ScrollBehavior;
+    /** Additional pixel offset after alignment */
+    offset?: number;
+}
+export interface VirtualListComponents<T = unknown> {
+    Header?: React.ComponentType;
+    Footer?: React.ComponentType;
+    EmptyPlaceholder?: React.ComponentType;
+    ScrollSeekPlaceholder?: React.ComponentType<{
+        index: number;
+        data: T;
+    }>;
+}
+export interface PaginationResult<T> {
+    data: T[];
+    hasNextPage: boolean;
+    hasPrevPage: boolean;
+    currentPage: number;
+    totalPages?: number;
+}
+export interface UsePaginationOptions<T> {
+    fetcher: (page: number) => Promise<PaginationResult<T>>;
+    initialPage?: number;
+    pageSize?: number;
+    direction?: "append" | "prepend" | "bidirectional";
+    getKey?: (item: T) => string | number;
+    onPageLoaded?: (page: number, items: T[]) => void;
+    onError?: (error: Error) => void;
+}
+export interface UsePaginationReturn<T> {
+    items: T[];
+    loadNextPage: () => Promise<void>;
+    loadPrevPage: () => Promise<void>;
+    hasNextPage: boolean;
+    hasPrevPage: boolean;
+    loading: boolean;
+    loadingMore: boolean;
+    refresh: () => Promise<void>;
+    reset: () => void;
+    currentPage: number;
+}
+export interface ChatVirtualListHandle {
+    scrollToBottom: (behavior?: ScrollBehavior) => void;
+    scrollToIndex: (index: number, opts?: ScrollToIndexOpts) => void;
+    scrollToKey: (key: string | number, opts?: ScrollToIndexOpts) => void;
+    getScrollTop: () => number;
+    isAtBottom: () => boolean;
+    prepareAnchor: () => void;
+}
+export interface ChatVirtualListProps<T> {
+    data: T[];
+    itemContent: (index: number, item: T) => React.ReactNode;
+    computeItemKey: (index: number, item: T) => string | number;
+    estimatedItemSize?: number;
+    overscan?: number;
+    followOutput?: "auto" | "smooth" | false;
+    atBottomThreshold?: number;
+    initialAlignment?: "top" | "bottom";
+    onStartReached?: () => void | Promise<void>;
+    onEndReached?: () => void | Promise<void>;
+    startReachedThreshold?: number;
+    endReachedThreshold?: number;
+    scrollToMessageKey?: string | number | null;
+    onScrollToMessageComplete?: () => void;
+    components?: VirtualListComponents<T>;
+    className?: string;
+    style?: React.CSSProperties;
+    context?: unknown;
+}
+export interface VirtualListProps<T> {
+    data: T[];
+    itemContent: (index: number, item: T) => React.ReactNode;
+    computeItemKey: (index: number, item: T) => string | number;
+    estimatedItemSize?: number;
+    overscan?: number;
+    onEndReached?: () => void | Promise<void>;
+    endReachedThreshold?: number;
+    components?: VirtualListComponents<T>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface UseVirtualEngineReturn<T> {
+    scrollerRef: React.RefObject<HTMLDivElement>;
+    virtualItems: VirtualItem<T>[];
+    totalSize: number;
+    measureItem: (key: string | number, size: number) => void;
+    scrollToIndex: (index: number, opts?: ScrollToIndexOpts) => void;
+    scrollToOffset: (offset: number, behavior?: ScrollBehavior) => void;
+    isAtTop: boolean;
+    isAtBottom: boolean;
+    scrollTop: number;
+}
+export interface RenderRange {
+    start: number;
+    end: number;
+}
+export interface UseChatVirtualizerReturn<T> {
+    scrollerRef: React.RefObject<HTMLDivElement>;
+    virtualItems: VirtualItem<T>[];
+    totalSize: number;
+    measureItem: (key: string | number, size: number) => void;
+    scrollToIndex: (index: number, opts?: ScrollToIndexOpts) => void;
+    scrollToBottom: (behavior?: ScrollBehavior) => void;
+    scrollToKey: (key: string | number, opts?: ScrollToIndexOpts) => void;
+    isAtBottom: boolean;
+    prepareAnchor: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "react-anchorlist",
+  "version": "0.1.0",
+  "description": "High-performance chat virtualizer for React — no flicker, no hacks",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": ["dist"],
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.3.1",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "jsdom": "^24.1.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^1.6.0"
+  }
+}