CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-remirror--react

Hooks and components for consuming remirror with your fave framework React.

36

1.09x
Quality

Pending

Does it follow best practices?

Impact

36%

1.09x

Average score across 10 eval scenarios

SecuritybySnyk

Pending

The risk profile of this skill

Overview
Eval results
Files

criteria.jsonevals/scenario-10/

{
  "context": "Evaluates whether the solution leverages @remirror/react's built-in toolbar, formatting, list, and alignment components to build the requested editor while keeping change handling wired through the Remirror React APIs. Focuses on using the ready-made buttons and groups rather than custom command wiring or DOM manipulation.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Remirror setup",
      "description": "Initializes the editor with `useRemirror` (or `createReactManager`) and renders `Remirror` plus `EditorComponent`, passing initial HTML and editable flags while surfacing changes via `OnChangeHTML`/`OnChangeJSON` callbacks to emit updated HTML.",
      "max_score": 20
    },
    {
      "name": "Toolbar usage",
      "description": "Renders a persistent toolbar using `BaseToolbar`/`WysiwygToolbar` (or equivalent) and composes built-in groups like `BasicFormattingButtonGroup`, `ListButtonGroup`, and `TextAlignmentButtonGroup` instead of custom buttons.",
      "max_score": 20
    },
    {
      "name": "Formatting buttons",
      "description": "Provides inline formatting controls via package toggles such as `ToggleBoldButton` and `ToggleItalicButton` (or `BasicFormattingButtonGroup`) bound to the Remirror context so toggling updates the selected text and emitted HTML.",
      "max_score": 20
    },
    {
      "name": "List buttons",
      "description": "Implements list controls with @remirror/react components like `ToggleBulletListButton` and `ToggleOrderedListButton` (or `ListButtonGroup`), relying on built-in active/disabled state from editor state rather than manual DOM manipulation.",
      "max_score": 20
    },
    {
      "name": "Alignment controls",
      "description": "Applies text alignment using provided components such as `TextAlignmentButtonGroup` or the `LeftAlignButton`/`CenterAlignButton`/`RightAlignButton` set, wired to the editor so selection changes are reflected in the resulting HTML.",
      "max_score": 20
    }
  ]
}

tile.json