CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-remirror--react

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

Overall
score

36%

Evaluation36%

1.09x

Agent success when using this tile

Overview
Eval results
Files

rubric.jsonevals/scenario-9/

{
  "context": "Evaluates how well the solution uses @remirror/react keyboard, focus, history, and event hooks to build the shortcut-aware editor described in question_8.md. Points reward idiomatic Remirror APIs for shortcut handling, focus tracking, history reporting, and event payloads.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Keymap binding",
      "description": "Registers the Mod-Shift-L shortcut with `useKeymap` or `useKeymaps` from `@remirror/react` and inserts the `>>> ` marker through `useCommands`/`useChainedCommands` instead of manual DOM edits.",
      "max_score": 25
    },
    {
      "name": "Focus tracking",
      "description": "Derives focus state through `useEditorFocus` (or `useEditorEvent` with focus/blur handlers) and uses its `ignoredElements`/`toolbarRef` support so toolbar interactions keep the indicator on \"Focused\".",
      "max_score": 25
    },
    {
      "name": "History hooks",
      "description": "Listens to undo/redo via `useHistory('onUndo', ...)` and `useHistory('onRedo', ...)` and updates displayed counts and callbacks from those hook handlers rather than simulating history manually.",
      "max_score": 20
    },
    {
      "name": "Event payloads",
      "description": "Populates `onEvent` payloads with selection text or marker position using Remirror helpers such as `useHelpers().getSelectedText()` or `useEditorState`, and includes updated undo/redo counts for history events.",
      "max_score": 15
    },
    {
      "name": "Context wiring",
      "description": "Obtains editor commands/view via `useRemirrorContext` and calls `commands.focus` (or equivalent) when needed, avoiding raw DOM manipulation for focusing and insertions.",
      "max_score": 15
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-remirror--react@2.0.0
What are skills?

tile.json