CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-tiptap--extension-typography

Typography extension for Tiptap that automatically converts common text input patterns into proper typographic characters.

73

0.85x
Overview
Eval results
Files

rubric.jsonevals/scenario-6/

{
  "context": "This evaluation assesses the engineer's ability to use the Tiptap Link extension API for creating, modifying, and querying hyperlinks in a rich text editor. The focus is on proper use of link commands, attribute handling, and state detection using the @tiptap/extension-link package.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Link Extension Integration",
      "description": "Properly imports and configures the Link extension from @tiptap/extension-link in the editor initialization, including any necessary options like autolink or openOnClick.",
      "max_score": 15
    },
    {
      "name": "setLink Command Usage",
      "description": "Uses the editor.chain().focus().setLink() or editor.commands.setLink() command to insert or update links with the href attribute and optional target/rel attributes.",
      "max_score": 20
    },
    {
      "name": "unsetLink Command Usage",
      "description": "Uses the editor.chain().focus().unsetLink() or editor.commands.unsetLink() command to remove links while preserving text content.",
      "max_score": 15
    },
    {
      "name": "extendMarkRange Command",
      "description": "Uses editor.chain().focus().extendMarkRange() to expand selection to the entire link before operations, or demonstrates awareness of link boundary handling.",
      "max_score": 10
    },
    {
      "name": "isActive Link Detection",
      "description": "Uses editor.isActive('link') to detect whether a link is active at the current selection position.",
      "max_score": 15
    },
    {
      "name": "getAttributes Method",
      "description": "Uses editor.getAttributes('link') to retrieve link attributes (href, target, rel) from the current selection.",
      "max_score": 15
    },
    {
      "name": "updateAttributes Command",
      "description": "Uses editor.chain().focus().updateAttributes('link', {...}) or similar approach to update specific attributes of an existing link.",
      "max_score": 10
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-tiptap--extension-typography

tile.json