Handsontable

Create or modify reusable Handsontable cell types that combine editing, display, and validation settings under one name. The skill covers registration and consistent value conversion across typing, pasting, programmatic updates, autofill, and undo operations.

• Create a named cell type from existing components
• Keep pasted and typed values in a consistent format
• Fix key/value conversion for dropdown cells

Develop and modify the Handsontable wrapper for Vue 3 with guidance on component structure, settings updates, column configuration, and shared data references. It also explains the build order and tests used to check wrapper changes.

• Fix settings updates in the Vue 3 wrapper
• Modify per-column configuration
• Investigate how array changes reach the grid

Helps develop Handsontable’s React wrapper, covering components, custom cell editors, and preserving selections during settings updates. It also guides TypeScript prop definitions and declaration checks so editor suggestions remain available.

• Preserve cell selections when React props change
• Develop custom cell editors
• Fix missing HotTable and HotColumn prop suggestions

Create Handsontable documentation examples for JavaScript, TypeScript, React, Angular, and Vue. The skill explains source files, generated JavaScript, required imports and license settings, embedding examples in guides, and checking that each framework version displays correctly.

• Adding a code example to a feature guide
• Preparing examples for multiple frameworks
• Generating JavaScript examples from TypeScript

Modify Handsontable’s Walkontable rendering engine using its architecture and coding rules. The skill covers visible-area calculations, frozen rows and columns, scroll synchronization, browser element measurements, and tests for rendering changes.

• Fix rendering issues with frozen rows and columns
• Change viewport calculations or row and column sizing
• Review scroll synchronization and redraw timing

Build or modify Handsontable cell editors with guidance on editing states, input validation, focus, and element cleanup. Address dropdown positioning during scrolling, right-to-left layouts, and Japanese or other text input using composition.

• Building a custom cell editor
• Supporting asynchronous input validation
• Fixing dropdown positioning during scrolling or in RTL layouts

Add or update Handsontable performance tests for rendering and user interactions. The skill guides trace recording, measurement boundaries, baseline comparisons, and reports that help reviewers identify performance changes in pull requests.

• Add a performance test for a Handsontable feature
• Investigate filtering or sorting performance
• Compare performance changes in a pull request

Write and update Handsontable unit tests with Jest and type tests with TypeScript. Explains file placement, focused test runs, boundary cases, and checks for public types, while helping choose between isolated logic tests and browser tests.

• Adding unit tests for calculations and data transformations
• Covering bug fixes and internal refactoring
• Checking TypeScript declarations and public exports