Add user-facing text to Handsontable through its translation system. The skill covers translation keys, language files, plural forms, right-to-left layouts, preserving Japanese and other East Asian input behavior, and converting text to lowercase according to language rules.
Use when adding user-facing text to Handsontable, creating new language constants, updating translation files, or working with RTL layouts and internationalization
Review the instructions the agent will receive before you install.
Route all user-visible strings through the i18n system in src/i18n/.
src/i18n/constants.ts in UPPER_SNAKE_CASE, built from a namespace prefix and key:export const CONTEXTMENU_ITEMS_ROW_ABOVE = `${CM_ALIAS}.insertRowAbove`;
src/i18n/languages/ (20+ locales, e.g. en-US.ts, de-DE.ts). Each file imports constants as * as C:[C.CONTEXTMENU_ITEMS_ROW_ABOVE]: 'Insert row above',
Pluralizable strings use an array: ['Remove row', 'Remove rows'].
src/i18n/languages/index.ts.import * as C from '../../i18n/constants';
const label = this.hot.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_ROW_ABOVE);
layoutDirection: 'rtl'. Use logical CSS properties (inset-inline-start in place of left). Test with ar-AR or fa-IR.
Editors handle compositionstart, compositionupdate, compositionend for CJK input; leave composition state untouched when changing editor behavior.
Lowercase cell data with localeLowerCase(value, locale) from src/helpers/string.ts, in place of String.prototype.toLocaleLowerCase (ESLint no-restricted-syntax enforces it). It keeps Turkish/Azeri/Lithuanian special casing, takes the fast toLowerCase() path elsewhere, and does not throw on an invalid locale tag.
No reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
Develop and modify the Handsontable Angular wrapper with guidance on component lifecycle, settings updates, and NgZone, which controls change detection. It also covers standalone examples, global configuration, and the build and test workflow.
Open local or public web pages in BrowserStack Live for checks on real mobile devices or desktop browsers. The skill prepares temporary access to a local server, launches the requested session, and shares its dashboard link.
Prepare user-facing changelog entries for source code changes. The skill determines whether an entry is needed, classifies the change, writes a clear title, and uses the project CLI to create a JSON file tied to the pull request.
Explore relationships between functions and files using a prebuilt code graph, a map of code dependencies. Trace bugs, inspect callers and execution paths, and assess the impact of refactoring or proposed changes.
Work with Handsontable row and column positions by distinguishing source data, displayed order, and rendered cells. It guides index conversion and helps investigate misplaced data when sorting, filtering, hiding, or moving rows and columns.
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.