react-virtual-renderer 1.0.3

package/README.md

@@ -0,0 +1,170 @@
+# React Virtual Renderer
+
+High-performance React virtualization library for **large lists, grids, tables, infinite scrolling, dynamic heights, and masonry layouts**.
+
+A modern alternative to react-window and react-virtualized with built-in accessibility, dynamic sizing, and TypeScript support.
+
+![npm version](https://img.shields.io/npm/v/react-virtual-renderer)
+![downloads](https://img.shields.io/npm/dm/react-virtual-renderer)
+![bundle size](https://img.shields.io/bundlephobia/minzip/react-virtual-renderer)
+![license](https://img.shields.io/npm/l/react-virtual-renderer)
+
+---
+
+## Why React Virtual Renderer?
+
+Rendering thousands of DOM nodes can severely impact performance.
+
+React Virtual Renderer only renders visible items, allowing your application to handle:
+
+- 10,000+ rows
+- Infinite scrolling
+- Dynamic item heights
+- Large tables
+- Chat applications
+- Product catalogs
+- Masonry layouts
+
+while maintaining smooth scrolling and low memory usage.
+
+---
+
+## Features
+
+### Performance
+
+- Virtualized Lists
+- Virtualized Grids
+- Infinite Scrolling
+- Dynamic Heights
+- Variable Item Sizes
+- Overscan Optimization
+- Scroll Position Restoration
+
+### Developer Experience
+
+- TypeScript First
+- Tree Shakeable
+- Lightweight Bundle
+- Zero Dependencies
+- React 18 & React 19 Support
+
+### Accessibility
+
+- WCAG 2.1 AA Friendly
+- Keyboard Navigation
+- ARIA Support
+- Screen Reader Compatible
+
+### Layouts
+
+- List
+- Grid
+- Masonry
+- Feed Layout
+
+---
+
+## Installation
+
+```bash
+npm install react-virtual-renderer
+```
+
+or
+
+```bash
+yarn add react-virtual-renderer
+```
+
+---
+
+## Quick Start
+
+```tsx
+import { VirtualList } from "react-virtual-renderer";
+
+const items = Array.from({ length: 10000 }, (_, index) => ({
+  id: index,
+  name: `Item ${index}`,
+}));
+
+export default function App() {
+  return (
+    <VirtualList
+      items={items}
+      height={600}
+      renderItem={({ item }) => <div style={{ padding: 12 }}>{item.name}</div>}
+    />
+  );
+}
+```
+
+---
+
+## Common Use Cases
+
+- Chat Applications
+- Messaging Systems
+- Activity Feeds
+- Social Networks
+- Infinite Scroll Lists
+- Data Tables
+- Admin Dashboards
+- Product Catalogs
+- E-commerce Grids
+- Analytics Dashboards
+
+---
+
+## Comparison
+
+| Feature         | React Virtual Renderer | react-window | react-virtualized |
+| --------------- | ---------------------- | ------------ | ----------------- |
+| Dynamic Heights | ✅                     | ⚠️           | ⚠️                |
+| Infinite Scroll | ✅                     | ❌           | ⚠️                |
+| Masonry Layout  | ✅                     | ❌           | ⚠️                |
+| Accessibility   | ✅                     | ❌           | ⚠️                |
+| TypeScript      | ✅                     | ⚠️           | ⚠️                |
+| Lightweight     | ✅                     | ✅           | ❌                |
+| React 19 Ready  | ✅                     | ⚠️           | ⚠️                |
+
+---
+
+## Roadmap
+
+### v1.x
+
+- Virtual Lists
+- Virtual Grids
+- Infinite Scroll
+- Dynamic Heights
+- Accessibility
+
+### v2.x
+
+- Masonry Layouts
+- Waterfall Layouts
+- Advanced Grid System
+
+### v3.x
+
+- Visual Debugger
+- Performance Inspector
+- Analytics Dashboard
+
+---
+
+## Documentation
+
+- Getting Started
+- API Reference
+- Accessibility Guide
+- Performance Guide
+- Examples
+
+---
+
+## License
+
+MIT

package/dist/App.d.ts

@@ -0,0 +1,3 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;
+//# sourceMappingURL=App.d.ts.map

package/dist/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAEA,iBAAS,GAAG,4CAOX;AAED,eAAe,GAAG,CAAA"}

package/dist/App.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import VirtualizeDemo from "./examples/Example";
+function App() {
+    return (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 20, padding: 20 }, children: _jsx(VirtualizeDemo, {}) }));
+}
+export default App;
+//# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,oBAAoB,CAAA;AAE/C,SAAS,GAAG;IAEV,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,YAC5E,KAAC,cAAc,KAAG,GACd,CACP,CAAA;AACH,CAAC;AAED,eAAe,GAAG,CAAA"}

package/dist/accessibility/a11y.d.ts

@@ -0,0 +1,111 @@
+/**
+ * Accessibility module for WCAG 2.1 AA compliance
+ * Provides keyboard navigation, screen reader support, and ARIA labels
+ */
+export interface A11yConfig {
+    enableKeyboardNav?: boolean;
+    enableScreenReaderAnnouncements?: boolean;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    role?: string;
+}
+/**
+ * Generate unique IDs for accessibility attributes
+ */
+export declare function generateA11yIds(prefix: string): {
+    container: string;
+    announcer: string;
+    option: (index: number) => string;
+};
+/**
+ * Hook for keyboard navigation in virtualized lists
+ */
+export declare function useA11yKeyboardNav({ itemCount, onSelectItem, onSelectIndex, }: {
+    itemCount: number;
+    onSelectItem?: (index: number) => void;
+    onSelectIndex?: (index: number) => void;
+}): {
+    selectedIndex: number;
+    focusedIndex: number;
+    handleKeyDown: (e: React.KeyboardEvent) => void;
+};
+/**
+ * Screen reader announcements
+ */
+export declare function announceToScreenReader(message: string, priority?: 'polite' | 'assertive'): void;
+/**
+ * Generate ARIA attributes for list items
+ */
+export declare function getItemA11yProps(index: number, total: number, isSelected?: boolean): {
+    'aria-posinset': number;
+    'aria-setsize': number;
+    'aria-selected': boolean;
+    role: string;
+};
+/**
+ * Generate ARIA attributes for container
+ */
+export declare function getContainerA11yProps(label: string, describedBy?: string): {
+    role: string;
+    'aria-label': string;
+    'aria-describedby': string | undefined;
+    'aria-multiselectable': boolean;
+};
+import React from 'react';
+/**
+ * Screen reader friendly virtual list announcement
+ * Announces when list is scrolled or filtered
+ */
+export declare function useA11yAnnouncements({ itemCount, filteredCount, searchQuery, isLoading, }: {
+    itemCount: number;
+    filteredCount?: number;
+    searchQuery?: string;
+    isLoading?: boolean;
+}): void;
+/**
+ * Ensure keyboard-accessible interactions
+ */
+export declare const a11yEventHandlers: {
+    /**
+     * Handle click or Enter/Space key
+     */
+    onClickOrKey: (callback: () => void) => {
+        onClick: () => void;
+        onKeyDown: (e: React.KeyboardEvent) => void;
+    };
+    /**
+     * Make any element keyboard accessible
+     */
+    makeKeyboardAccessible: (element: HTMLElement, callback: () => void) => void;
+};
+/**
+ * Focus management utilities
+ */
+export declare const focusManagement: {
+    /**
+     * Set focus with announcement
+     */
+    focusWithAnnouncement: (element: HTMLElement, message?: string) => void;
+    /**
+     * Trap focus within container (for modals, etc.)
+     */
+    trapFocus: (container: HTMLElement) => () => void;
+};
+/**
+ * ARIA live region for dynamic content
+ */
+export declare class AriaLiveRegion {
+    private region;
+    constructor(priority?: 'polite' | 'assertive');
+    announce(message: string): void;
+    clear(): void;
+    remove(): void;
+}
+/**
+ * Accessibility audit helper
+ */
+export declare function auditAccessibility(container: HTMLElement): {
+    warnings: string[];
+    errors: string[];
+};
+//# sourceMappingURL=a11y.d.ts.map

package/dist/accessibility/a11y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/accessibility/a11y.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,UAAU;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM;;;oBAItB,MAAM;EAE7B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAC/B,SAAS,EACT,YAAY,EACZ,aAAa,GAChB,EAAE;IACC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;;;uBAKW,mBAAmB;EA+C9B;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAClC,OAAO,EAAE,MAAM,EACf,QAAQ,GAAE,QAAQ,GAAG,WAAsB,QAoB9C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,UAAU,CAAC,EAAE,OAAO;;;;;EAQvB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM;;;;;EAOxE;AAED,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,SAAS,EACT,aAAa,EACb,WAAW,EACX,SAAS,GACZ,EAAE;IACC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,QAqBA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB;IAC1B;;OAEG;6BACsB,MAAM,IAAI;uBAAJ,IAAI;uBAEhB,mBAAmB;;IAQtC;;OAEG;sCAEU,WAAW,YACV,MAAM,IAAI;CAY3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe;IACxB;;OAEG;qCAC8B,WAAW,YAAY,MAAM;IAO9D;;OAEG;2BACoB,WAAW;CA4BrC,CAAC;AAEF;;GAEG;AACH,qBAAa,cAAc;IACvB,OAAO,CAAC,MAAM,CAAc;gBAEhB,QAAQ,GAAE,QAAQ,GAAG,WAAsB;IAYvD,QAAQ,CAAC,OAAO,EAAE,MAAM;IAIxB,KAAK;IAIL,MAAM;CAGT;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,WAAW,GAAG;IACxD,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;CACpB,CAgCA"}

package/dist/accessibility/a11y.js

@@ -0,0 +1,254 @@
+/**
+ * Accessibility module for WCAG 2.1 AA compliance
+ * Provides keyboard navigation, screen reader support, and ARIA labels
+ */
+/**
+ * Generate unique IDs for accessibility attributes
+ */
+export function generateA11yIds(prefix) {
+    return {
+        container: `${prefix}-container`,
+        announcer: `${prefix}-announcer`,
+        option: (index) => `${prefix}-option-${index}`,
+    };
+}
+/**
+ * Hook for keyboard navigation in virtualized lists
+ */
+export function useA11yKeyboardNav({ itemCount, onSelectItem, onSelectIndex, }) {
+    const [selectedIndex, setSelectedIndex] = React.useState(0);
+    const [focusedIndex, setFocusedIndex] = React.useState(0);
+    const handleKeyDown = React.useCallback((e) => {
+        let newIndex = focusedIndex;
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                newIndex = Math.min(focusedIndex + 1, itemCount - 1);
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                newIndex = Math.max(focusedIndex - 1, 0);
+                break;
+            case 'Home':
+                e.preventDefault();
+                newIndex = 0;
+                break;
+            case 'End':
+                e.preventDefault();
+                newIndex = itemCount - 1;
+                break;
+            case 'Enter':
+            case ' ':
+                e.preventDefault();
+                setSelectedIndex(focusedIndex);
+                onSelectItem?.(focusedIndex);
+                onSelectIndex?.(focusedIndex);
+                return;
+            default:
+                return;
+        }
+        setFocusedIndex(newIndex);
+        onSelectIndex?.(newIndex);
+    }, [focusedIndex, itemCount, onSelectItem, onSelectIndex]);
+    return {
+        selectedIndex,
+        focusedIndex,
+        handleKeyDown,
+    };
+}
+/**
+ * Screen reader announcements
+ */
+export function announceToScreenReader(message, priority = 'polite') {
+    // Create or reuse announcer div
+    let announcer = document.getElementById('virtualize-announcer');
+    if (!announcer) {
+        announcer = document.createElement('div');
+        announcer.id = 'virtualize-announcer';
+        announcer.setAttribute('aria-live', priority);
+        announcer.setAttribute('aria-atomic', 'true');
+        announcer.style.position = 'absolute';
+        announcer.style.left = '-10000px';
+        announcer.style.width = '1px';
+        announcer.style.height = '1px';
+        announcer.style.overflow = 'hidden';
+        document.body.appendChild(announcer);
+    }
+    announcer.setAttribute('aria-live', priority);
+    announcer.textContent = message;
+}
+/**
+ * Generate ARIA attributes for list items
+ */
+export function getItemA11yProps(index, total, isSelected) {
+    return {
+        'aria-posinset': index + 1,
+        'aria-setsize': total,
+        'aria-selected': isSelected ?? false,
+        role: 'option',
+    };
+}
+/**
+ * Generate ARIA attributes for container
+ */
+export function getContainerA11yProps(label, describedBy) {
+    return {
+        role: 'listbox',
+        'aria-label': label,
+        'aria-describedby': describedBy,
+        'aria-multiselectable': false,
+    };
+}
+import React from 'react';
+/**
+ * Screen reader friendly virtual list announcement
+ * Announces when list is scrolled or filtered
+ */
+export function useA11yAnnouncements({ itemCount, filteredCount, searchQuery, isLoading, }) {
+    React.useEffect(() => {
+        if (isLoading) {
+            announceToScreenReader('Loading items...', 'polite');
+        }
+    }, [isLoading]);
+    React.useEffect(() => {
+        if (searchQuery) {
+            const message = filteredCount === 0
+                ? `No results found for "${searchQuery}"`
+                : `Found ${filteredCount} results for "${searchQuery}"`;
+            announceToScreenReader(message, 'polite');
+        }
+    }, [searchQuery, filteredCount]);
+    React.useEffect(() => {
+        announceToScreenReader(`List has ${itemCount} items`, 'polite');
+    }, [itemCount]);
+}
+/**
+ * Ensure keyboard-accessible interactions
+ */
+export const a11yEventHandlers = {
+    /**
+     * Handle click or Enter/Space key
+     */
+    onClickOrKey: (callback) => ({
+        onClick: callback,
+        onKeyDown: (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                callback();
+            }
+        },
+    }),
+    /**
+     * Make any element keyboard accessible
+     */
+    makeKeyboardAccessible: (element, callback) => {
+        element.setAttribute('role', 'button');
+        element.setAttribute('tabindex', '0');
+        element.addEventListener('keydown', (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                callback();
+            }
+        });
+    },
+};
+/**
+ * Focus management utilities
+ */
+export const focusManagement = {
+    /**
+     * Set focus with announcement
+     */
+    focusWithAnnouncement: (element, message) => {
+        element.focus();
+        if (message) {
+            announceToScreenReader(message, 'assertive');
+        }
+    },
+    /**
+     * Trap focus within container (for modals, etc.)
+     */
+    trapFocus: (container) => {
+        const focusableElements = container.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        const firstElement = focusableElements[0];
+        const lastElement = focusableElements[focusableElements.length - 1];
+        const handleKeyDown = (e) => {
+            if (e.key !== 'Tab')
+                return;
+            if (e.shiftKey) {
+                if (document.activeElement === firstElement) {
+                    e.preventDefault();
+                    lastElement.focus();
+                }
+            }
+            else {
+                if (document.activeElement === lastElement) {
+                    e.preventDefault();
+                    firstElement.focus();
+                }
+            }
+        };
+        container.addEventListener('keydown', handleKeyDown);
+        return () => container.removeEventListener('keydown', handleKeyDown);
+    },
+};
+/**
+ * ARIA live region for dynamic content
+ */
+export class AriaLiveRegion {
+    constructor(priority = 'polite') {
+        Object.defineProperty(this, "region", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.region = document.createElement('div');
+        this.region.setAttribute('aria-live', priority);
+        this.region.setAttribute('aria-atomic', 'true');
+        this.region.style.position = 'absolute';
+        this.region.style.left = '-10000px';
+        this.region.style.width = '1px';
+        this.region.style.height = '1px';
+        this.region.style.overflow = 'hidden';
+        document.body.appendChild(this.region);
+    }
+    announce(message) {
+        this.region.textContent = message;
+    }
+    clear() {
+        this.region.textContent = '';
+    }
+    remove() {
+        this.region.remove();
+    }
+}
+/**
+ * Accessibility audit helper
+ */
+export function auditAccessibility(container) {
+    const warnings = [];
+    const errors = [];
+    // Check for proper ARIA labels
+    if (!container.hasAttribute('aria-label') && !container.hasAttribute('aria-describedby')) {
+        warnings.push('Container should have aria-label or aria-describedby');
+    }
+    // Check for keyboard navigation support
+    const focusableElements = container.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    if (focusableElements.length === 0 && container.querySelectorAll('[role="button"]').length === 0) {
+        warnings.push('No keyboard-accessible interactive elements found');
+    }
+    // Check color contrast (basic check)
+    const allElements = container.querySelectorAll('*');
+    allElements.forEach((el) => {
+        const style = window.getComputedStyle(el);
+        const bgColor = style.backgroundColor;
+        const textColor = style.color;
+        // This is a simplified check - real implementation would calculate actual contrast ratio
+        if (bgColor === textColor) {
+            errors.push(`Element has same foreground and background color: ${el.tagName}`);
+        }
+    });
+    return { warnings, errors };
+}
+//# sourceMappingURL=a11y.js.map

package/dist/accessibility/a11y.js.map

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

package/dist/components/VirtualGrid.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { VirtualGridProps } from '../types';
+/**
+ * VirtualGrid Component
+ * Efficient rendering for grid and masonry layouts
+ */
+export declare const VirtualGrid: React.ForwardRefExoticComponent<VirtualGridProps<any> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=VirtualGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualGrid.d.ts","sourceRoot":"","sources":["../../src/components/VirtualGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,gBAAgB,EAAmB,MAAM,UAAU,CAAC;AAW7D;;;GAGG;AACH,eAAO,MAAM,WAAW,8FAkTvB,CAAC"}