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

{
  "context": "Evaluates how the solution uses @remirror/react's JSON-to-React rendering pipeline to display Remirror-formatted documents with custom mappings, configuration reuse, and safety. Scoring checks whether renderer components and mapping props are applied correctly and optimized while handling errors gracefully.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Renderer wiring",
      "description": "Uses @remirror/react's RemirrorRenderer (or Doc for the root) to render the provided json prop from ArticleRenderer without re-shaping it, ensuring the package renderer drives the output.",
      "max_score": 25
    },
    {
      "name": "Type mapping",
      "description": "Passes a typeMap to RemirrorRenderer that maps heading nodes (with level) and paragraphs to custom React components and honors componentProps for those entries when rendering.",
      "max_score": 20
    },
    {
      "name": "Mark mapping",
      "description": "Supplies a markMap to RemirrorRenderer so bold and link marks render with custom wrappers, using mark attrs (e.g., href) and preserving nested text from the input json.",
      "max_score": 20
    },
    {
      "name": "Prop forwarding",
      "description": "Forwards componentProps through RemirrorRenderer to mapped node and mark components, merging defaults without stripping text or attributes when componentProps entries are absent.",
      "max_score": 15
    },
    {
      "name": "Error boundary",
      "description": "Provides RemirrorRenderer with an errorBoundary and fallback element so malformed json or throwing mapped components render the fallback instead of crashing.",
      "max_score": 10
    },
    {
      "name": "Stable mappings",
      "description": "Keeps typeMap and markMap references stable across re-renders (e.g., memoization) so RemirrorRenderer avoids unnecessary rerendering, while updates to the maps re-render only affected nodes.",
      "max_score": 10
    }
  ]
}

Install with Tessl CLI

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

tile.json