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

{
  "context": "Evaluates whether the solution wires up @remirror/react's initialization hook and provider components to deliver the editor behaviors in the spec. Checks correct use of useRemirror for manager creation plus Remirror and EditorComponent for rendering and change propagation. Focuses solely on package-level wiring, not general React code quality.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "useRemirror setup",
      "description": "Initializes the editor manager with useRemirror (or createReactManager) using initialHtml via stringHandler/initialContent and forwards editable/autoFocus defaults from props instead of custom state.",
      "max_score": 20
    },
    {
      "name": "Remirror provider",
      "description": "Wraps the editor surface in the Remirror provider component with the manager, passing className/rootProps as needed rather than custom context wiring.",
      "max_score": 20
    },
    {
      "name": "EditorComponent usage",
      "description": "Renders the editable area with EditorComponent (or equivalent package content component) instead of a hand-made contentEditable, and applies placeholder behavior through package options.",
      "max_score": 20
    },
    {
      "name": "Change handlers",
      "description": "Uses Remirror-provided change handling (useRemirror onChange or Remirror handlers) to call onHtmlChange with helpers/stringHandler output and onJsonChange with helpers.getJSON/state JSON rather than manual DOM extraction.",
      "max_score": 20
    },
    {
      "name": "Editable + focus flags",
      "description": "Controls read-only and focus behavior through Remirror/useRemirror props (editable, autoFocus, rootProps) rather than manipulating DOM attributes directly.",
      "max_score": 20
    }
  ]
}

tile.json