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

{
  "context": "Evaluates whether the solution uses @remirror/react to build a controlled editor that emits both HTML and JSON updates while respecting localization and theming inputs. Checks focus on correct wiring of change handlers, provider usage, and synced outputs.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Remirror setup",
      "description": "Initializes the editor with @remirror/react (e.g., useRemirror or createReactManager) and renders a single <Remirror> instance seeded from the provided initialHtml/initialJson props.",
      "max_score": 15
    },
    {
      "name": "HTML handler",
      "description": "Uses the package's OnChangeHTML component inside Remirror to forward HTML updates directly to the onHtmlChange callback without custom parsing.",
      "max_score": 20
    },
    {
      "name": "JSON handler",
      "description": "Uses OnChangeJSON within the same Remirror instance to emit structured document changes to onJsonChange, ensuring the JSON reflects the current editor state.",
      "max_score": 20
    },
    {
      "name": "Synced outputs",
      "description": "Configures OnChangeHTML and OnChangeJSON to observe the same editor state (one manager/view) so both callbacks fire for a single edit without desynchronization or duplicate editors.",
      "max_score": 15
    },
    {
      "name": "I18n provider",
      "description": "Wraps the editor with I18nProvider from @remirror/react (or uses useI18n) passing the locale and messages map, and shows translated UI text reacting to locale changes.",
      "max_score": 15
    },
    {
      "name": "Theme provider",
      "description": "Applies ThemeProvider from @remirror/react around the editor, feeding the theme prop so toolbar/container styling comes from the package theming context instead of ad-hoc CSS.",
      "max_score": 15
    }
  ]
}

Install with Tessl CLI

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

tile.json