react-anchorlist 0.1.0 → 0.2.0

package/README.md

@@ -0,0 +1,206 @@
+# react-anchorlist
+
+**High-performance virtualized list for React — built for chat.**
+
+Zero flicker on prepend. Smooth scroll. Native pagination support. Drop-in replacement for react-virtuoso.
+
+```bash
+npm install react-anchorlist
+```
+
+---
+
+## Why not react-virtuoso?
+
+| Problem | react-virtuoso | react-anchorlist |
+|---|---|---|
+| Flicker when loading older messages | ✗ Yes | ✓ Zero — scroll anchor via `useLayoutEffect` |
+| Prepend hack | `firstItemIndex=10000` | Native prepend detection |
+| `scrollToIndex` needs double-RAF | ✗ Yes | ✓ No — direct offset calculation |
+| Overscan as flicker band-aid | 3000px+ needed | 5 items (no pixels) |
+| Bundle size | 88 kB | ~17 kB |
+| Pagination built-in | ✗ No | ✓ Yes — `usePagination` hook |
+
+---
+
+## Quick start
+
+### Simple list (tickets, contacts, feeds)
+
+```tsx
+import { VirtualList } from 'react-anchorlist'
+
+<VirtualList
+  data={tickets}
+  computeItemKey={(index, item) => item.id}
+  itemContent={(index, item) => <TicketRow ticket={item} />}
+  onEndReached={loadMore}
+  style={{ height: '100%' }}
+/>
+```
+
+### Chat list (messages with pagination)
+
+```tsx
+import { ChatVirtualList } from 'react-anchorlist'
+import type { ChatVirtualListHandle } from 'react-anchorlist'
+
+const listRef = useRef<ChatVirtualListHandle>(null)
+
+<ChatVirtualList
+  ref={listRef}
+  data={messages}
+  computeItemKey={(index, item) => item._id}
+  itemContent={(index, item) => <Message data={item} />}
+  // Pagination — fires when scroll reaches top
+  onStartReached={loadOlderMessages}
+  // Stick to bottom when new messages arrive
+  followOutput="auto"
+  // Notify parent of bottom state (for scroll button)
+  onAtBottomChange={setIsAtBottom}
+  components={{
+    Header: () => loading ? <Spinner /> : null,
+    Footer: () => <QueueMessages />,
+  }}
+  style={{ height: '100%' }}
+/>
+```
+
+---
+
+## ChatVirtualList props
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `data` | `T[]` | required | Array of items |
+| `itemContent` | `(index, item) => ReactNode` | required | Render function |
+| `computeItemKey` | `(index, item) => string \| number` | required | Stable key per item |
+| `estimatedItemSize` | `number` | `80` | Initial height estimate (px) |
+| `overscan` | `number` | `5` | Items to render beyond visible area |
+| `followOutput` | `"auto" \| "smooth" \| false` | `"auto"` | Stick to bottom on new items |
+| `atBottomThreshold` | `number` | `200` | px from bottom to consider "at bottom" |
+| `initialAlignment` | `"top" \| "bottom"` | `"bottom"` | Initial scroll position |
+| `onStartReached` | `() => void \| Promise<void>` | — | Fires when scroll nears top |
+| `onEndReached` | `() => void \| Promise<void>` | — | Fires when scroll nears bottom |
+| `startReachedThreshold` | `number` | `300` | px from top to trigger `onStartReached` |
+| `endReachedThreshold` | `number` | `300` | px from bottom to trigger `onEndReached` |
+| `onAtBottomChange` | `(isAtBottom: boolean) => void` | — | Called when bottom state changes |
+| `scrollToMessageKey` | `string \| number \| null` | — | Scroll to item by key |
+| `onScrollToMessageComplete` | `() => void` | — | Fires after scroll-to-key completes |
+| `components` | `{ Header, Footer, EmptyPlaceholder }` | — | Slot components |
+| `className` | `string` | — | CSS class for the scroller |
+| `style` | `CSSProperties` | — | Inline style for the scroller |
+
+---
+
+## VirtualList props
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `data` | `T[]` | required | Array of items |
+| `itemContent` | `(index, item) => ReactNode` | required | Render function |
+| `computeItemKey` | `(index, item) => string \| number` | required | Stable key per item |
+| `estimatedItemSize` | `number` | `80` | Initial height estimate (px) |
+| `overscan` | `number` | `5` | Items to render beyond visible area |
+| `onEndReached` | `() => void \| Promise<void>` | — | Fires when scroll nears bottom |
+| `endReachedThreshold` | `number` | `300` | px from bottom to trigger callback |
+| `components` | `{ Header, Footer, EmptyPlaceholder }` | — | Slot components |
+| `className` | `string` | — | CSS class for the scroller |
+| `style` | `CSSProperties` | — | Inline style for the scroller |
+
+---
+
+## Ref handle (ChatVirtualList)
+
+```tsx
+const listRef = useRef<ChatVirtualListHandle>(null)
+
+listRef.current?.scrollToBottom()
+listRef.current?.scrollToIndex(42, { align: 'center', behavior: 'smooth' })
+listRef.current?.scrollToKey('msg-123', { align: 'center' })
+listRef.current?.getScrollTop()   // → number
+listRef.current?.isAtBottom()     // → boolean
+listRef.current?.prepareAnchor()  // call before manually prepending items
+```
+
+| Method | Description |
+|---|---|
+| `scrollToBottom(behavior?)` | Scroll to last item |
+| `scrollToIndex(index, opts?)` | Scroll to item by index |
+| `scrollToKey(key, opts?)` | Scroll to item by key |
+| `getScrollTop()` | Current scroll position |
+| `isAtBottom()` | Whether list is at bottom |
+| `prepareAnchor()` | Save scroll position before external prepend |
+
+---
+
+## usePagination hook
+
+For back-end driven pagination with automatic deduplication:
+
+```tsx
+import { usePagination, ChatVirtualList } from 'react-anchorlist'
+
+const { items, loadPrevPage, hasPrevPage, loadingMore } = usePagination({
+  fetcher: async (page) => {
+    const res = await api.get(`/messages?page=${page}&per_page=50`)
+    return {
+      data: res.messages,
+      hasNextPage: res.pagination.current_page < res.pagination.last_page,
+      hasPrevPage: res.pagination.current_page > 1,
+      currentPage: res.pagination.current_page,
+    }
+  },
+  direction: 'prepend',   // new pages go to the top (chat pattern)
+  getKey: (msg) => msg._id,  // deduplication key
+})
+
+<ChatVirtualList
+  data={items}
+  computeItemKey={(_, item) => item._id}
+  itemContent={(_, item) => <Message data={item} />}
+  onStartReached={hasPrevPage ? loadPrevPage : undefined}
+  components={{
+    Header: () => loadingMore ? <Spinner /> : null,
+  }}
+/>
+```
+
+---
+
+## Migrating from react-virtuoso
+
+| react-virtuoso | react-anchorlist |
+|---|---|
+| `<Virtuoso data={} itemContent={} />` | `<ChatVirtualList data={} itemContent={} />` |
+| `computeItemKey={(_index, item) => item.id}` | `computeItemKey={(_index, item) => item.id}` ✓ same |
+| `firstItemIndex={10000}` | Not needed — automatic |
+| `initialTopMostItemIndex={n}` | Not needed — `initialAlignment="bottom"` |
+| `alignToBottom` | `initialAlignment="bottom"` (default) |
+| `followOutput={isAtBottom ? 'auto' : false}` | `followOutput="auto"` (default) |
+| `atBottomStateChange={setIsAtBottom}` | `onAtBottomChange={setIsAtBottom}` |
+| `atBottomThreshold={200}` | `atBottomThreshold={200}` ✓ same |
+| `startReached={fn}` | `onStartReached={fn}` |
+| `endReached={fn}` | `onEndReached={fn}` |
+| `overscan={{ main: 3000, reverse: 3000 }}` | `overscan={5}` (items, not pixels) |
+| `increaseViewportBy={{ top: 2200, bottom: 1100 }}` | Not needed |
+| `components={{ Header, Footer }}` | `components={{ Header, Footer }}` ✓ same |
+| `ref.scrollToIndex({ index, align, behavior })` | `ref.scrollToIndex(index, { align, behavior })` |
+
+---
+
+## How it works
+
+**OffsetMap** — maintains cumulative Y offsets for all items. When an item is measured, only downstream offsets are recalculated (O(n−i), not O(n)).
+
+**Scroll Anchor** — before prepending items, saves `scrollTop` and `scrollHeight`. After the DOM updates, `useLayoutEffect` adjusts `scrollTop` by the delta — synchronously, before the browser paints. Zero flicker.
+
+**ResizeObserver per item** — each rendered item has its own observer. Real heights are measured as soon as the item enters the DOM and reported back to the engine. No estimation loops, no layout thrashing.
+
+**Binary search** — given `scrollTop`, finds the first visible item in O(log n) using the offset array.
+
+---
+
+## License
+
+MIT

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

