react-virtual-renderer 1.0.3

package/dist/core/VirtualizationEngine.js

@@ -0,0 +1,203 @@
+/**
+ * Core virtualization engine
+ * Handles:
+ * - visible range calculation
+ * - dynamic item sizing
+ * - item measurements
+ * - scroll positioning
+ */
+export class VirtualizationEngine {
+    constructor(estimatedItemSize = 35) {
+        Object.defineProperty(this, "itemSizeMap", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "itemOffsets", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: [0]
+        });
+        Object.defineProperty(this, "totalSize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "estimatedItemSize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.estimatedItemSize = estimatedItemSize;
+    }
+    /**
+     * Record measured item size
+     */
+    recordItemSize(index, size) {
+        if (this.itemSizeMap[index] === size) {
+            return;
+        }
+        this.itemSizeMap[index] = size;
+        this.recalculateOffsets();
+    }
+    /**
+     * Recalculate item offsets
+     */
+    recalculateOffsets() {
+        let offset = 0;
+        this.itemOffsets = [0];
+        const indexes = Object.keys(this.itemSizeMap)
+            .map(Number)
+            .sort((a, b) => a - b);
+        for (const index of indexes) {
+            const size = this.itemSizeMap[index] ??
+                this.estimatedItemSize;
+            offset += size;
+            this.itemOffsets[index + 1] = offset;
+        }
+        this.totalSize = offset;
+    }
+    /**
+     * Get item size
+     */
+    getItemSize(index) {
+        return (this.itemSizeMap[index] ??
+            this.estimatedItemSize);
+    }
+    /**
+     * Get item offset
+     */
+    getItemOffset(index) {
+        if (this.itemOffsets[index] !== undefined) {
+            return this.itemOffsets[index];
+        }
+        let offset = 0;
+        for (let i = 0; i < index; i++) {
+            offset += this.getItemSize(i);
+        }
+        return offset;
+    }
+    /**
+     * Get total size
+     */
+    getTotalSize() {
+        return this.totalSize;
+    }
+    /**
+     * Calculate visible range
+     */
+    getVisibleRange(scrollOffset, containerSize, itemCount, overscan = 5, scrollDirection = 'forward') {
+        /**
+         * Reverse scrolling support
+         */
+        if (scrollDirection === 'reverse') {
+            return this.getVisibleRangeReverse(scrollOffset, containerSize, itemCount, overscan);
+        }
+        let startIndex = 0;
+        let endIndex = itemCount - 1;
+        /**
+         * Find start index
+         */
+        for (let i = 0; i < itemCount; i++) {
+            const itemOffset = this.getItemOffset(i);
+            const itemSize = this.getItemSize(i);
+            if (itemOffset + itemSize >=
+                scrollOffset) {
+                startIndex = i;
+                break;
+            }
+        }
+        /**
+         * Find end index
+         */
+        for (let i = startIndex; i < itemCount; i++) {
+            const itemOffset = this.getItemOffset(i);
+            if (itemOffset >=
+                scrollOffset + containerSize) {
+                endIndex = i;
+                break;
+            }
+        }
+        return {
+            startIndex: Math.max(0, startIndex - overscan),
+            endIndex: Math.min(itemCount - 1, endIndex + overscan),
+            overscanStartIndex: startIndex,
+            overscanEndIndex: endIndex,
+        };
+    }
+    /**
+     * Reverse scrolling support
+     */
+    getVisibleRangeReverse(scrollOffset, containerSize, itemCount, overscan) {
+        const totalSize = this.getTotalSize();
+        const reversedScrollOffset = Math.max(0, totalSize -
+            scrollOffset -
+            containerSize);
+        return this.getVisibleRange(reversedScrollOffset, containerSize, itemCount, overscan, 'forward');
+    }
+    /**
+     * Get visible items
+     */
+    getVisibleItems(scrollOffset, containerSize, itemCount, overscan, scrollDirection = 'forward') {
+        const range = this.getVisibleRange(scrollOffset, containerSize, itemCount, overscan, scrollDirection);
+        const visibleItems = [];
+        for (let i = range.startIndex; i <= range.endIndex &&
+            i < itemCount; i++) {
+            visibleItems.push({
+                index: i,
+                size: this.getItemSize(i),
+                offset: this.getItemOffset(i),
+            });
+        }
+        return visibleItems;
+    }
+    /**
+     * Scroll offset for item index
+     */
+    getScrollOffsetForIndex(index, containerSize, alignment = 'start') {
+        const itemOffset = this.getItemOffset(index);
+        const itemSize = this.getItemSize(index);
+        switch (alignment) {
+            case 'center':
+                return Math.max(0, itemOffset -
+                    (containerSize -
+                        itemSize) /
+                        2);
+            case 'end':
+                return Math.max(0, itemOffset -
+                    containerSize +
+                    itemSize);
+            case 'start':
+            default:
+                return Math.max(0, itemOffset);
+        }
+    }
+    /**
+     * Clear cache
+     */
+    clearCache() {
+        this.itemSizeMap = {};
+        this.itemOffsets = [0];
+        this.totalSize = 0;
+    }
+    /**
+     * Get cache
+     */
+    getCache() {
+        return {
+            ...this.itemSizeMap,
+        };
+    }
+    /**
+     * Adaptive overscan
+     */
+    getAdaptiveOverscan(scrollVelocity, baseOverscan = 5) {
+        const velocityFactor = Math.min(3, Math.max(1, scrollVelocity / 10));
+        return Math.ceil(baseOverscan * velocityFactor);
+    }
+}
+//# sourceMappingURL=VirtualizationEngine.js.map

