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-2/

{
  "context": "Evaluates how well the solution wires a Remirror React toolbar into command, helper, and state hooks to drive formatting toggles, chained snippet insertion, and live selection indicators.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Command toggles",
      "description": "Bold and italic buttons call @remirror/react's useCommands hook to invoke toggleBold and toggleItalic (not custom mutations) and reflect the results in the UI.",
      "max_score": 30
    },
    {
      "name": "Chained snippet",
      "description": "Snippet control leverages useChainedCommands to compose focus().insertText(snippetText).run() (or equivalent chain) so focusing and insertion happen in one command sequence.",
      "max_score": 30
    },
    {
      "name": "Helper indicator",
      "description": "Italic active status is derived via useHelpers().isMarkActive('italic') (or the helper-based active query) instead of manual selection parsing, and updates after formatting changes.",
      "max_score": 25
    },
    {
      "name": "Selection state",
      "description": "Selection start/end display comes from useEditorState or useCurrentSelection provided by @remirror/react, updating when the selection changes rather than using ad-hoc DOM reads.",
      "max_score": 15
    }
  ]
}

tile.json