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

{
  "context": "Evaluates how well the solution uses @remirror/react floating positioners and wrappers to build a selection-anchored toolbar with offset control, reactive repositioning, and mark-aware action rendering.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Positioner Hook",
      "description": "Uses @remirror/react's usePositioner (or a useMultiPositioner instance) with placement and offset options mapped from props to anchor the toolbar to the current selection instead of manual DOM math.",
      "max_score": 25
    },
    {
      "name": "Floating Wrapper",
      "description": "Wraps toolbar content in FloatingWrapper or PositionerPortal so rendered nodes follow the positioner's coordinates/active state rather than custom absolute positioning.",
      "max_score": 20
    },
    {
      "name": "Active Toggle",
      "description": "Derives visibility from positioner.active (or equivalent hook state) and hides/shows through hook-provided controls instead of ad-hoc selection checks.",
      "max_score": 15
    },
    {
      "name": "Reposition Updates",
      "description": "Triggers positioner.update() or relies on the hook's built-in listeners to recompute coordinates on scroll/resize or selection changes, avoiding hand-rolled listeners.",
      "max_score": 15
    },
    {
      "name": "Mark Context",
      "description": "Collects active formatting state using useActive/useHelpers from @remirror/react and feeds it into renderActions/children per the spec instead of reimplementing mark detection.",
      "max_score": 15
    },
    {
      "name": "Focus Hide",
      "description": "Hides via positioner.hide()/toggle or FloatingWrapper enabled control tied to Remirror focus/selection events, honoring the optional hide delay without custom timers detached from the hook state.",
      "max_score": 10
    }
  ]
}

Install with Tessl CLI

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

tile.json