@@ -1 +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"}
+{"version":3,"file":"ChatVirtualList.d.ts","sourceRoot":"","sources":["../../src/components/ChatVirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAe,MAAM,UAAU,CAAA;AAgHxF,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/VirtualList.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../src/components/VirtualList.tsx"],"names":[],"mappings":"AAGA,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,QAAa,EACb,YAAY,EACZ,mBAAyB,EACzB,UAAe,EACf,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAwDrB"}

package/dist/hooks/useVirtualEngine.d.ts

@@ -1,5 +1,15 @@
 import { UseVirtualEngineReturn } from '../types';
 
+/**
+ * Core virtual engine.
+ *
+ * KEY DESIGN DECISIONS:
+ * - All scroll/layout state lives in refs, NOT in React state
+ * - A simple counter state is used ONLY to trigger re-renders
+ * - virtualItems are computed from refs DURING render (always fresh, zero lag)
+ * - Scroll handler uses rAF throttle to avoid excessive renders
+ * - Overscan defaults to 20 items (not 5) for smooth fast-scroll
+ */
 export declare function useVirtualEngine<T>(options: {
     items: T[];
     getKey: (item: T, index: number) => string | number;

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

@@ -1 +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"}
+{"version":3,"file":"useVirtualEngine.d.ts","sourceRoot":"","sources":["../../src/hooks/useVirtualEngine.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAe,MAAM,UAAU,CAAA;AAEnE;;;;;;;;;GASG;AACH,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,CAoN5B"}

package/dist/index.cjs

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

package/dist/index.js

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

package/dist/types.d.ts

@@ -74,6 +74,7 @@ export interface ChatVirtualListProps<T> {
     endReachedThreshold?: number;
     scrollToMessageKey?: string | number | null;
     onScrollToMessageComplete?: () => void;
+    onAtBottomChange?: (isAtBottom: boolean) => void;
     components?: VirtualListComponents<T>;
     className?: string;
     style?: React.CSSProperties;

package/dist/types.d.ts.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-anchorlist",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "High-performance chat virtualizer for React — no flicker, no hacks",
   "type": "module",
   "main": "./dist/index.cjs",