CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-tiptap--core

Headless rich text editor built on ProseMirror with extensible architecture for building custom editors

94

1.00x
Overview
Eval results
Files

rubric.jsonevals/scenario-10/

{
  "context": "This criteria evaluates how well the engineer uses the @tiptap/core command system to implement a text formatting toolbar. The focus is on proper usage of command execution methods, command chaining, and state checking APIs provided by the editor instance.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Command execution",
      "description": "Uses editor.commands or editor.chain() to execute commands for toggling bold and italic formatting. Should use toggleMark('bold') or similar command methods provided by @tiptap/core.",
      "max_score": 30
    },
    {
      "name": "State checking",
      "description": "Uses editor.isActive() method to check if bold or italic marks are currently active in the selection. This is the proper API for determining active formatting states.",
      "max_score": 25
    },
    {
      "name": "Clear formatting",
      "description": "Uses editor commands to clear formatting, such as unsetAllMarks() or clearContent() followed by insertContent(), demonstrating understanding of mark manipulation commands.",
      "max_score": 20
    },
    {
      "name": "Editor instance usage",
      "description": "Properly stores and uses the Editor instance passed to createToolbar, accessing its commands and state APIs correctly throughout the implementation.",
      "max_score": 15
    },
    {
      "name": "Command chaining",
      "description": "Demonstrates understanding of command chaining by using editor.chain() when appropriate, or shows awareness of when to use direct commands vs. chained commands with .run().",
      "max_score": 10
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-tiptap--core

tile.json