Hooks and components for consuming remirror with your fave framework React.
Overall
score
36%
Evaluation — 36%
↑ 1.09xAgent success when using this tile
{
"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
}
]
}docs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10