Skip to content

Latest commit

 

History

History
104 lines (70 loc) · 4.6 KB

File metadata and controls

104 lines (70 loc) · 4.6 KB

WarperGrid TODO Specification

Based on community feedback from Reddit (r/reactjs) and user testing.


🔴 Critical (Must-Fix Before Production)

1. 📱 Mobile UX & Scrolling

  • Smooth native scrolling — Fix cell-snapping behavior, enable smooth inertia scrolling on iOS/WebKit (Safari) and tablets ✅ DONE
  • Horizontal scrolling fluidity — Improve continuous horizontal swipe/drag on mobile browsers ✅ DONE
  • Touch testing matrix — Establish device/browser matrix (iOS Safari, Chrome, Firefox; Android Chrome/Firefox) and document friction points

2. 🐛 Demo Bug Fixes

  • Cell editing UI — Fix inconsistent triggers (double-click vs Enter), ensure predictable behavior across platforms ✅ DONE
  • Sorting controls — Fix non-functional sort buttons in demo
  • Filter UI — Make filter controls actually filter rows
  • Range selection — Correct unintended expansion after drag release ✅ DONE
  • Large dataset crashes — Prevent crashes/extreme lag when selecting 5M–10M rows on phones ✅ DONE (improved warnings and safeguards)

3. 🛠 Cross-Browser Compatibility

  • WebAssembly fallbacks — Provide JS fallback for browsers with WASM/WebKit issues
  • Browser compatibility tests — Maintain test suite for Chrome, Firefox, Safari, Edge

🟡 High Priority (Pre-Launch)

4. 📊 Benchmark Transparency

  • Live benchmark comparison — Show side-by-side WarperGrid vs AG Grid for same dataset sizes
  • Performance indicators — Display scroll FPS, load times, memory usage in demo

5. 📌 UI Improvements

  • Scrollbar visibility — Ensure scrollbars are clearly visible in demo grid ✅ DONE
  • Mobile UI polish — Fix overlapping menus, transparent backgrounds on mobile nav/header

6. 📄 Documentation & Onboarding

  • Core API documentation — Document sorting, filtering, custom cell renderers
  • Demo embedding — Show live demo directly on landing page or prominently linked
  • Plugin usage guides — Explain how to attach/reuse modular features (e.g., attach(['*']))

🟢 Medium Priority (Post-Launch)

7. 📱 Responsive Strategy

  • Responsive grid layout — Provide alternate layouts (stacked data, column hide/overflow) on narrow screens ✅ DONE (improved mobile CSS)
  • Feature flags by device — Disable heavy interactive features on small screens for performance

8. 🧑‍💻 Developer Experience (DX)

  • Clear examples — Add examples for common workflows: editing, selection, formulas, exporting
  • Plugin documentation — Comprehensive docs for plugin system

9. 🧪 Stability & Edge Cases

  • Large dataset behavior — Improve responsiveness for millions of rows on resource-limited devices ✅ DONE
  • Fallback UX — Add warnings, progressive load indicators, or caps for huge datasets ✅ DONE

🔵 Nice-to-Have (Future Roadmap)

10. 🚀 Advanced Features

  • Feature parity — Add missing features vs competitors (charting, advanced grouping strategies)
  • Plugin ecosystem — Build first-party plugins and community templates

11. 📦 Source Availability

  • License clarification — Proprietary license with clear terms (DONE - See LICENSE file)
  • Repository public — GitHub repo now public at github.com/warper-org/warper-grid (DONE)

✅ Completed

  • Rewrite all plugins with top-notch performance
  • Ensure plugin compatibility with latest version
  • Setup project for private distribution
  • Optimize plugin performance
  • Create LICENSE file (Proprietary, Courts of India jurisdiction)
  • Add GitHub repository links to package.json and homepage
  • Update Terms of Service and License Agreement with India jurisdiction
  • Enable smooth native scrolling on mobile (iOS/WebKit)
  • Fix horizontal scrolling fluidity
  • Make scrollbars visible (not hidden)
  • Fix range selection ending on mouse/touch up
  • Add touch event support for cell selection
  • Improve large dataset warning messages
  • Add mobile-friendly touch targets (min 44px height)
  • Add iOS/Safari specific CSS fixes (webkit-overflow-scrolling, touch-action, zoom prevention)
  • Make SQL Query Panel responsive for mobile (full-screen modal, stacked layouts)
  • Update embedded SQL panel for mobile viewports
  • Add mobile toolbar responsiveness (icon-only buttons, horizontal scroll)
  • Add safe area insets for notched devices (iPhone X, etc.)
  • Add touch-device specific styling (hover:none, pointer:coarse)