package/dist/core/VirtualizationEngine.js.map

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

package/dist/examples/AdvancedExamples.d.ts

@@ -0,0 +1,24 @@
+/**
+ * ADVANCED EXAMPLE 1: E-Commerce Product Catalog with Infinite Scroll
+ */
+export declare function EcommerceCatalogExample(): import("react/jsx-runtime").JSX.Element;
+/**
+ * ADVANCED EXAMPLE 2: Search with Highlights and Filtering
+ */
+export declare function SearchableListExample(): import("react/jsx-runtime").JSX.Element;
+/**
+ * ADVANCED EXAMPLE 3: Real-Time Stock Market Ticker (Dynamic Updates)
+ */
+export declare function StockTickerExample(): import("react/jsx-runtime").JSX.Element;
+/**
+ * ADVANCED EXAMPLE 4: Collapsible Rows (Expandable Details)
+ */
+export declare function CollapsibleRowsExample(): import("react/jsx-runtime").JSX.Element;
+/**
+ * ADVANCED EXAMPLE 5: Comments Thread (Nested Structure)
+ */
+export declare function CommentThreadExample(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Main Demo Component
+ */ 
+//# sourceMappingURL=AdvancedExamples.d.ts.map

package/dist/examples/AdvancedExamples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedExamples.d.ts","sourceRoot":"","sources":["../../src/examples/AdvancedExamples.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,wBAAgB,uBAAuB,4CA4FtC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,4CA2EpC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,4CAoEjC;AAED;;GAEG;AACH,wBAAgB,sBAAsB,4CAiHrC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,4CA4EnC;AAED;;GAEG"}

package/dist/examples/AdvancedExamples.js

@@ -0,0 +1,216 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { useInfiniteScroll, useVirtualizedSearch } from '../index';
+import { VirtualGrid, VirtualList } from '..';
+/**
+ * ADVANCED EXAMPLE 1: E-Commerce Product Catalog with Infinite Scroll
+ */
+export function EcommerceCatalogExample() {
+    const [products, setProducts] = useState(Array.from({ length: 100 }, (_, i) => ({
+        id: i,
+        name: `Product ${i}`,
+        price: Math.random() * 1000,
+        image: `https://picsum.photos/300/300?random=${i}`,
+        rating: (Math.random() * 5).toFixed(1),
+    })));
+    const [isLoadingMore, setIsLoadingMore] = useState(false);
+    const [hasMore, setHasMore] = useState(true);
+    const { containerRef } = useInfiniteScroll({
+        onLoadMore: async () => {
+            setIsLoadingMore(true);
+            // Simulate API call
+            await new Promise(resolve => setTimeout(resolve, 500));
+            const newProducts = Array.from({ length: 50 }, (_, i) => ({
+                id: products.length + i,
+                name: `Product ${products.length + i}`,
+                price: Math.random() * 1000,
+                image: `https://picsum.photos/300/300?random=${products.length + i}`,
+                rating: (Math.random() * 5).toFixed(1),
+            }));
+            setProducts([...products, ...newProducts]);
+            setIsLoadingMore(false);
+            // Stop at 1000 products
+            if (products.length > 1000) {
+                setHasMore(false);
+            }
+        },
+        threshold: 1000,
+    });
+    return (_jsxs("div", { style: { padding: 20 }, children: [_jsx("h2", { children: "E-Commerce Catalog (Infinite Scroll)" }), _jsxs("p", { children: ["Showing ", products.length, " products \u2022 ", hasMore ? 'Loading more...' : 'No more products'] }), _jsx(VirtualGrid, { ref: containerRef, items: products, height: 600, width: 800, columnCount: 4, gap: 16, renderItem: ({ item, isScrolling }) => (_jsxs("div", { style: {
+                        border: '1px solid #ddd',
+                        borderRadius: 8,
+                        overflow: 'hidden',
+                        opacity: isScrolling ? 0.7 : 1,
+                        cursor: 'pointer',
+                        transition: 'transform 0.2s',
+                    }, onMouseEnter: (e) => {
+                        e.currentTarget.style.transform = 'scale(1.05)';
+                    }, onMouseLeave: (e) => {
+                        e.currentTarget.style.transform = 'scale(1)';
+                    }, children: [_jsx("img", { src: item.image, alt: item.name, style: { width: '100%', height: 250, objectFit: 'cover' } }), _jsxs("div", { style: { padding: 12 }, children: [_jsx("h4", { style: { margin: '0 0 8px' }, children: item.name }), _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' }, children: [_jsxs("span", { style: { fontSize: 18, fontWeight: 'bold', color: '#e74c3c' }, children: ["$", item.price.toFixed(2)] }), _jsxs("span", { style: { color: '#f39c12' }, children: ["\u2605 ", item.rating] })] })] })] })) }), isLoadingMore && (_jsx("div", { style: { textAlign: 'center', padding: 20 }, children: _jsx("div", { style: { display: 'inline-block' }, children: "\u23F3 Loading more products..." }) }))] }));
+}
+/**
+ * ADVANCED EXAMPLE 2: Search with Highlights and Filtering
+ */
+export function SearchableListExample() {
+    const [searchValue, setSearchValue] = useState('');
+    const items = Array.from({ length: 1000 }, (_, i) => ({
+        id: i,
+        title: `Item ${i}`,
+        description: `Description for item ${i}. Contains various keywords and content.`,
+        tags: ['react', 'virtualization', 'performance', 'typescript'].filter(() => Math.random() > 0.5),
+    }));
+    const { filteredItems, highlightMatch, resultCount } = useVirtualizedSearch({
+        items,
+        searchValue,
+        searchFields: ['title', 'description'],
+    });
+    return (_jsxs("div", { style: { padding: 20 }, children: [_jsx("h2", { children: "Searchable List with Highlighting" }), _jsx("input", { type: "text", placeholder: "Search items...", value: searchValue, onChange: (e) => setSearchValue(e.target.value), style: {
+                    width: '100%',
+                    padding: '12px',
+                    fontSize: 16,
+                    marginBottom: 12,
+                    border: '1px solid #ddd',
+                    borderRadius: 4,
+                } }), _jsxs("p", { children: ["Found ", resultCount, " results"] }), _jsx(VirtualList, { items: filteredItems, height: 400, width: 600, estimatedItemSize: 80, renderItem: ({ item, index }) => (_jsxs("div", { style: {
+                        padding: 12,
+                        borderBottom: '1px solid #eee',
+                        backgroundColor: index % 2 === 0 ? 'white' : '#f9f9f9',
+                    }, children: [_jsx("h4", { style: { margin: '0 0 4px' }, children: highlightMatch(item.title) }), _jsxs("p", { style: { margin: '4px 0', fontSize: 14, color: '#666' }, children: [highlightMatch(item.description.substring(0, 80)), "..."] }), _jsx("div", { style: { display: 'flex', gap: 4, flexWrap: 'wrap', marginTop: 4 }, children: item.tags.map((tag) => (_jsx("span", { style: {
+                                    padding: '2px 6px',
+                                    backgroundColor: '#e3f2fd',
+                                    borderRadius: 3,
+                                    fontSize: 12,
+                                }, children: tag }, tag))) })] })) })] }));
+}
+/**
+ * ADVANCED EXAMPLE 3: Real-Time Stock Market Ticker (Dynamic Updates)
+ */
+export function StockTickerExample() {
+    const [stocks, setStocks] = useState(Array.from({ length: 50 }, (_, i) => ({
+        id: i,
+        symbol: `STOCK${i}`,
+        price: Math.random() * 500,
+        change: (Math.random() - 0.5) * 10,
+        volume: Math.floor(Math.random() * 1000000),
+    })));
+    useEffect(() => {
+        // Simulate real-time price updates
+        const interval = setInterval(() => {
+            setStocks((prevStocks) => prevStocks.map((stock) => ({
+                ...stock,
+                price: stock.price + (Math.random() - 0.5) * 5,
+                change: stock.change + (Math.random() - 0.5) * 2,
+                volume: Math.floor(Math.random() * 1000000),
+            })));
+        }, 1000);
+        return () => clearInterval(interval);
+    }, []);
+    return (_jsxs("div", { style: { padding: 20 }, children: [_jsx("h2", { children: "Real-Time Stock Ticker (Dynamic Updates)" }), _jsx(VirtualList, { items: stocks, height: 500, width: 600, estimatedItemSize: 50, renderItem: ({ item }) => {
+                    const isPositive = item.change >= 0;
+                    return (_jsxs("div", { style: {
+                            display: 'flex',
+                            padding: 12,
+                            borderBottom: '1px solid #eee',
+                            backgroundColor: isPositive ? 'rgba(76, 175, 80, 0.1)' : 'rgba(244, 67, 54, 0.1)',
+                        }, children: [_jsx("div", { style: { flex: 0.2, fontWeight: 'bold' }, children: item.symbol }), _jsxs("div", { style: { flex: 0.3 }, children: ["$", item.price.toFixed(2)] }), _jsxs("div", { style: {
+                                    flex: 0.2,
+                                    color: isPositive ? '#4caf50' : '#f44336',
+                                    fontWeight: 'bold',
+                                }, children: [isPositive ? '+' : '', item.change.toFixed(2), "%"] }), _jsxs("div", { style: { flex: 0.3, textAlign: 'right' }, children: ["Vol: ", (item.volume / 1000000).toFixed(2), "M"] })] }));
+                } })] }));
+}
+/**
+ * ADVANCED EXAMPLE 4: Collapsible Rows (Expandable Details)
+ */
+export function CollapsibleRowsExample() {
+    const [expandedIds, setExpandedIds] = useState(new Set());
+    const rows = Array.from({ length: 200 }, (_, i) => ({
+        id: i,
+        name: `Order #${1000 + i}`,
+        customer: `Customer ${i}`,
+        total: Math.random() * 10000,
+        date: new Date(Date.now() - Math.random() * 365 * 24 * 60 * 60 * 1000).toLocaleDateString(),
+        status: ['pending', 'shipped', 'delivered'][Math.floor(Math.random() * 3)],
+        items: [
+            { product: 'Item 1', qty: 2, price: 50 },
+            { product: 'Item 2', qty: 1, price: 150 },
+        ],
+    }));
+    const getRowHeight = (index) => {
+        const isExpanded = expandedIds.has(rows[index].id);
+        return isExpanded ? 180 : 50;
+    };
+    const toggleExpand = (id) => {
+        const newExpanded = new Set(expandedIds);
+        if (newExpanded.has(id)) {
+            newExpanded.delete(id);
+        }
+        else {
+            newExpanded.add(id);
+        }
+        setExpandedIds(newExpanded);
+    };
+    return (_jsxs("div", { style: { padding: 20 }, children: [_jsx("h2", { children: "Collapsible Rows (Expandable Details)" }), _jsx(VirtualList, { items: rows, height: 500, width: 600, getItemSize: getRowHeight, estimatedItemSize: 50, renderItem: ({ item, index }) => {
+                    const isExpanded = expandedIds.has(item.id);
+                    return (_jsxs("div", { style: {
+                            borderBottom: '1px solid #ddd',
+                            backgroundColor: index % 2 === 0 ? 'white' : '#f9f9f9',
+                        }, children: [_jsxs("div", { style: {
+                                    display: 'flex',
+                                    padding: 12,
+                                    cursor: 'pointer',
+                                    alignItems: 'center',
+                                }, onClick: () => toggleExpand(item.id), children: [_jsx("span", { style: { marginRight: 8 }, children: isExpanded ? '▼' : '▶' }), _jsxs("div", { style: { flex: 0.3 }, children: [_jsx("strong", { children: item.name }), _jsx("br", {}), _jsx("small", { children: item.customer })] }), _jsxs("div", { style: { flex: 0.2 }, children: ["$", item.total.toFixed(2)] }), _jsx("div", { style: { flex: 0.2 }, children: item.date }), _jsx("div", { style: { flex: 0.2 }, children: _jsx("span", { style: {
+                                                padding: '4px 8px',
+                                                backgroundColor: item.status === 'delivered'
+                                                    ? '#4caf50'
+                                                    : item.status === 'shipped'
+                                                        ? '#2196f3'
+                                                        : '#ff9800',
+                                                color: 'white',
+                                                borderRadius: 3,
+                                                fontSize: 12,
+                                            }, children: item.status }) })] }), isExpanded && (_jsxs("div", { style: { padding: '0 12px 12px', backgroundColor: '#f5f5f5' }, children: [_jsx("h4", { style: { marginTop: 0 }, children: "Order Items:" }), item.items.map((lineItem, idx) => (_jsxs("div", { style: {
+                                            display: 'flex',
+                                            padding: 8,
+                                            borderBottom: '1px solid #ddd',
+                                        }, children: [_jsx("div", { style: { flex: 1 }, children: lineItem.product }), _jsxs("div", { style: { flex: 0.2 }, children: ["Qty: ", lineItem.qty] }), _jsxs("div", { style: { flex: 0.2 }, children: ["$", lineItem.price] })] }, idx)))] }))] }));
+                } })] }));
+}
+/**
+ * ADVANCED EXAMPLE 5: Comments Thread (Nested Structure)
+ */
+export function CommentThreadExample() {
+    const [comments] = useState(Array.from({ length: 100 }, (_, i) => ({
+        id: i,
+        author: `User ${i}`,
+        text: `This is a comment about the post. Comment #${i}`,
+        timestamp: new Date(Date.now() - Math.random() * 30 * 24 * 60 * 60 * 1000),
+        likes: Math.floor(Math.random() * 500),
+        replies: i % 3 === 0 ? Array.from({ length: 2 }, (_, j) => ({
+            id: i * 100 + j,
+            author: `Reply User ${j}`,
+            text: `Reply to comment ${i}`,
+            timestamp: new Date(),
+            likes: Math.floor(Math.random() * 50),
+        })) : undefined,
+    })));
+    // Flatten for virtualization
+    const flattenedComments = [];
+    comments.forEach((comment) => {
+        flattenedComments.push({ ...comment, level: 0 });
+        comment.replies?.forEach((reply) => {
+            flattenedComments.push({ ...reply, level: 1 });
+        });
+    });
+    return (_jsxs("div", { style: { padding: 20 }, children: [_jsx("h2", { children: "Comment Thread (Nested Structure)" }), _jsx(VirtualList, { items: flattenedComments, height: 500, width: 600, estimatedItemSize: 100, renderItem: ({ item }) => (_jsxs("div", { style: {
+                        paddingLeft: item.level * 40,
+                        paddingRight: 12,
+                        paddingTop: 12,
+                        paddingBottom: 12,
+                        borderBottom: '1px solid #eee',
+                        backgroundColor: item.level === 1 ? '#f9f9f9' : 'white',
+                    }, children: [_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("strong", { children: item.author }), _jsx("small", { style: { color: '#666' }, children: item.timestamp.toLocaleDateString() })] }), _jsx("p", { style: { margin: '8px 0' }, children: item.text }), _jsxs("div", { style: { display: 'flex', gap: 16, fontSize: 12, color: '#666' }, children: [_jsxs("button", { style: { background: 'none', border: 'none', cursor: 'pointer' }, children: ["\uD83D\uDC4D Like (", item.likes, ")"] }), _jsx("button", { style: { background: 'none', border: 'none', cursor: 'pointer' }, children: "\uD83D\uDCAC Reply" })] })] })) })] }));
+}
+//# sourceMappingURL=AdvancedExamples.js.map

package/dist/examples/AdvancedExamples.js.map

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

package/dist/examples/Example.d.ts

@@ -0,0 +1,26 @@
+/**
+ * EXAMPLE 1: Chat Interface with Reverse Scrolling
+ */
+export declare function ChatExample(): import("react/jsx-runtime").JSX.Element;
+/**
+ * EXAMPLE 2: Data Table with Variable Row Heights
+ */
+export declare function DataTableExample(): import("react/jsx-runtime").JSX.Element;
+/**
+ * EXAMPLE 3: Image Grid with Masonry Layout
+ */
+export declare function MasonryGridExample(): import("react/jsx-runtime").JSX.Element;
+/**
+ * EXAMPLE 4: Traditional Grid Layout
+ */
+export declare function GridLayoutExample(): import("react/jsx-runtime").JSX.Element;
+/**
+ * EXAMPLE 5: Using Hook Directly for Custom Layouts
+ */
+export declare function HookExample(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Main Demo Component
+ */
+export declare function VirtualizeDemo(): import("react/jsx-runtime").JSX.Element;
+export default VirtualizeDemo;
+//# sourceMappingURL=Example.d.ts.map

package/dist/examples/Example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Example.d.ts","sourceRoot":"","sources":["../../src/examples/Example.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,wBAAgB,WAAW,4CAsC1B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,4CA+J/B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,4CAyCjC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,4CA2ChC;AAED;;GAEG;AACH,wBAAgB,WAAW,4CAkD1B;AAED;;GAEG;AACH,wBAAgB,cAAc,4CAmD7B;AAED,eAAe,cAAc,CAAC"}